@import url(https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap); @import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&display=swap); body.guillotine-dragging, body.guillotine-dragging * { cursor: move !important; cursor: -webkit-grabbing !important; cursor: grabbing !important; cursor: -webkit-grabbing, move; cursor: grabbing, move; /* IE hack */ } .guillotine-window { display: block; position: relative; overflow: hidden; cursor: move; cursor: -webkit-grab; cursor: grab; cursor: -webkit-grab, move; cursor: grab, move; /* IE hack */ } .guillotine-canvas { position: absolute; top: 0; left: 0; text-align: center; margin: 0 !important; padding: 0 !important; border: none !important; } .guillotine-canvas > * { position: absolute; top: 0; left: 0; max-width: none; max-height: none; width: 100%; height: 100%; margin: 0 !important; padding: 0 !important; border: none !important; } .guillotine-sample { position: absolute !important; top: -100000px !important; left: -100000px !important; width: auto !important; height: auto !important; } table.dataTable{clear:both;margin-top:6px !important;margin-bottom:6px !important;max-width:none !important;border-collapse:separate !important}table.dataTable td,table.dataTable th{box-sizing:content-box}table.dataTable td.dataTables_empty,table.dataTable th.dataTables_empty{text-align:center}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}div.dataTables_wrapper div.dataTables_length label{font-weight:normal;text-align:left;white-space:nowrap}div.dataTables_wrapper div.dataTables_length select{width:75px;display:inline-block}div.dataTables_wrapper div.dataTables_filter{text-align:right}div.dataTables_wrapper div.dataTables_filter label{font-weight:normal;white-space:nowrap;text-align:left}div.dataTables_wrapper div.dataTables_filter input{margin-left:.5em;display:inline-block;width:auto}div.dataTables_wrapper div.dataTables_info{padding-top:8px;white-space:nowrap}div.dataTables_wrapper div.dataTables_paginate{margin:0;white-space:nowrap;text-align:right}div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:2px 0;white-space:nowrap}div.dataTables_wrapper div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:1em 0}table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting{padding-right:30px}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}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;position:relative}table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{position:absolute;bottom:8px;right:8px;display:block;font-family:"Glyphicons Halflings";opacity:.5}table.dataTable thead .sorting:after{opacity:.2;content:""}table.dataTable thead .sorting_asc:after{content:""}table.dataTable thead .sorting_desc:after{content:""}table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{color:#eee}div.dataTables_scrollHead table.dataTable{margin-bottom:0 !important}div.dataTables_scrollBody>table{border-top:none;margin-top:0 !important;margin-bottom:0 !important}div.dataTables_scrollBody>table>thead .sorting:after,div.dataTables_scrollBody>table>thead .sorting_asc:after,div.dataTables_scrollBody>table>thead .sorting_desc:after{display:none}div.dataTables_scrollBody>table>tbody>tr:first-child>th,div.dataTables_scrollBody>table>tbody>tr:first-child>td{border-top:none}div.dataTables_scrollFoot>.dataTables_scrollFootInner{box-sizing:content-box}div.dataTables_scrollFoot>.dataTables_scrollFootInner>table{margin-top:0 !important;border-top:none}@media screen and (max-width: 767px){div.dataTables_wrapper div.dataTables_length,div.dataTables_wrapper div.dataTables_filter,div.dataTables_wrapper div.dataTables_info,div.dataTables_wrapper div.dataTables_paginate{text-align:center}}table.dataTable.table-condensed>thead>tr>th{padding-right:20px}table.dataTable.table-condensed .sorting:after,table.dataTable.table-condensed .sorting_asc:after,table.dataTable.table-condensed .sorting_desc:after{top:6px;right:6px}table.table-bordered.dataTable{border-right-width:0}table.table-bordered.dataTable th,table.table-bordered.dataTable td{border-left-width:0}table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable td:last-child,table.table-bordered.dataTable td:last-child{border-right-width:1px}table.table-bordered.dataTable tbody th,table.table-bordered.dataTable tbody td{border-bottom-width:0}div.dataTables_scrollHead table.table-bordered{border-bottom-width:0}div.table-responsive>div.dataTables_wrapper>div.row{margin:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:first-child{padding-left:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:last-child{padding-right:0} table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty{cursor:default !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before{display:none !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control{position:relative;padding-left:30px;cursor:pointer}table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{top:50%;left:5px;height:1em;width:1em;margin-top:-9px;display:block;position:absolute;color:white;border:.15em solid white;border-radius:1em;box-shadow:0 0 .2em #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:"Courier New",Courier,monospace;line-height:1em;content:"+";background-color:#337ab7}table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before{content:"-";background-color:#d33333}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td.dtr-control,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th.dtr-control{padding-left:27px}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td.dtr-control:before,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th.dtr-control:before{left:4px;height:14px;width:14px;border-radius:14px;line-height:14px;text-indent:3px}table.dataTable.dtr-column>tbody>tr>td.dtr-control,table.dataTable.dtr-column>tbody>tr>th.dtr-control,table.dataTable.dtr-column>tbody>tr>td.control,table.dataTable.dtr-column>tbody>tr>th.control{position:relative;cursor:pointer}table.dataTable.dtr-column>tbody>tr>td.dtr-control:before,table.dataTable.dtr-column>tbody>tr>th.dtr-control:before,table.dataTable.dtr-column>tbody>tr>td.control:before,table.dataTable.dtr-column>tbody>tr>th.control:before{top:50%;left:50%;height:.8em;width:.8em;margin-top:-0.5em;margin-left:-0.5em;display:block;position:absolute;color:white;border:.15em solid white;border-radius:1em;box-shadow:0 0 .2em #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:"Courier New",Courier,monospace;line-height:1em;content:"+";background-color:#337ab7}table.dataTable.dtr-column>tbody>tr.parent td.dtr-control:before,table.dataTable.dtr-column>tbody>tr.parent th.dtr-control:before,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>tbody>tr.child{padding:.5em 1em}table.dataTable>tbody>tr.child:hover{background:transparent !important}table.dataTable>tbody>tr.child ul.dtr-details{display:inline-block;list-style-type:none;margin:0;padding:0}table.dataTable>tbody>tr.child ul.dtr-details>li{border-bottom:1px solid #efefef;padding:.5em 0}table.dataTable>tbody>tr.child ul.dtr-details>li:first-child{padding-top:0}table.dataTable>tbody>tr.child ul.dtr-details>li:last-child{border-bottom:none}table.dataTable>tbody>tr.child span.dtr-title{display:inline-block;min-width:75px;font-weight:bold}div.dtr-modal{position:fixed;box-sizing:border-box;top:0;left:0;height:100%;width:100%;z-index:100;padding:10em 1em}div.dtr-modal div.dtr-modal-display{position:absolute;top:0;left:0;bottom:0;right:0;width:50%;height:50%;overflow:auto;margin:auto;z-index:102;overflow:auto;background-color:#f5f5f7;border:1px solid black;border-radius:.5em;box-shadow:0 12px 30px rgba(0, 0, 0, 0.6)}div.dtr-modal div.dtr-modal-content{position:relative;padding:1em}div.dtr-modal div.dtr-modal-close{position:absolute;top:6px;right:6px;width:22px;height:22px;border:1px solid #eaeaea;background-color:#f9f9f9;text-align:center;border-radius:3px;cursor:pointer;z-index:12}div.dtr-modal div.dtr-modal-close:hover{background-color:#eaeaea}div.dtr-modal div.dtr-modal-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;background:rgba(0, 0, 0, 0.6)}@media screen and (max-width: 767px){div.dtr-modal div.dtr-modal-display{width:95%}}div.dtr-bs-modal table.table tr:first-child td{border-top:none} /*** Spectrum Colorpicker v2.0.0 https://github.com/seballot/spectrum Author: Brian Grinstead and spectrum contributors License: MIT ***/ .sp-container { position:absolute; top:0; left:0; display:inline-block; *display: inline; *zoom: 1; /* https://github.com/seballot/spectrum/issues/40 */ z-index: 9999994; overflow: hidden; } .sp-original-input-container { position: relative; display: inline-flex; } .sp-original-input-container input { margin: 0 !important; } .sp-original-input-container .sp-add-on { width: 40px; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } input.spectrum.with-add-on { /*padding-left: 45px;*/ border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: 0; } .sp-original-input-container .sp-add-on .sp-colorize { height: 100%; width: 100%; border-radius: inherit; } .sp-colorize-container { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==) } .sp-container.sp-flat { position: relative; } /* Fix for * { box-sizing: border-box; } */ .sp-container, .sp-container * { box-sizing: content-box; } /* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */ .sp-top { position:relative; width: 100%; display:inline-block; } .sp-top-inner { position:absolute; top:0; left:0; bottom:0; right:0; } .sp-color { position: absolute; top:0; left:0; bottom:0; right:20px !important; } .sp-hue { position: absolute; top:0; right:0; bottom:0; width: 12px; height: 100%; left: initial !important; } .sp-clear-enabled .sp-hue { top: 15%; height: 85%; } .sp-fill { padding-top: 80%; } .sp-sat, .sp-val { position: absolute; top:0; left:0; right:0; bottom:0; } .sp-alpha-enabled .sp-top { margin-bottom: 28px !important; } .sp-alpha-enabled .sp-alpha { display: block; } .sp-alpha-handle { position: absolute; top: -3px; cursor: pointer; height: 16px; border-radius: 50%; width: 16px; margin-right: 5px; left: -2px; right: 0; background: #f9f9f9; box-shadow: 0 0 2px 0px #3a3a3a; } .sp-alpha { display: none; position: absolute; bottom: -18px; right: 0; left: 0; height: 10px; } .sp-alpha-inner { border-radius: 4px; } .sp-clear { display: none; } .sp-clear.sp-clear-display { background-position: center; } .sp-clear-enabled .sp-clear { display: block; position: absolute; top: 3px; right: 0; bottom: 0; cursor: pointer; left: initial; height: 12px; width: 12px; } /* Don't allow text selection */ .sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button { -webkit-user-select:none; -moz-user-select: -moz-none; -o-user-select:none; -ms-user-select: none; user-select: none; } .sp-container.sp-input-disabled .sp-input-container { display: none; } .sp-container.sp-buttons-disabled .sp-button-container { display: none; } .sp-container.sp-palette-buttons-disabled .sp-palette-button-container { display: none; } .sp-palette-only .sp-picker-container { display: none; } .sp-palette-disabled .sp-palette-container { display: none; } .sp-initial-disabled .sp-initial { display: none; } /* Gradients for hue, saturation and value instead of images. Not pretty... but it works */ .sp-sat { background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)"; filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81'); } .sp-val { border-radius: 4px; background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)"; filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000'); } .sp-hue { background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); } /* IE filters do not support multiple color stops. Generate 6 divs, line them up, and do two color gradients for each. Yes, really. */ .sp-1 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00'); } .sp-2 { height:16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00'); } .sp-3 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff'); } .sp-4 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff'); } .sp-5 { height:16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff'); } .sp-6 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000'); } .sp-hidden { display: none !important; } /* Clearfix hack */ .sp-cf:before, .sp-cf:after { content: ""; display: table; } .sp-cf:after { clear: both; } .sp-cf { *zoom: 1; } /* Mobile devices, make hue slider bigger so it is easier to slide */ @media (max-device-width: 480px) { .sp-color { right: 40%; } .sp-hue { left: 63%; } .sp-fill { padding-top: 60%; } } .sp-dragger { border-radius: 5px; height: 10px; width: 10px; border: 1px solid #fff; cursor: pointer; position:absolute; top:0; left: 0; margin-left: 3px; margin-top: 3px; box-shadow: 0 0 2px 1px rgba(0, 0, 0, .2); } .sp-slider { position: absolute; top: 0; cursor: pointer; height: 16px; border-radius: 50%; width: 16px; left: -2px; background: #f9f9f9; box-shadow: 0 0 2px 0px #3a3a3a; margin-top: 8px; } /* Theme authors: Here are the basic themeable display options (colors, fonts, global widths) */ .sp-container { display: inline-flex; border-radius: 0; background-color: white; padding: 0; border-radius: 4px; color: black; box-shadow: 0 0 0 1px rgba(99,114,130,.16), 0 8px 16px rgba(27,39,51,.08); } .sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear { font-size:12px; -ms-box-sizing: border-box; box-sizing: border-box; } .sp-top { margin-bottom: 10px; } .sp-color, .sp-hue, .sp-clear, .sp-val, .sp-sat { border-radius: 3px; } .sp-input-container { margin-top: -5px; } .sp-input-container.sp-cf, .sp-initial.sp-thumb.sp-cf, .sp-button-container.sp-cf { height: 25px; } .sp-picker-container .sp-cf { margin-bottom: 10px; } .sp-palette-row-initial > span:first-child { cursor: pointer; } /* Input */ .sp-initial-disabled .sp-input-container { width: 100%; } .sp-input { padding: 0px 5px !important; margin: 0; width: 100%; box-shadow: none !important; height: 100% !important; background: transparent; color: #3a3a3a; border-radius: 2px !important; border: 1px solid #e0e0e0 !important; text-align: center; font-family: monospace; font-size: inherit !important; } .sp-input:focus { border: 1px solid orange; } .sp-input.sp-validation-error { border: 1px solid red; background: #fdd; } .sp-picker-container , .sp-palette-container { position: relative; padding: 10px; } .sp-picker-container { width: 200px; padding-bottom: 0; } /* Palettes */ .sp-palette-container { border-right: solid 1px #ccc; } .sp-palette-only .sp-palette-container { border: 0; } .sp-palette .sp-thumb-el { display: block; position:relative; float:left; width: 24px; height: 15px; margin: 3px; cursor: pointer; border:solid 2px transparent; } .sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active { border-color: orange; } .sp-thumb-el { position:relative; } /* Initial */ .sp-initial { float: left; } .sp-initial span { width: 30px; height: 25px; border:none; display:block; float:left; margin:0; } .sp-initial .spe-thumb-el.sp-thumb-active { border-radius: 0 5px 5px 0; } .sp-initial .spe-thumb-el{ border-radius: 5px 0 0 5px; } .sp-initial .sp-clear-display { background-position: center; } /* Buttons */ .sp-button-container { float: right; } .sp-palette-button-container { margin-top: 10px; } /* Replacer (the little preview div that shows up instead of the ) */ .sp-replacer { position: relative; overflow:hidden; cursor:pointer; display:inline-block; border-radius: 3px; border: 1px solid #aaa; color: #666; transition: border-color .3s; vertical-align: middle; width: 3rem; height: 1.5rem; } .sp-replacer:hover, .sp-replacer.sp-active { border: 1px solid #666; color: black; } .sp-replacer.sp-disabled { cursor:default; border-color: silver; color: silver; } .sp-dd { position: absolute; font-size: 10px; right: 0; top: 0; bottom: 0; padding: 0 2px; line-height: 1.6rem; background-color: white } .sp-preview { position:relative; width: 100%; height: 100%; float:left; z-index: 0; } .sp-preview-inner { transition: background-color .2s; } .sp-preview-inner.sp-clear-display { /*width: 20px; margin-left: 10px; margin-top: 2px;*/ display: none; } /* Color Picker */ .sp-palette .sp-thumb-el { width: 16px; height: 16px; margin: 3px; border: none; border-radius: 3px; } /* Buttons: http://hellohappy.org/css3-buttons/ */ .sp-container button { border-radius: 3px; border: none; background: transparent; line-height: 1; padding: 0 8px; height: 25px; text-transform: capitalize; text-align: center; vertical-align: middle; cursor: pointer; color: #606c72; font-weight: bold; } .sp-container button.sp-choose { background-color: #3cab3b; color: #fff; margin-left: 5px; } .sp-container button:hover { opacity: .8; } .sp-container button.sp-palette-toggle { width: 100%; background-color: #f3f3f3; margin: 0; } .sp-palette span:hover, .sp-palette span.sp-thumb-active { border-color: #000; } .sp-preview, .sp-alpha, .sp-thumb-el { position:relative; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); } .sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner { display:block; position:absolute; top:0;left:0;bottom:0;right:0; } .sp-palette .sp-thumb-inner { border-radius: 3px; background-position: 50% 50%; background-repeat: no-repeat; } .sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=); } .sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=); } .sp-clear-display { background-repeat:no-repeat; background-position: center; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABe0lEQVQokYXSsUtcQRTF4d8Jj+VhHSxkEQuLsEUKK0nhTBFTmLSSUhBCMCAWsmgIwWrBLk0akfwLCaSQKBJmtrIIISwpRFKIhViETScphGMzysMtvOVwvpm5d0bGNCuGWAOPgYdl6S8wSDn9b+bUhDHEKWAdeAFMANg+l/TV9ofcz6cjMIbYBvaBMds7QCqZ58CmpBNgPuV0DvAAIMyFGugWtJr7eTv38xEwkPRPErY7QDeG2LqFkjrAgu0dSd/KDVqSNmxvAZ8lfbS9AHRuYemnLWkv5XRVBrQMbAI/gTXgEzAJtJuwBVS2L2OIle03QA/4Lmkl5XQBXEqqbFcAVYFDYChpFngiqWf7l6TXKaezMt2Zkhk24THwG+jZriX9AFZvUAyxLbRke2D75O5zPAO+ADXwEtizjaRHwDvbTyUtppwOmicCHAJvbXcl9YA1SQDjtseA97YPRz7ATcUQp2y/kjRdevsjaTfldNrMjcDGBjXA3T96L7yvrgFzP69+0Ao/HAAAAABJRU5ErkJggg==); } /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ @charset "UTF-8"; /*! * Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fa, .fas, .far, .fal, .fad, .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fa-lg { font-size: 1.3333333333em; line-height: 0.75em; vertical-align: -0.0667em; } .fa-xs { font-size: 0.75em; } .fa-sm { font-size: 0.875em; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-border { border: solid 0.08em #eee; border-radius: 0.1em; padding: 0.2em 0.25em 0.15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { margin-right: 0.3em; } .fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right { margin-left: 0.3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(-1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-flip-both { filter: none; } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-500px:before { content: ""; } .fa-accessible-icon:before { content: ""; } .fa-accusoft:before { content: ""; } .fa-acquisitions-incorporated:before { content: ""; } .fa-ad:before { content: ""; } .fa-address-book:before { content: ""; } .fa-address-card:before { content: ""; } .fa-adjust:before { content: ""; } .fa-adn:before { content: ""; } .fa-adversal:before { content: ""; } .fa-affiliatetheme:before { content: ""; } .fa-air-freshener:before { content: ""; } .fa-airbnb:before { content: ""; } .fa-algolia:before { content: ""; } .fa-align-center:before { content: ""; } .fa-align-justify:before { content: ""; } .fa-align-left:before { content: ""; } .fa-align-right:before { content: ""; } .fa-alipay:before { content: ""; } .fa-allergies:before { content: ""; } .fa-amazon:before { content: ""; } .fa-amazon-pay:before { content: ""; } .fa-ambulance:before { content: ""; } .fa-american-sign-language-interpreting:before { content: ""; } .fa-amilia:before { content: ""; } .fa-anchor:before { content: ""; } .fa-android:before { content: ""; } .fa-angellist:before { content: ""; } .fa-angle-double-down:before { content: ""; } .fa-angle-double-left:before { content: ""; } .fa-angle-double-right:before { content: ""; } .fa-angle-double-up:before { content: ""; } .fa-angle-down:before { content: ""; } .fa-angle-left:before { content: ""; } .fa-angle-right:before { content: ""; } .fa-angle-up:before { content: ""; } .fa-angry:before { content: ""; } .fa-angrycreative:before { content: ""; } .fa-angular:before { content: ""; } .fa-ankh:before { content: ""; } .fa-app-store:before { content: ""; } .fa-app-store-ios:before { content: ""; } .fa-apper:before { content: ""; } .fa-apple:before { content: ""; } .fa-apple-alt:before { content: ""; } .fa-apple-pay:before { content: ""; } .fa-archive:before { content: ""; } .fa-archway:before { content: ""; } .fa-arrow-alt-circle-down:before { content: ""; } .fa-arrow-alt-circle-left:before { content: ""; } .fa-arrow-alt-circle-right:before { content: ""; } .fa-arrow-alt-circle-up:before { content: ""; } .fa-arrow-circle-down:before { content: ""; } .fa-arrow-circle-left:before { content: ""; } .fa-arrow-circle-right:before { content: ""; } .fa-arrow-circle-up:before { content: ""; } .fa-arrow-down:before { content: ""; } .fa-arrow-left:before { content: ""; } .fa-arrow-right:before { content: ""; } .fa-arrow-up:before { content: ""; } .fa-arrows-alt:before { content: ""; } .fa-arrows-alt-h:before { content: ""; } .fa-arrows-alt-v:before { content: ""; } .fa-artstation:before { content: ""; } .fa-assistive-listening-systems:before { content: ""; } .fa-asterisk:before { content: ""; } .fa-asymmetrik:before { content: ""; } .fa-at:before { content: ""; } .fa-atlas:before { content: ""; } .fa-atlassian:before { content: ""; } .fa-atom:before { content: ""; } .fa-audible:before { content: ""; } .fa-audio-description:before { content: ""; } .fa-autoprefixer:before { content: ""; } .fa-avianex:before { content: ""; } .fa-aviato:before { content: ""; } .fa-award:before { content: ""; } .fa-aws:before { content: ""; } .fa-baby:before { content: ""; } .fa-baby-carriage:before { content: ""; } .fa-backspace:before { content: ""; } .fa-backward:before { content: ""; } .fa-bacon:before { content: ""; } .fa-bacteria:before { content: ""; } .fa-bacterium:before { content: ""; } .fa-bahai:before { content: ""; } .fa-balance-scale:before { content: ""; } .fa-balance-scale-left:before { content: ""; } .fa-balance-scale-right:before { content: ""; } .fa-ban:before { content: ""; } .fa-band-aid:before { content: ""; } .fa-bandcamp:before { content: ""; } .fa-barcode:before { content: ""; } .fa-bars:before { content: ""; } .fa-baseball-ball:before { content: ""; } .fa-basketball-ball:before { content: ""; } .fa-bath:before { content: ""; } .fa-battery-empty:before { content: ""; } .fa-battery-full:before { content: ""; } .fa-battery-half:before { content: ""; } .fa-battery-quarter:before { content: ""; } .fa-battery-three-quarters:before { content: ""; } .fa-battle-net:before { content: ""; } .fa-bed:before { content: ""; } .fa-beer:before { content: ""; } .fa-behance:before { content: ""; } .fa-behance-square:before { content: ""; } .fa-bell:before { content: ""; } .fa-bell-slash:before { content: ""; } .fa-bezier-curve:before { content: ""; } .fa-bible:before { content: ""; } .fa-bicycle:before { content: ""; } .fa-biking:before { content: ""; } .fa-bimobject:before { content: ""; } .fa-binoculars:before { content: ""; } .fa-biohazard:before { content: ""; } .fa-birthday-cake:before { content: ""; } .fa-bitbucket:before { content: ""; } .fa-bitcoin:before { content: ""; } .fa-bity:before { content: ""; } .fa-black-tie:before { content: ""; } .fa-blackberry:before { content: ""; } .fa-blender:before { content: ""; } .fa-blender-phone:before { content: ""; } .fa-blind:before { content: ""; } .fa-blog:before { content: ""; } .fa-blogger:before { content: ""; } .fa-blogger-b:before { content: ""; } .fa-bluetooth:before { content: ""; } .fa-bluetooth-b:before { content: ""; } .fa-bold:before { content: ""; } .fa-bolt:before { content: ""; } .fa-bomb:before { content: ""; } .fa-bone:before { content: ""; } .fa-bong:before { content: ""; } .fa-book:before { content: ""; } .fa-book-dead:before { content: ""; } .fa-book-medical:before { content: ""; } .fa-book-open:before { content: ""; } .fa-book-reader:before { content: ""; } .fa-bookmark:before { content: ""; } .fa-bootstrap:before { content: ""; } .fa-border-all:before { content: ""; } .fa-border-none:before { content: ""; } .fa-border-style:before { content: ""; } .fa-bowling-ball:before { content: ""; } .fa-box:before { content: ""; } .fa-box-open:before { content: ""; } .fa-box-tissue:before { content: ""; } .fa-boxes:before { content: ""; } .fa-braille:before { content: ""; } .fa-brain:before { content: ""; } .fa-bread-slice:before { content: ""; } .fa-briefcase:before { content: ""; } .fa-briefcase-medical:before { content: ""; } .fa-broadcast-tower:before { content: ""; } .fa-broom:before { content: ""; } .fa-brush:before { content: ""; } .fa-btc:before { content: ""; } .fa-buffer:before { content: ""; } .fa-bug:before { content: ""; } .fa-building:before { content: ""; } .fa-bullhorn:before { content: ""; } .fa-bullseye:before { content: ""; } .fa-burn:before { content: ""; } .fa-buromobelexperte:before { content: ""; } .fa-bus:before { content: ""; } .fa-bus-alt:before { content: ""; } .fa-business-time:before { content: ""; } .fa-buy-n-large:before { content: ""; } .fa-buysellads:before { content: ""; } .fa-calculator:before { content: ""; } .fa-calendar:before { content: ""; } .fa-calendar-alt:before { content: ""; } .fa-calendar-check:before { content: ""; } .fa-calendar-day:before { content: ""; } .fa-calendar-minus:before { content: ""; } .fa-calendar-plus:before { content: ""; } .fa-calendar-times:before { content: ""; } .fa-calendar-week:before { content: ""; } .fa-camera:before { content: ""; } .fa-camera-retro:before { content: ""; } .fa-campground:before { content: ""; } .fa-canadian-maple-leaf:before { content: ""; } .fa-candy-cane:before { content: ""; } .fa-cannabis:before { content: ""; } .fa-capsules:before { content: ""; } .fa-car:before { content: ""; } .fa-car-alt:before { content: ""; } .fa-car-battery:before { content: ""; } .fa-car-crash:before { content: ""; } .fa-car-side:before { content: ""; } .fa-caravan:before { content: ""; } .fa-caret-down:before { content: ""; } .fa-caret-left:before { content: ""; } .fa-caret-right:before { content: ""; } .fa-caret-square-down:before { content: ""; } .fa-caret-square-left:before { content: ""; } .fa-caret-square-right:before { content: ""; } .fa-caret-square-up:before { content: ""; } .fa-caret-up:before { content: ""; } .fa-carrot:before { content: ""; } .fa-cart-arrow-down:before { content: ""; } .fa-cart-plus:before { content: ""; } .fa-cash-register:before { content: ""; } .fa-cat:before { content: ""; } .fa-cc-amazon-pay:before { content: ""; } .fa-cc-amex:before { content: ""; } .fa-cc-apple-pay:before { content: ""; } .fa-cc-diners-club:before { content: ""; } .fa-cc-discover:before { content: ""; } .fa-cc-jcb:before { content: ""; } .fa-cc-mastercard:before { content: ""; } .fa-cc-paypal:before { content: ""; } .fa-cc-stripe:before { content: ""; } .fa-cc-visa:before { content: ""; } .fa-centercode:before { content: ""; } .fa-centos:before { content: ""; } .fa-certificate:before { content: ""; } .fa-chair:before { content: ""; } .fa-chalkboard:before { content: ""; } .fa-chalkboard-teacher:before { content: ""; } .fa-charging-station:before { content: ""; } .fa-chart-area:before { content: ""; } .fa-chart-bar:before { content: ""; } .fa-chart-line:before { content: ""; } .fa-chart-pie:before { content: ""; } .fa-check:before { content: ""; } .fa-check-circle:before { content: ""; } .fa-check-double:before { content: ""; } .fa-check-square:before { content: ""; } .fa-cheese:before { content: ""; } .fa-chess:before { content: ""; } .fa-chess-bishop:before { content: ""; } .fa-chess-board:before { content: ""; } .fa-chess-king:before { content: ""; } .fa-chess-knight:before { content: ""; } .fa-chess-pawn:before { content: ""; } .fa-chess-queen:before { content: ""; } .fa-chess-rook:before { content: ""; } .fa-chevron-circle-down:before { content: ""; } .fa-chevron-circle-left:before { content: ""; } .fa-chevron-circle-right:before { content: ""; } .fa-chevron-circle-up:before { content: ""; } .fa-chevron-down:before { content: ""; } .fa-chevron-left:before { content: ""; } .fa-chevron-right:before { content: ""; } .fa-chevron-up:before { content: ""; } .fa-child:before { content: ""; } .fa-chrome:before { content: ""; } .fa-chromecast:before { content: ""; } .fa-church:before { content: ""; } .fa-circle:before { content: ""; } .fa-circle-notch:before { content: ""; } .fa-city:before { content: ""; } .fa-clinic-medical:before { content: ""; } .fa-clipboard:before { content: ""; } .fa-clipboard-check:before { content: ""; } .fa-clipboard-list:before { content: ""; } .fa-clock:before { content: ""; } .fa-clone:before { content: ""; } .fa-closed-captioning:before { content: ""; } .fa-cloud:before { content: ""; } .fa-cloud-download-alt:before { content: ""; } .fa-cloud-meatball:before { content: ""; } .fa-cloud-moon:before { content: ""; } .fa-cloud-moon-rain:before { content: ""; } .fa-cloud-rain:before { content: ""; } .fa-cloud-showers-heavy:before { content: ""; } .fa-cloud-sun:before { content: ""; } .fa-cloud-sun-rain:before { content: ""; } .fa-cloud-upload-alt:before { content: ""; } .fa-cloudflare:before { content: ""; } .fa-cloudscale:before { content: ""; } .fa-cloudsmith:before { content: ""; } .fa-cloudversify:before { content: ""; } .fa-cocktail:before { content: ""; } .fa-code:before { content: ""; } .fa-code-branch:before { content: ""; } .fa-codepen:before { content: ""; } .fa-codiepie:before { content: ""; } .fa-coffee:before { content: ""; } .fa-cog:before { content: ""; } .fa-cogs:before { content: ""; } .fa-coins:before { content: ""; } .fa-columns:before { content: ""; } .fa-comment:before { content: ""; } .fa-comment-alt:before { content: ""; } .fa-comment-dollar:before { content: ""; } .fa-comment-dots:before { content: ""; } .fa-comment-medical:before { content: ""; } .fa-comment-slash:before { content: ""; } .fa-comments:before { content: ""; } .fa-comments-dollar:before { content: ""; } .fa-compact-disc:before { content: ""; } .fa-compass:before { content: ""; } .fa-compress:before { content: ""; } .fa-compress-alt:before { content: ""; } .fa-compress-arrows-alt:before { content: ""; } .fa-concierge-bell:before { content: ""; } .fa-confluence:before { content: ""; } .fa-connectdevelop:before { content: ""; } .fa-contao:before { content: ""; } .fa-cookie:before { content: ""; } .fa-cookie-bite:before { content: ""; } .fa-copy:before { content: ""; } .fa-copyright:before { content: ""; } .fa-cotton-bureau:before { content: ""; } .fa-couch:before { content: ""; } .fa-cpanel:before { content: ""; } .fa-creative-commons:before { content: ""; } .fa-creative-commons-by:before { content: ""; } .fa-creative-commons-nc:before { content: ""; } .fa-creative-commons-nc-eu:before { content: ""; } .fa-creative-commons-nc-jp:before { content: ""; } .fa-creative-commons-nd:before { content: ""; } .fa-creative-commons-pd:before { content: ""; } .fa-creative-commons-pd-alt:before { content: ""; } .fa-creative-commons-remix:before { content: ""; } .fa-creative-commons-sa:before { content: ""; } .fa-creative-commons-sampling:before { content: ""; } .fa-creative-commons-sampling-plus:before { content: ""; } .fa-creative-commons-share:before { content: ""; } .fa-creative-commons-zero:before { content: ""; } .fa-credit-card:before { content: ""; } .fa-critical-role:before { content: ""; } .fa-crop:before { content: ""; } .fa-crop-alt:before { content: ""; } .fa-cross:before { content: ""; } .fa-crosshairs:before { content: ""; } .fa-crow:before { content: ""; } .fa-crown:before { content: ""; } .fa-crutch:before { content: ""; } .fa-css3:before { content: ""; } .fa-css3-alt:before { content: ""; } .fa-cube:before { content: ""; } .fa-cubes:before { content: ""; } .fa-cut:before { content: ""; } .fa-cuttlefish:before { content: ""; } .fa-d-and-d:before { content: ""; } .fa-d-and-d-beyond:before { content: ""; } .fa-dailymotion:before { content: ""; } .fa-dashcube:before { content: ""; } .fa-database:before { content: ""; } .fa-deaf:before { content: ""; } .fa-deezer:before { content: ""; } .fa-delicious:before { content: ""; } .fa-democrat:before { content: ""; } .fa-deploydog:before { content: ""; } .fa-deskpro:before { content: ""; } .fa-desktop:before { content: ""; } .fa-dev:before { content: ""; } .fa-deviantart:before { content: ""; } .fa-dharmachakra:before { content: ""; } .fa-dhl:before { content: ""; } .fa-diagnoses:before { content: ""; } .fa-diaspora:before { content: ""; } .fa-dice:before { content: ""; } .fa-dice-d20:before { content: ""; } .fa-dice-d6:before { content: ""; } .fa-dice-five:before { content: ""; } .fa-dice-four:before { content: ""; } .fa-dice-one:before { content: ""; } .fa-dice-six:before { content: ""; } .fa-dice-three:before { content: ""; } .fa-dice-two:before { content: ""; } .fa-digg:before { content: ""; } .fa-digital-ocean:before { content: ""; } .fa-digital-tachograph:before { content: ""; } .fa-directions:before { content: ""; } .fa-discord:before { content: ""; } .fa-discourse:before { content: ""; } .fa-disease:before { content: ""; } .fa-divide:before { content: ""; } .fa-dizzy:before { content: ""; } .fa-dna:before { content: ""; } .fa-dochub:before { content: ""; } .fa-docker:before { content: ""; } .fa-dog:before { content: ""; } .fa-dollar-sign:before { content: ""; } .fa-dolly:before { content: ""; } .fa-dolly-flatbed:before { content: ""; } .fa-donate:before { content: ""; } .fa-door-closed:before { content: ""; } .fa-door-open:before { content: ""; } .fa-dot-circle:before { content: ""; } .fa-dove:before { content: ""; } .fa-download:before { content: ""; } .fa-draft2digital:before { content: ""; } .fa-drafting-compass:before { content: ""; } .fa-dragon:before { content: ""; } .fa-draw-polygon:before { content: ""; } .fa-dribbble:before { content: ""; } .fa-dribbble-square:before { content: ""; } .fa-dropbox:before { content: ""; } .fa-drum:before { content: ""; } .fa-drum-steelpan:before { content: ""; } .fa-drumstick-bite:before { content: ""; } .fa-drupal:before { content: ""; } .fa-dumbbell:before { content: ""; } .fa-dumpster:before { content: ""; } .fa-dumpster-fire:before { content: ""; } .fa-dungeon:before { content: ""; } .fa-dyalog:before { content: ""; } .fa-earlybirds:before { content: ""; } .fa-ebay:before { content: ""; } .fa-edge:before { content: ""; } .fa-edge-legacy:before { content: ""; } .fa-edit:before { content: ""; } .fa-egg:before { content: ""; } .fa-eject:before { content: ""; } .fa-elementor:before { content: ""; } .fa-ellipsis-h:before { content: ""; } .fa-ellipsis-v:before { content: ""; } .fa-ello:before { content: ""; } .fa-ember:before { content: ""; } .fa-empire:before { content: ""; } .fa-envelope:before { content: ""; } .fa-envelope-open:before { content: ""; } .fa-envelope-open-text:before { content: ""; } .fa-envelope-square:before { content: ""; } .fa-envira:before { content: ""; } .fa-equals:before { content: ""; } .fa-eraser:before { content: ""; } .fa-erlang:before { content: ""; } .fa-ethereum:before { content: ""; } .fa-ethernet:before { content: ""; } .fa-etsy:before { content: ""; } .fa-euro-sign:before { content: ""; } .fa-evernote:before { content: ""; } .fa-exchange-alt:before { content: ""; } .fa-exclamation:before { content: ""; } .fa-exclamation-circle:before { content: ""; } .fa-exclamation-triangle:before { content: ""; } .fa-expand:before { content: ""; } .fa-expand-alt:before { content: ""; } .fa-expand-arrows-alt:before { content: ""; } .fa-expeditedssl:before { content: ""; } .fa-external-link-alt:before { content: ""; } .fa-external-link-square-alt:before { content: ""; } .fa-eye:before { content: ""; } .fa-eye-dropper:before { content: ""; } .fa-eye-slash:before { content: ""; } .fa-facebook:before { content: ""; } .fa-facebook-f:before { content: ""; } .fa-facebook-messenger:before { content: ""; } .fa-facebook-square:before { content: ""; } .fa-fan:before { content: ""; } .fa-fantasy-flight-games:before { content: ""; } .fa-fast-backward:before { content: ""; } .fa-fast-forward:before { content: ""; } .fa-faucet:before { content: ""; } .fa-fax:before { content: ""; } .fa-feather:before { content: ""; } .fa-feather-alt:before { content: ""; } .fa-fedex:before { content: ""; } .fa-fedora:before { content: ""; } .fa-female:before { content: ""; } .fa-fighter-jet:before { content: ""; } .fa-figma:before { content: ""; } .fa-file:before { content: ""; } .fa-file-alt:before { content: ""; } .fa-file-archive:before { content: ""; } .fa-file-audio:before { content: ""; } .fa-file-code:before { content: ""; } .fa-file-contract:before { content: ""; } .fa-file-csv:before { content: ""; } .fa-file-download:before { content: ""; } .fa-file-excel:before { content: ""; } .fa-file-export:before { content: ""; } .fa-file-image:before { content: ""; } .fa-file-import:before { content: ""; } .fa-file-invoice:before { content: ""; } .fa-file-invoice-dollar:before { content: ""; } .fa-file-medical:before { content: ""; } .fa-file-medical-alt:before { content: ""; } .fa-file-pdf:before { content: ""; } .fa-file-powerpoint:before { content: ""; } .fa-file-prescription:before { content: ""; } .fa-file-signature:before { content: ""; } .fa-file-upload:before { content: ""; } .fa-file-video:before { content: ""; } .fa-file-word:before { content: ""; } .fa-fill:before { content: ""; } .fa-fill-drip:before { content: ""; } .fa-film:before { content: ""; } .fa-filter:before { content: ""; } .fa-fingerprint:before { content: ""; } .fa-fire:before { content: ""; } .fa-fire-alt:before { content: ""; } .fa-fire-extinguisher:before { content: ""; } .fa-firefox:before { content: ""; } .fa-firefox-browser:before { content: ""; } .fa-first-aid:before { content: ""; } .fa-first-order:before { content: ""; } .fa-first-order-alt:before { content: ""; } .fa-firstdraft:before { content: ""; } .fa-fish:before { content: ""; } .fa-fist-raised:before { content: ""; } .fa-flag:before { content: ""; } .fa-flag-checkered:before { content: ""; } .fa-flag-usa:before { content: ""; } .fa-flask:before { content: ""; } .fa-flickr:before { content: ""; } .fa-flipboard:before { content: ""; } .fa-flushed:before { content: ""; } .fa-fly:before { content: ""; } .fa-folder:before { content: ""; } .fa-folder-minus:before { content: ""; } .fa-folder-open:before { content: ""; } .fa-folder-plus:before { content: ""; } .fa-font:before { content: ""; } .fa-font-awesome:before { content: ""; } .fa-font-awesome-alt:before { content: ""; } .fa-font-awesome-flag:before { content: ""; } .fa-font-awesome-logo-full:before { content: ""; } .fa-fonticons:before { content: ""; } .fa-fonticons-fi:before { content: ""; } .fa-football-ball:before { content: ""; } .fa-fort-awesome:before { content: ""; } .fa-fort-awesome-alt:before { content: ""; } .fa-forumbee:before { content: ""; } .fa-forward:before { content: ""; } .fa-foursquare:before { content: ""; } .fa-free-code-camp:before { content: ""; } .fa-freebsd:before { content: ""; } .fa-frog:before { content: ""; } .fa-frown:before { content: ""; } .fa-frown-open:before { content: ""; } .fa-fulcrum:before { content: ""; } .fa-funnel-dollar:before { content: ""; } .fa-futbol:before { content: ""; } .fa-galactic-republic:before { content: ""; } .fa-galactic-senate:before { content: ""; } .fa-gamepad:before { content: ""; } .fa-gas-pump:before { content: ""; } .fa-gavel:before { content: ""; } .fa-gem:before { content: ""; } .fa-genderless:before { content: ""; } .fa-get-pocket:before { content: ""; } .fa-gg:before { content: ""; } .fa-gg-circle:before { content: ""; } .fa-ghost:before { content: ""; } .fa-gift:before { content: ""; } .fa-gifts:before { content: ""; } .fa-git:before { content: ""; } .fa-git-alt:before { content: ""; } .fa-git-square:before { content: ""; } .fa-github:before { content: ""; } .fa-github-alt:before { content: ""; } .fa-github-square:before { content: ""; } .fa-gitkraken:before { content: ""; } .fa-gitlab:before { content: ""; } .fa-gitter:before { content: ""; } .fa-glass-cheers:before { content: ""; } .fa-glass-martini:before { content: ""; } .fa-glass-martini-alt:before { content: ""; } .fa-glass-whiskey:before { content: ""; } .fa-glasses:before { content: ""; } .fa-glide:before { content: ""; } .fa-glide-g:before { content: ""; } .fa-globe:before { content: ""; } .fa-globe-africa:before { content: ""; } .fa-globe-americas:before { content: ""; } .fa-globe-asia:before { content: ""; } .fa-globe-europe:before { content: ""; } .fa-gofore:before { content: ""; } .fa-golf-ball:before { content: ""; } .fa-goodreads:before { content: ""; } .fa-goodreads-g:before { content: ""; } .fa-google:before { content: ""; } .fa-google-drive:before { content: ""; } .fa-google-pay:before { content: ""; } .fa-google-play:before { content: ""; } .fa-google-plus:before { content: ""; } .fa-google-plus-g:before { content: ""; } .fa-google-plus-square:before { content: ""; } .fa-google-wallet:before { content: ""; } .fa-gopuram:before { content: ""; } .fa-graduation-cap:before { content: ""; } .fa-gratipay:before { content: ""; } .fa-grav:before { content: ""; } .fa-greater-than:before { content: ""; } .fa-greater-than-equal:before { content: ""; } .fa-grimace:before { content: ""; } .fa-grin:before { content: ""; } .fa-grin-alt:before { content: ""; } .fa-grin-beam:before { content: ""; } .fa-grin-beam-sweat:before { content: ""; } .fa-grin-hearts:before { content: ""; } .fa-grin-squint:before { content: ""; } .fa-grin-squint-tears:before { content: ""; } .fa-grin-stars:before { content: ""; } .fa-grin-tears:before { content: ""; } .fa-grin-tongue:before { content: ""; } .fa-grin-tongue-squint:before { content: ""; } .fa-grin-tongue-wink:before { content: ""; } .fa-grin-wink:before { content: ""; } .fa-grip-horizontal:before { content: ""; } .fa-grip-lines:before { content: ""; } .fa-grip-lines-vertical:before { content: ""; } .fa-grip-vertical:before { content: ""; } .fa-gripfire:before { content: ""; } .fa-grunt:before { content: ""; } .fa-guilded:before { content: ""; } .fa-guitar:before { content: ""; } .fa-gulp:before { content: ""; } .fa-h-square:before { content: ""; } .fa-hacker-news:before { content: ""; } .fa-hacker-news-square:before { content: ""; } .fa-hackerrank:before { content: ""; } .fa-hamburger:before { content: ""; } .fa-hammer:before { content: ""; } .fa-hamsa:before { content: ""; } .fa-hand-holding:before { content: ""; } .fa-hand-holding-heart:before { content: ""; } .fa-hand-holding-medical:before { content: ""; } .fa-hand-holding-usd:before { content: ""; } .fa-hand-holding-water:before { content: ""; } .fa-hand-lizard:before { content: ""; } .fa-hand-middle-finger:before { content: ""; } .fa-hand-paper:before { content: ""; } .fa-hand-peace:before { content: ""; } .fa-hand-point-down:before { content: ""; } .fa-hand-point-left:before { content: ""; } .fa-hand-point-right:before { content: ""; } .fa-hand-point-up:before { content: ""; } .fa-hand-pointer:before { content: ""; } .fa-hand-rock:before { content: ""; } .fa-hand-scissors:before { content: ""; } .fa-hand-sparkles:before { content: ""; } .fa-hand-spock:before { content: ""; } .fa-hands:before { content: ""; } .fa-hands-helping:before { content: ""; } .fa-hands-wash:before { content: ""; } .fa-handshake:before { content: ""; } .fa-handshake-alt-slash:before { content: ""; } .fa-handshake-slash:before { content: ""; } .fa-hanukiah:before { content: ""; } .fa-hard-hat:before { content: ""; } .fa-hashtag:before { content: ""; } .fa-hat-cowboy:before { content: ""; } .fa-hat-cowboy-side:before { content: ""; } .fa-hat-wizard:before { content: ""; } .fa-hdd:before { content: ""; } .fa-head-side-cough:before { content: ""; } .fa-head-side-cough-slash:before { content: ""; } .fa-head-side-mask:before { content: ""; } .fa-head-side-virus:before { content: ""; } .fa-heading:before { content: ""; } .fa-headphones:before { content: ""; } .fa-headphones-alt:before { content: ""; } .fa-headset:before { content: ""; } .fa-heart:before { content: ""; } .fa-heart-broken:before { content: ""; } .fa-heartbeat:before { content: ""; } .fa-helicopter:before { content: ""; } .fa-highlighter:before { content: ""; } .fa-hiking:before { content: ""; } .fa-hippo:before { content: ""; } .fa-hips:before { content: ""; } .fa-hire-a-helper:before { content: ""; } .fa-history:before { content: ""; } .fa-hive:before { content: ""; } .fa-hockey-puck:before { content: ""; } .fa-holly-berry:before { content: ""; } .fa-home:before { content: ""; } .fa-hooli:before { content: ""; } .fa-hornbill:before { content: ""; } .fa-horse:before { content: ""; } .fa-horse-head:before { content: ""; } .fa-hospital:before { content: ""; } .fa-hospital-alt:before { content: ""; } .fa-hospital-symbol:before { content: ""; } .fa-hospital-user:before { content: ""; } .fa-hot-tub:before { content: ""; } .fa-hotdog:before { content: ""; } .fa-hotel:before { content: ""; } .fa-hotjar:before { content: ""; } .fa-hourglass:before { content: ""; } .fa-hourglass-end:before { content: ""; } .fa-hourglass-half:before { content: ""; } .fa-hourglass-start:before { content: ""; } .fa-house-damage:before { content: ""; } .fa-house-user:before { content: ""; } .fa-houzz:before { content: ""; } .fa-hryvnia:before { content: ""; } .fa-html5:before { content: ""; } .fa-hubspot:before { content: ""; } .fa-i-cursor:before { content: ""; } .fa-ice-cream:before { content: ""; } .fa-icicles:before { content: ""; } .fa-icons:before { content: ""; } .fa-id-badge:before { content: ""; } .fa-id-card:before { content: ""; } .fa-id-card-alt:before { content: ""; } .fa-ideal:before { content: ""; } .fa-igloo:before { content: ""; } .fa-image:before { content: ""; } .fa-images:before { content: ""; } .fa-imdb:before { content: ""; } .fa-inbox:before { content: ""; } .fa-indent:before { content: ""; } .fa-industry:before { content: ""; } .fa-infinity:before { content: ""; } .fa-info:before { content: ""; } .fa-info-circle:before { content: ""; } .fa-innosoft:before { content: ""; } .fa-instagram:before { content: ""; } .fa-instagram-square:before { content: ""; } .fa-instalod:before { content: ""; } .fa-intercom:before { content: ""; } .fa-internet-explorer:before { content: ""; } .fa-invision:before { content: ""; } .fa-ioxhost:before { content: ""; } .fa-italic:before { content: ""; } .fa-itch-io:before { content: ""; } .fa-itunes:before { content: ""; } .fa-itunes-note:before { content: ""; } .fa-java:before { content: ""; } .fa-jedi:before { content: ""; } .fa-jedi-order:before { content: ""; } .fa-jenkins:before { content: ""; } .fa-jira:before { content: ""; } .fa-joget:before { content: ""; } .fa-joint:before { content: ""; } .fa-joomla:before { content: ""; } .fa-journal-whills:before { content: ""; } .fa-js:before { content: ""; } .fa-js-square:before { content: ""; } .fa-jsfiddle:before { content: ""; } .fa-kaaba:before { content: ""; } .fa-kaggle:before { content: ""; } .fa-key:before { content: ""; } .fa-keybase:before { content: ""; } .fa-keyboard:before { content: ""; } .fa-keycdn:before { content: ""; } .fa-khanda:before { content: ""; } .fa-kickstarter:before { content: ""; } .fa-kickstarter-k:before { content: ""; } .fa-kiss:before { content: ""; } .fa-kiss-beam:before { content: ""; } .fa-kiss-wink-heart:before { content: ""; } .fa-kiwi-bird:before { content: ""; } .fa-korvue:before { content: ""; } .fa-landmark:before { content: ""; } .fa-language:before { content: ""; } .fa-laptop:before { content: ""; } .fa-laptop-code:before { content: ""; } .fa-laptop-house:before { content: ""; } .fa-laptop-medical:before { content: ""; } .fa-laravel:before { content: ""; } .fa-lastfm:before { content: ""; } .fa-lastfm-square:before { content: ""; } .fa-laugh:before { content: ""; } .fa-laugh-beam:before { content: ""; } .fa-laugh-squint:before { content: ""; } .fa-laugh-wink:before { content: ""; } .fa-layer-group:before { content: ""; } .fa-leaf:before { content: ""; } .fa-leanpub:before { content: ""; } .fa-lemon:before { content: ""; } .fa-less:before { content: ""; } .fa-less-than:before { content: ""; } .fa-less-than-equal:before { content: ""; } .fa-level-down-alt:before { content: ""; } .fa-level-up-alt:before { content: ""; } .fa-life-ring:before { content: ""; } .fa-lightbulb:before { content: ""; } .fa-line:before { content: ""; } .fa-link:before { content: ""; } .fa-linkedin:before { content: ""; } .fa-linkedin-in:before { content: ""; } .fa-linode:before { content: ""; } .fa-linux:before { content: ""; } .fa-lira-sign:before { content: ""; } .fa-list:before { content: ""; } .fa-list-alt:before { content: ""; } .fa-list-ol:before { content: ""; } .fa-list-ul:before { content: ""; } .fa-location-arrow:before { content: ""; } .fa-lock:before { content: ""; } .fa-lock-open:before { content: ""; } .fa-long-arrow-alt-down:before { content: ""; } .fa-long-arrow-alt-left:before { content: ""; } .fa-long-arrow-alt-right:before { content: ""; } .fa-long-arrow-alt-up:before { content: ""; } .fa-low-vision:before { content: ""; } .fa-luggage-cart:before { content: ""; } .fa-lungs:before { content: ""; } .fa-lungs-virus:before { content: ""; } .fa-lyft:before { content: ""; } .fa-magento:before { content: ""; } .fa-magic:before { content: ""; } .fa-magnet:before { content: ""; } .fa-mail-bulk:before { content: ""; } .fa-mailchimp:before { content: ""; } .fa-male:before { content: ""; } .fa-mandalorian:before { content: ""; } .fa-map:before { content: ""; } .fa-map-marked:before { content: ""; } .fa-map-marked-alt:before { content: ""; } .fa-map-marker:before { content: ""; } .fa-map-marker-alt:before { content: ""; } .fa-map-pin:before { content: ""; } .fa-map-signs:before { content: ""; } .fa-markdown:before { content: ""; } .fa-marker:before { content: ""; } .fa-mars:before { content: ""; } .fa-mars-double:before { content: ""; } .fa-mars-stroke:before { content: ""; } .fa-mars-stroke-h:before { content: ""; } .fa-mars-stroke-v:before { content: ""; } .fa-mask:before { content: ""; } .fa-mastodon:before { content: ""; } .fa-maxcdn:before { content: ""; } .fa-mdb:before { content: ""; } .fa-medal:before { content: ""; } .fa-medapps:before { content: ""; } .fa-medium:before { content: ""; } .fa-medium-m:before { content: ""; } .fa-medkit:before { content: ""; } .fa-medrt:before { content: ""; } .fa-meetup:before { content: ""; } .fa-megaport:before { content: ""; } .fa-meh:before { content: ""; } .fa-meh-blank:before { content: ""; } .fa-meh-rolling-eyes:before { content: ""; } .fa-memory:before { content: ""; } .fa-mendeley:before { content: ""; } .fa-menorah:before { content: ""; } .fa-mercury:before { content: ""; } .fa-meteor:before { content: ""; } .fa-microblog:before { content: ""; } .fa-microchip:before { content: ""; } .fa-microphone:before { content: ""; } .fa-microphone-alt:before { content: ""; } .fa-microphone-alt-slash:before { content: ""; } .fa-microphone-slash:before { content: ""; } .fa-microscope:before { content: ""; } .fa-microsoft:before { content: ""; } .fa-minus:before { content: ""; } .fa-minus-circle:before { content: ""; } .fa-minus-square:before { content: ""; } .fa-mitten:before { content: ""; } .fa-mix:before { content: ""; } .fa-mixcloud:before { content: ""; } .fa-mixer:before { content: ""; } .fa-mizuni:before { content: ""; } .fa-mobile:before { content: ""; } .fa-mobile-alt:before { content: ""; } .fa-modx:before { content: ""; } .fa-monero:before { content: ""; } .fa-money-bill:before { content: ""; } .fa-money-bill-alt:before { content: ""; } .fa-money-bill-wave:before { content: ""; } .fa-money-bill-wave-alt:before { content: ""; } .fa-money-check:before { content: ""; } .fa-money-check-alt:before { content: ""; } .fa-monument:before { content: ""; } .fa-moon:before { content: ""; } .fa-mortar-pestle:before { content: ""; } .fa-mosque:before { content: ""; } .fa-motorcycle:before { content: ""; } .fa-mountain:before { content: ""; } .fa-mouse:before { content: ""; } .fa-mouse-pointer:before { content: ""; } .fa-mug-hot:before { content: ""; } .fa-music:before { content: ""; } .fa-napster:before { content: ""; } .fa-neos:before { content: ""; } .fa-network-wired:before { content: ""; } .fa-neuter:before { content: ""; } .fa-newspaper:before { content: ""; } .fa-nimblr:before { content: ""; } .fa-node:before { content: ""; } .fa-node-js:before { content: ""; } .fa-not-equal:before { content: ""; } .fa-notes-medical:before { content: ""; } .fa-npm:before { content: ""; } .fa-ns8:before { content: ""; } .fa-nutritionix:before { content: ""; } .fa-object-group:before { content: ""; } .fa-object-ungroup:before { content: ""; } .fa-octopus-deploy:before { content: ""; } .fa-odnoklassniki:before { content: ""; } .fa-odnoklassniki-square:before { content: ""; } .fa-oil-can:before { content: ""; } .fa-old-republic:before { content: ""; } .fa-om:before { content: ""; } .fa-opencart:before { content: ""; } .fa-openid:before { content: ""; } .fa-opera:before { content: ""; } .fa-optin-monster:before { content: ""; } .fa-orcid:before { content: ""; } .fa-osi:before { content: ""; } .fa-otter:before { content: ""; } .fa-outdent:before { content: ""; } .fa-page4:before { content: ""; } .fa-pagelines:before { content: ""; } .fa-pager:before { content: ""; } .fa-paint-brush:before { content: ""; } .fa-paint-roller:before { content: ""; } .fa-palette:before { content: ""; } .fa-palfed:before { content: ""; } .fa-pallet:before { content: ""; } .fa-paper-plane:before { content: ""; } .fa-paperclip:before { content: ""; } .fa-parachute-box:before { content: ""; } .fa-paragraph:before { content: ""; } .fa-parking:before { content: ""; } .fa-passport:before { content: ""; } .fa-pastafarianism:before { content: ""; } .fa-paste:before { content: ""; } .fa-patreon:before { content: ""; } .fa-pause:before { content: ""; } .fa-pause-circle:before { content: ""; } .fa-paw:before { content: ""; } .fa-paypal:before { content: ""; } .fa-peace:before { content: ""; } .fa-pen:before { content: ""; } .fa-pen-alt:before { content: ""; } .fa-pen-fancy:before { content: ""; } .fa-pen-nib:before { content: ""; } .fa-pen-square:before { content: ""; } .fa-pencil-alt:before { content: ""; } .fa-pencil-ruler:before { content: ""; } .fa-penny-arcade:before { content: ""; } .fa-people-arrows:before { content: ""; } .fa-people-carry:before { content: ""; } .fa-pepper-hot:before { content: ""; } .fa-perbyte:before { content: ""; } .fa-percent:before { content: ""; } .fa-percentage:before { content: ""; } .fa-periscope:before { content: ""; } .fa-person-booth:before { content: ""; } .fa-phabricator:before { content: ""; } .fa-phoenix-framework:before { content: ""; } .fa-phoenix-squadron:before { content: ""; } .fa-phone:before { content: ""; } .fa-phone-alt:before { content: ""; } .fa-phone-slash:before { content: ""; } .fa-phone-square:before { content: ""; } .fa-phone-square-alt:before { content: ""; } .fa-phone-volume:before { content: ""; } .fa-photo-video:before { content: ""; } .fa-php:before { content: ""; } .fa-pied-piper:before { content: ""; } .fa-pied-piper-alt:before { content: ""; } .fa-pied-piper-hat:before { content: ""; } .fa-pied-piper-pp:before { content: ""; } .fa-pied-piper-square:before { content: ""; } .fa-piggy-bank:before { content: ""; } .fa-pills:before { content: ""; } .fa-pinterest:before { content: ""; } .fa-pinterest-p:before { content: ""; } .fa-pinterest-square:before { content: ""; } .fa-pizza-slice:before { content: ""; } .fa-place-of-worship:before { content: ""; } .fa-plane:before { content: ""; } .fa-plane-arrival:before { content: ""; } .fa-plane-departure:before { content: ""; } .fa-plane-slash:before { content: ""; } .fa-play:before { content: ""; } .fa-play-circle:before { content: ""; } .fa-playstation:before { content: ""; } .fa-plug:before { content: ""; } .fa-plus:before { content: ""; } .fa-plus-circle:before { content: ""; } .fa-plus-square:before { content: ""; } .fa-podcast:before { content: ""; } .fa-poll:before { content: ""; } .fa-poll-h:before { content: ""; } .fa-poo:before { content: ""; } .fa-poo-storm:before { content: ""; } .fa-poop:before { content: ""; } .fa-portrait:before { content: ""; } .fa-pound-sign:before { content: ""; } .fa-power-off:before { content: ""; } .fa-pray:before { content: ""; } .fa-praying-hands:before { content: ""; } .fa-prescription:before { content: ""; } .fa-prescription-bottle:before { content: ""; } .fa-prescription-bottle-alt:before { content: ""; } .fa-print:before { content: ""; } .fa-procedures:before { content: ""; } .fa-product-hunt:before { content: ""; } .fa-project-diagram:before { content: ""; } .fa-pump-medical:before { content: ""; } .fa-pump-soap:before { content: ""; } .fa-pushed:before { content: ""; } .fa-puzzle-piece:before { content: ""; } .fa-python:before { content: ""; } .fa-qq:before { content: ""; } .fa-qrcode:before { content: ""; } .fa-question:before { content: ""; } .fa-question-circle:before { content: ""; } .fa-quidditch:before { content: ""; } .fa-quinscape:before { content: ""; } .fa-quora:before { content: ""; } .fa-quote-left:before { content: ""; } .fa-quote-right:before { content: ""; } .fa-quran:before { content: ""; } .fa-r-project:before { content: ""; } .fa-radiation:before { content: ""; } .fa-radiation-alt:before { content: ""; } .fa-rainbow:before { content: ""; } .fa-random:before { content: ""; } .fa-raspberry-pi:before { content: ""; } .fa-ravelry:before { content: ""; } .fa-react:before { content: ""; } .fa-reacteurope:before { content: ""; } .fa-readme:before { content: ""; } .fa-rebel:before { content: ""; } .fa-receipt:before { content: ""; } .fa-record-vinyl:before { content: ""; } .fa-recycle:before { content: ""; } .fa-red-river:before { content: ""; } .fa-reddit:before { content: ""; } .fa-reddit-alien:before { content: ""; } .fa-reddit-square:before { content: ""; } .fa-redhat:before { content: ""; } .fa-redo:before { content: ""; } .fa-redo-alt:before { content: ""; } .fa-registered:before { content: ""; } .fa-remove-format:before { content: ""; } .fa-renren:before { content: ""; } .fa-reply:before { content: ""; } .fa-reply-all:before { content: ""; } .fa-replyd:before { content: ""; } .fa-republican:before { content: ""; } .fa-researchgate:before { content: ""; } .fa-resolving:before { content: ""; } .fa-restroom:before { content: ""; } .fa-retweet:before { content: ""; } .fa-rev:before { content: ""; } .fa-ribbon:before { content: ""; } .fa-ring:before { content: ""; } .fa-road:before { content: ""; } .fa-robot:before { content: ""; } .fa-rocket:before { content: ""; } .fa-rocketchat:before { content: ""; } .fa-rockrms:before { content: ""; } .fa-route:before { content: ""; } .fa-rss:before { content: ""; } .fa-rss-square:before { content: ""; } .fa-ruble-sign:before { content: ""; } .fa-ruler:before { content: ""; } .fa-ruler-combined:before { content: ""; } .fa-ruler-horizontal:before { content: ""; } .fa-ruler-vertical:before { content: ""; } .fa-running:before { content: ""; } .fa-rupee-sign:before { content: ""; } .fa-rust:before { content: ""; } .fa-sad-cry:before { content: ""; } .fa-sad-tear:before { content: ""; } .fa-safari:before { content: ""; } .fa-salesforce:before { content: ""; } .fa-sass:before { content: ""; } .fa-satellite:before { content: ""; } .fa-satellite-dish:before { content: ""; } .fa-save:before { content: ""; } .fa-schlix:before { content: ""; } .fa-school:before { content: ""; } .fa-screwdriver:before { content: ""; } .fa-scribd:before { content: ""; } .fa-scroll:before { content: ""; } .fa-sd-card:before { content: ""; } .fa-search:before { content: ""; } .fa-search-dollar:before { content: ""; } .fa-search-location:before { content: ""; } .fa-search-minus:before { content: ""; } .fa-search-plus:before { content: ""; } .fa-searchengin:before { content: ""; } .fa-seedling:before { content: ""; } .fa-sellcast:before { content: ""; } .fa-sellsy:before { content: ""; } .fa-server:before { content: ""; } .fa-servicestack:before { content: ""; } .fa-shapes:before { content: ""; } .fa-share:before { content: ""; } .fa-share-alt:before { content: ""; } .fa-share-alt-square:before { content: ""; } .fa-share-square:before { content: ""; } .fa-shekel-sign:before { content: ""; } .fa-shield-alt:before { content: ""; } .fa-shield-virus:before { content: ""; } .fa-ship:before { content: ""; } .fa-shipping-fast:before { content: ""; } .fa-shirtsinbulk:before { content: ""; } .fa-shoe-prints:before { content: ""; } .fa-shopify:before { content: ""; } .fa-shopping-bag:before { content: ""; } .fa-shopping-basket:before { content: ""; } .fa-shopping-cart:before { content: ""; } .fa-shopware:before { content: ""; } .fa-shower:before { content: ""; } .fa-shuttle-van:before { content: ""; } .fa-sign:before { content: ""; } .fa-sign-in-alt:before { content: ""; } .fa-sign-language:before { content: ""; } .fa-sign-out-alt:before { content: ""; } .fa-signal:before { content: ""; } .fa-signature:before { content: ""; } .fa-sim-card:before { content: ""; } .fa-simplybuilt:before { content: ""; } .fa-sink:before { content: ""; } .fa-sistrix:before { content: ""; } .fa-sitemap:before { content: ""; } .fa-sith:before { content: ""; } .fa-skating:before { content: ""; } .fa-sketch:before { content: ""; } .fa-skiing:before { content: ""; } .fa-skiing-nordic:before { content: ""; } .fa-skull:before { content: ""; } .fa-skull-crossbones:before { content: ""; } .fa-skyatlas:before { content: ""; } .fa-skype:before { content: ""; } .fa-slack:before { content: ""; } .fa-slack-hash:before { content: ""; } .fa-slash:before { content: ""; } .fa-sleigh:before { content: ""; } .fa-sliders-h:before { content: ""; } .fa-slideshare:before { content: ""; } .fa-smile:before { content: ""; } .fa-smile-beam:before { content: ""; } .fa-smile-wink:before { content: ""; } .fa-smog:before { content: ""; } .fa-smoking:before { content: ""; } .fa-smoking-ban:before { content: ""; } .fa-sms:before { content: ""; } .fa-snapchat:before { content: ""; } .fa-snapchat-ghost:before { content: ""; } .fa-snapchat-square:before { content: ""; } .fa-snowboarding:before { content: ""; } .fa-snowflake:before { content: ""; } .fa-snowman:before { content: ""; } .fa-snowplow:before { content: ""; } .fa-soap:before { content: ""; } .fa-socks:before { content: ""; } .fa-solar-panel:before { content: ""; } .fa-sort:before { content: ""; } .fa-sort-alpha-down:before { content: ""; } .fa-sort-alpha-down-alt:before { content: ""; } .fa-sort-alpha-up:before { content: ""; } .fa-sort-alpha-up-alt:before { content: ""; } .fa-sort-amount-down:before { content: ""; } .fa-sort-amount-down-alt:before { content: ""; } .fa-sort-amount-up:before { content: ""; } .fa-sort-amount-up-alt:before { content: ""; } .fa-sort-down:before { content: ""; } .fa-sort-numeric-down:before { content: ""; } .fa-sort-numeric-down-alt:before { content: ""; } .fa-sort-numeric-up:before { content: ""; } .fa-sort-numeric-up-alt:before { content: ""; } .fa-sort-up:before { content: ""; } .fa-soundcloud:before { content: ""; } .fa-sourcetree:before { content: ""; } .fa-spa:before { content: ""; } .fa-space-shuttle:before { content: ""; } .fa-speakap:before { content: ""; } .fa-speaker-deck:before { content: ""; } .fa-spell-check:before { content: ""; } .fa-spider:before { content: ""; } .fa-spinner:before { content: ""; } .fa-splotch:before { content: ""; } .fa-spotify:before { content: ""; } .fa-spray-can:before { content: ""; } .fa-square:before { content: ""; } .fa-square-full:before { content: ""; } .fa-square-root-alt:before { content: ""; } .fa-squarespace:before { content: ""; } .fa-stack-exchange:before { content: ""; } .fa-stack-overflow:before { content: ""; } .fa-stackpath:before { content: ""; } .fa-stamp:before { content: ""; } .fa-star:before { content: ""; } .fa-star-and-crescent:before { content: ""; } .fa-star-half:before { content: ""; } .fa-star-half-alt:before { content: ""; } .fa-star-of-david:before { content: ""; } .fa-star-of-life:before { content: ""; } .fa-staylinked:before { content: ""; } .fa-steam:before { content: ""; } .fa-steam-square:before { content: ""; } .fa-steam-symbol:before { content: ""; } .fa-step-backward:before { content: ""; } .fa-step-forward:before { content: ""; } .fa-stethoscope:before { content: ""; } .fa-sticker-mule:before { content: ""; } .fa-sticky-note:before { content: ""; } .fa-stop:before { content: ""; } .fa-stop-circle:before { content: ""; } .fa-stopwatch:before { content: ""; } .fa-stopwatch-20:before { content: ""; } .fa-store:before { content: ""; } .fa-store-alt:before { content: ""; } .fa-store-alt-slash:before { content: ""; } .fa-store-slash:before { content: ""; } .fa-strava:before { content: ""; } .fa-stream:before { content: ""; } .fa-street-view:before { content: ""; } .fa-strikethrough:before { content: ""; } .fa-stripe:before { content: ""; } .fa-stripe-s:before { content: ""; } .fa-stroopwafel:before { content: ""; } .fa-studiovinari:before { content: ""; } .fa-stumbleupon:before { content: ""; } .fa-stumbleupon-circle:before { content: ""; } .fa-subscript:before { content: ""; } .fa-subway:before { content: ""; } .fa-suitcase:before { content: ""; } .fa-suitcase-rolling:before { content: ""; } .fa-sun:before { content: ""; } .fa-superpowers:before { content: ""; } .fa-superscript:before { content: ""; } .fa-supple:before { content: ""; } .fa-surprise:before { content: ""; } .fa-suse:before { content: ""; } .fa-swatchbook:before { content: ""; } .fa-swift:before { content: ""; } .fa-swimmer:before { content: ""; } .fa-swimming-pool:before { content: ""; } .fa-symfony:before { content: ""; } .fa-synagogue:before { content: ""; } .fa-sync:before { content: ""; } .fa-sync-alt:before { content: ""; } .fa-syringe:before { content: ""; } .fa-table:before { content: ""; } .fa-table-tennis:before { content: ""; } .fa-tablet:before { content: ""; } .fa-tablet-alt:before { content: ""; } .fa-tablets:before { content: ""; } .fa-tachometer-alt:before { content: ""; } .fa-tag:before { content: ""; } .fa-tags:before { content: ""; } .fa-tape:before { content: ""; } .fa-tasks:before { content: ""; } .fa-taxi:before { content: ""; } .fa-teamspeak:before { content: ""; } .fa-teeth:before { content: ""; } .fa-teeth-open:before { content: ""; } .fa-telegram:before { content: ""; } .fa-telegram-plane:before { content: ""; } .fa-temperature-high:before { content: ""; } .fa-temperature-low:before { content: ""; } .fa-tencent-weibo:before { content: ""; } .fa-tenge:before { content: ""; } .fa-terminal:before { content: ""; } .fa-text-height:before { content: ""; } .fa-text-width:before { content: ""; } .fa-th:before { content: ""; } .fa-th-large:before { content: ""; } .fa-th-list:before { content: ""; } .fa-the-red-yeti:before { content: ""; } .fa-theater-masks:before { content: ""; } .fa-themeco:before { content: ""; } .fa-themeisle:before { content: ""; } .fa-thermometer:before { content: ""; } .fa-thermometer-empty:before { content: ""; } .fa-thermometer-full:before { content: ""; } .fa-thermometer-half:before { content: ""; } .fa-thermometer-quarter:before { content: ""; } .fa-thermometer-three-quarters:before { content: ""; } .fa-think-peaks:before { content: ""; } .fa-thumbs-down:before { content: ""; } .fa-thumbs-up:before { content: ""; } .fa-thumbtack:before { content: ""; } .fa-ticket-alt:before { content: ""; } .fa-tiktok:before { content: ""; } .fa-times:before { content: ""; } .fa-times-circle:before { content: ""; } .fa-tint:before { content: ""; } .fa-tint-slash:before { content: ""; } .fa-tired:before { content: ""; } .fa-toggle-off:before { content: ""; } .fa-toggle-on:before { content: ""; } .fa-toilet:before { content: ""; } .fa-toilet-paper:before { content: ""; } .fa-toilet-paper-slash:before { content: ""; } .fa-toolbox:before { content: ""; } .fa-tools:before { content: ""; } .fa-tooth:before { content: ""; } .fa-torah:before { content: ""; } .fa-torii-gate:before { content: ""; } .fa-tractor:before { content: ""; } .fa-trade-federation:before { content: ""; } .fa-trademark:before { content: ""; } .fa-traffic-light:before { content: ""; } .fa-trailer:before { content: ""; } .fa-train:before { content: ""; } .fa-tram:before { content: ""; } .fa-transgender:before { content: ""; } .fa-transgender-alt:before { content: ""; } .fa-trash:before { content: ""; } .fa-trash-alt:before { content: ""; } .fa-trash-restore:before { content: ""; } .fa-trash-restore-alt:before { content: ""; } .fa-tree:before { content: ""; } .fa-trello:before { content: ""; } .fa-tripadvisor:before { content: ""; } .fa-trophy:before { content: ""; } .fa-truck:before { content: ""; } .fa-truck-loading:before { content: ""; } .fa-truck-monster:before { content: ""; } .fa-truck-moving:before { content: ""; } .fa-truck-pickup:before { content: ""; } .fa-tshirt:before { content: ""; } .fa-tty:before { content: ""; } .fa-tumblr:before { content: ""; } .fa-tumblr-square:before { content: ""; } .fa-tv:before { content: ""; } .fa-twitch:before { content: ""; } .fa-twitter:before { content: ""; } .fa-twitter-square:before { content: ""; } .fa-typo3:before { content: ""; } .fa-uber:before { content: ""; } .fa-ubuntu:before { content: ""; } .fa-uikit:before { content: ""; } .fa-umbraco:before { content: ""; } .fa-umbrella:before { content: ""; } .fa-umbrella-beach:before { content: ""; } .fa-uncharted:before { content: ""; } .fa-underline:before { content: ""; } .fa-undo:before { content: ""; } .fa-undo-alt:before { content: ""; } .fa-uniregistry:before { content: ""; } .fa-unity:before { content: ""; } .fa-universal-access:before { content: ""; } .fa-university:before { content: ""; } .fa-unlink:before { content: ""; } .fa-unlock:before { content: ""; } .fa-unlock-alt:before { content: ""; } .fa-unsplash:before { content: ""; } .fa-untappd:before { content: ""; } .fa-upload:before { content: ""; } .fa-ups:before { content: ""; } .fa-usb:before { content: ""; } .fa-user:before { content: ""; } .fa-user-alt:before { content: ""; } .fa-user-alt-slash:before { content: ""; } .fa-user-astronaut:before { content: ""; } .fa-user-check:before { content: ""; } .fa-user-circle:before { content: ""; } .fa-user-clock:before { content: ""; } .fa-user-cog:before { content: ""; } .fa-user-edit:before { content: ""; } .fa-user-friends:before { content: ""; } .fa-user-graduate:before { content: ""; } .fa-user-injured:before { content: ""; } .fa-user-lock:before { content: ""; } .fa-user-md:before { content: ""; } .fa-user-minus:before { content: ""; } .fa-user-ninja:before { content: ""; } .fa-user-nurse:before { content: ""; } .fa-user-plus:before { content: ""; } .fa-user-secret:before { content: ""; } .fa-user-shield:before { content: ""; } .fa-user-slash:before { content: ""; } .fa-user-tag:before { content: ""; } .fa-user-tie:before { content: ""; } .fa-user-times:before { content: ""; } .fa-users:before { content: ""; } .fa-users-cog:before { content: ""; } .fa-users-slash:before { content: ""; } .fa-usps:before { content: ""; } .fa-ussunnah:before { content: ""; } .fa-utensil-spoon:before { content: ""; } .fa-utensils:before { content: ""; } .fa-vaadin:before { content: ""; } .fa-vector-square:before { content: ""; } .fa-venus:before { content: ""; } .fa-venus-double:before { content: ""; } .fa-venus-mars:before { content: ""; } .fa-vest:before { content: ""; } .fa-vest-patches:before { content: ""; } .fa-viacoin:before { content: ""; } .fa-viadeo:before { content: ""; } .fa-viadeo-square:before { content: ""; } .fa-vial:before { content: ""; } .fa-vials:before { content: ""; } .fa-viber:before { content: ""; } .fa-video:before { content: ""; } .fa-video-slash:before { content: ""; } .fa-vihara:before { content: ""; } .fa-vimeo:before { content: ""; } .fa-vimeo-square:before { content: ""; } .fa-vimeo-v:before { content: ""; } .fa-vine:before { content: ""; } .fa-virus:before { content: ""; } .fa-virus-slash:before { content: ""; } .fa-viruses:before { content: ""; } .fa-vk:before { content: ""; } .fa-vnv:before { content: ""; } .fa-voicemail:before { content: ""; } .fa-volleyball-ball:before { content: ""; } .fa-volume-down:before { content: ""; } .fa-volume-mute:before { content: ""; } .fa-volume-off:before { content: ""; } .fa-volume-up:before { content: ""; } .fa-vote-yea:before { content: ""; } .fa-vr-cardboard:before { content: ""; } .fa-vuejs:before { content: ""; } .fa-walking:before { content: ""; } .fa-wallet:before { content: ""; } .fa-warehouse:before { content: ""; } .fa-watchman-monitoring:before { content: ""; } .fa-water:before { content: ""; } .fa-wave-square:before { content: ""; } .fa-waze:before { content: ""; } .fa-weebly:before { content: ""; } .fa-weibo:before { content: ""; } .fa-weight:before { content: ""; } .fa-weight-hanging:before { content: ""; } .fa-weixin:before { content: ""; } .fa-whatsapp:before { content: ""; } .fa-whatsapp-square:before { content: ""; } .fa-wheelchair:before { content: ""; } .fa-whmcs:before { content: ""; } .fa-wifi:before { content: ""; } .fa-wikipedia-w:before { content: ""; } .fa-wind:before { content: ""; } .fa-window-close:before { content: ""; } .fa-window-maximize:before { content: ""; } .fa-window-minimize:before { content: ""; } .fa-window-restore:before { content: ""; } .fa-windows:before { content: ""; } .fa-wine-bottle:before { content: ""; } .fa-wine-glass:before { content: ""; } .fa-wine-glass-alt:before { content: ""; } .fa-wix:before { content: ""; } .fa-wizards-of-the-coast:before { content: ""; } .fa-wodu:before { content: ""; } .fa-wolf-pack-battalion:before { content: ""; } .fa-won-sign:before { content: ""; } .fa-wordpress:before { content: ""; } .fa-wordpress-simple:before { content: ""; } .fa-wpbeginner:before { content: ""; } .fa-wpexplorer:before { content: ""; } .fa-wpforms:before { content: ""; } .fa-wpressr:before { content: ""; } .fa-wrench:before { content: ""; } .fa-x-ray:before { content: ""; } .fa-xbox:before { content: ""; } .fa-xing:before { content: ""; } .fa-xing-square:before { content: ""; } .fa-y-combinator:before { content: ""; } .fa-yahoo:before { content: ""; } .fa-yammer:before { content: ""; } .fa-yandex:before { content: ""; } .fa-yandex-international:before { content: ""; } .fa-yarn:before { content: ""; } .fa-yelp:before { content: ""; } .fa-yen-sign:before { content: ""; } .fa-yin-yang:before { content: ""; } .fa-yoast:before { content: ""; } .fa-youtube:before { content: ""; } .fa-youtube-square:before { content: ""; } .fa-zhihu:before { content: ""; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /*! * Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ @font-face { font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; font-display: block; src: url("/../../../fonts/vendor/fontawesome/fa-solid-900.eot"); src: url("/../../../fonts/vendor/fontawesome/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/../../../fonts/vendor/fontawesome/fa-solid-900.woff2") format("woff2"), url("/../../../fonts/vendor/fontawesome/fa-solid-900.woff") format("woff"), url("/../../../fonts/vendor/fontawesome/fa-solid-900.ttf") format("truetype"), url("/../../../fonts/vendor/fontawesome/fa-solid-900.svg#fontawesome") format("svg"); } .fa, .fas { font-family: "Font Awesome 5 Free"; font-weight: 900; } /*! * Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ @font-face { font-family: "Font Awesome 5 Brands"; font-style: normal; font-weight: 400; font-display: block; src: url("/../../../fonts/vendor/fontawesome/fa-brands-400.eot"); src: url("/../../../fonts/vendor/fontawesome/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/../../../fonts/vendor/fontawesome/fa-brands-400.woff2") format("woff2"), url("/../../../fonts/vendor/fontawesome/fa-brands-400.woff") format("woff"), url("/../../../fonts/vendor/fontawesome/fa-brands-400.ttf") format("truetype"), url("/../../../fonts/vendor/fontawesome/fa-brands-400.svg#fontawesome") format("svg"); } .fab { font-family: "Font Awesome 5 Brands"; font-weight: 400; } /*! * Bootstrap v3.4.1 (https://getbootstrap.com/) * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; } input[type=search] { -webkit-appearance: textfield; box-sizing: content-box; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { *, *:before, *:after { color: #000 !important; text-shadow: none !important; background: transparent !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]: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; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } @font-face { font-family: "Glyphicons Halflings"; src: url("/../../../fonts/vendor/bootstrap/glyphicons-halflings-regular.eot"); src: url("/../../../fonts/vendor/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("/../../../fonts/vendor/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("/../../../fonts/vendor/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("/../../../fonts/vendor/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("/../../../fonts/vendor/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "*"; } .glyphicon-plus:before { content: "+"; } .glyphicon-euro:before, .glyphicon-eur:before { content: "€"; } .glyphicon-minus:before { content: "−"; } .glyphicon-cloud:before { content: "☁"; } .glyphicon-envelope:before { content: "✉"; } .glyphicon-pencil:before { content: "✏"; } .glyphicon-glass:before { content: ""; } .glyphicon-music:before { content: ""; } .glyphicon-search:before { content: ""; } .glyphicon-heart:before { content: ""; } .glyphicon-star:before { content: ""; } .glyphicon-star-empty:before { content: ""; } .glyphicon-user:before { content: ""; } .glyphicon-film:before { content: ""; } .glyphicon-th-large:before { content: ""; } .glyphicon-th:before { content: ""; } .glyphicon-th-list:before { content: ""; } .glyphicon-ok:before { content: ""; } .glyphicon-remove:before { content: ""; } .glyphicon-zoom-in:before { content: ""; } .glyphicon-zoom-out:before { content: ""; } .glyphicon-off:before { content: ""; } .glyphicon-signal:before { content: ""; } .glyphicon-cog:before { content: ""; } .glyphicon-trash:before { content: ""; } .glyphicon-home:before { content: ""; } .glyphicon-file:before { content: ""; } .glyphicon-time:before { content: ""; } .glyphicon-road:before { content: ""; } .glyphicon-download-alt:before { content: ""; } .glyphicon-download:before { content: ""; } .glyphicon-upload:before { content: ""; } .glyphicon-inbox:before { content: ""; } .glyphicon-play-circle:before { content: ""; } .glyphicon-repeat:before { content: ""; } .glyphicon-refresh:before { content: ""; } .glyphicon-list-alt:before { content: ""; } .glyphicon-lock:before { content: ""; } .glyphicon-flag:before { content: ""; } .glyphicon-headphones:before { content: ""; } .glyphicon-volume-off:before { content: ""; } .glyphicon-volume-down:before { content: ""; } .glyphicon-volume-up:before { content: ""; } .glyphicon-qrcode:before { content: ""; } .glyphicon-barcode:before { content: ""; } .glyphicon-tag:before { content: ""; } .glyphicon-tags:before { content: ""; } .glyphicon-book:before { content: ""; } .glyphicon-bookmark:before { content: ""; } .glyphicon-print:before { content: ""; } .glyphicon-camera:before { content: ""; } .glyphicon-font:before { content: ""; } .glyphicon-bold:before { content: ""; } .glyphicon-italic:before { content: ""; } .glyphicon-text-height:before { content: ""; } .glyphicon-text-width:before { content: ""; } .glyphicon-align-left:before { content: ""; } .glyphicon-align-center:before { content: ""; } .glyphicon-align-right:before { content: ""; } .glyphicon-align-justify:before { content: ""; } .glyphicon-list:before { content: ""; } .glyphicon-indent-left:before { content: ""; } .glyphicon-indent-right:before { content: ""; } .glyphicon-facetime-video:before { content: ""; } .glyphicon-picture:before { content: ""; } .glyphicon-map-marker:before { content: ""; } .glyphicon-adjust:before { content: ""; } .glyphicon-tint:before { content: ""; } .glyphicon-edit:before { content: ""; } .glyphicon-share:before { content: ""; } .glyphicon-check:before { content: ""; } .glyphicon-move:before { content: ""; } .glyphicon-step-backward:before { content: ""; } .glyphicon-fast-backward:before { content: ""; } .glyphicon-backward:before { content: ""; } .glyphicon-play:before { content: ""; } .glyphicon-pause:before { content: ""; } .glyphicon-stop:before { content: ""; } .glyphicon-forward:before { content: ""; } .glyphicon-fast-forward:before { content: ""; } .glyphicon-step-forward:before { content: ""; } .glyphicon-eject:before { content: ""; } .glyphicon-chevron-left:before { content: ""; } .glyphicon-chevron-right:before { content: ""; } .glyphicon-plus-sign:before { content: ""; } .glyphicon-minus-sign:before { content: ""; } .glyphicon-remove-sign:before { content: ""; } .glyphicon-ok-sign:before { content: ""; } .glyphicon-question-sign:before { content: ""; } .glyphicon-info-sign:before { content: ""; } .glyphicon-screenshot:before { content: ""; } .glyphicon-remove-circle:before { content: ""; } .glyphicon-ok-circle:before { content: ""; } .glyphicon-ban-circle:before { content: ""; } .glyphicon-arrow-left:before { content: ""; } .glyphicon-arrow-right:before { content: ""; } .glyphicon-arrow-up:before { content: ""; } .glyphicon-arrow-down:before { content: ""; } .glyphicon-share-alt:before { content: ""; } .glyphicon-resize-full:before { content: ""; } .glyphicon-resize-small:before { content: ""; } .glyphicon-exclamation-sign:before { content: ""; } .glyphicon-gift:before { content: ""; } .glyphicon-leaf:before { content: ""; } .glyphicon-fire:before { content: ""; } .glyphicon-eye-open:before { content: ""; } .glyphicon-eye-close:before { content: ""; } .glyphicon-warning-sign:before { content: ""; } .glyphicon-plane:before { content: ""; } .glyphicon-calendar:before { content: ""; } .glyphicon-random:before { content: ""; } .glyphicon-comment:before { content: ""; } .glyphicon-magnet:before { content: ""; } .glyphicon-chevron-up:before { content: ""; } .glyphicon-chevron-down:before { content: ""; } .glyphicon-retweet:before { content: ""; } .glyphicon-shopping-cart:before { content: ""; } .glyphicon-folder-close:before { content: ""; } .glyphicon-folder-open:before { content: ""; } .glyphicon-resize-vertical:before { content: ""; } .glyphicon-resize-horizontal:before { content: ""; } .glyphicon-hdd:before { content: ""; } .glyphicon-bullhorn:before { content: ""; } .glyphicon-bell:before { content: ""; } .glyphicon-certificate:before { content: ""; } .glyphicon-thumbs-up:before { content: ""; } .glyphicon-thumbs-down:before { content: ""; } .glyphicon-hand-right:before { content: ""; } .glyphicon-hand-left:before { content: ""; } .glyphicon-hand-up:before { content: ""; } .glyphicon-hand-down:before { content: ""; } .glyphicon-circle-arrow-right:before { content: ""; } .glyphicon-circle-arrow-left:before { content: ""; } .glyphicon-circle-arrow-up:before { content: ""; } .glyphicon-circle-arrow-down:before { content: ""; } .glyphicon-globe:before { content: ""; } .glyphicon-wrench:before { content: ""; } .glyphicon-tasks:before { content: ""; } .glyphicon-filter:before { content: ""; } .glyphicon-briefcase:before { content: ""; } .glyphicon-fullscreen:before { content: ""; } .glyphicon-dashboard:before { content: ""; } .glyphicon-paperclip:before { content: ""; } .glyphicon-heart-empty:before { content: ""; } .glyphicon-link:before { content: ""; } .glyphicon-phone:before { content: ""; } .glyphicon-pushpin:before { content: ""; } .glyphicon-usd:before { content: ""; } .glyphicon-gbp:before { content: ""; } .glyphicon-sort:before { content: ""; } .glyphicon-sort-by-alphabet:before { content: ""; } .glyphicon-sort-by-alphabet-alt:before { content: ""; } .glyphicon-sort-by-order:before { content: ""; } .glyphicon-sort-by-order-alt:before { content: ""; } .glyphicon-sort-by-attributes:before { content: ""; } .glyphicon-sort-by-attributes-alt:before { content: ""; } .glyphicon-unchecked:before { content: ""; } .glyphicon-expand:before { content: ""; } .glyphicon-collapse-down:before { content: ""; } .glyphicon-collapse-up:before { content: ""; } .glyphicon-log-in:before { content: ""; } .glyphicon-flash:before { content: ""; } .glyphicon-log-out:before { content: ""; } .glyphicon-new-window:before { content: ""; } .glyphicon-record:before { content: ""; } .glyphicon-save:before { content: ""; } .glyphicon-open:before { content: ""; } .glyphicon-saved:before { content: ""; } .glyphicon-import:before { content: ""; } .glyphicon-export:before { content: ""; } .glyphicon-send:before { content: ""; } .glyphicon-floppy-disk:before { content: ""; } .glyphicon-floppy-saved:before { content: ""; } .glyphicon-floppy-remove:before { content: ""; } .glyphicon-floppy-save:before { content: ""; } .glyphicon-floppy-open:before { content: ""; } .glyphicon-credit-card:before { content: ""; } .glyphicon-transfer:before { content: ""; } .glyphicon-cutlery:before { content: ""; } .glyphicon-header:before { content: ""; } .glyphicon-compressed:before { content: ""; } .glyphicon-earphone:before { content: ""; } .glyphicon-phone-alt:before { content: ""; } .glyphicon-tower:before { content: ""; } .glyphicon-stats:before { content: ""; } .glyphicon-sd-video:before { content: ""; } .glyphicon-hd-video:before { content: ""; } .glyphicon-subtitles:before { content: ""; } .glyphicon-sound-stereo:before { content: ""; } .glyphicon-sound-dolby:before { content: ""; } .glyphicon-sound-5-1:before { content: ""; } .glyphicon-sound-6-1:before { content: ""; } .glyphicon-sound-7-1:before { content: ""; } .glyphicon-copyright-mark:before { content: ""; } .glyphicon-registration-mark:before { content: ""; } .glyphicon-cloud-download:before { content: ""; } .glyphicon-cloud-upload:before { content: ""; } .glyphicon-tree-conifer:before { content: ""; } .glyphicon-tree-deciduous:before { content: ""; } .glyphicon-cd:before { content: ""; } .glyphicon-save-file:before { content: ""; } .glyphicon-open-file:before { content: ""; } .glyphicon-level-up:before { content: ""; } .glyphicon-copy:before { content: ""; } .glyphicon-paste:before { content: ""; } .glyphicon-alert:before { content: ""; } .glyphicon-equalizer:before { content: ""; } .glyphicon-king:before { content: ""; } .glyphicon-queen:before { content: ""; } .glyphicon-pawn:before { content: ""; } .glyphicon-bishop:before { content: ""; } .glyphicon-knight:before { content: ""; } .glyphicon-baby-formula:before { content: ""; } .glyphicon-tent:before { content: "⛺"; } .glyphicon-blackboard:before { content: ""; } .glyphicon-bed:before { content: ""; } .glyphicon-apple:before { content: ""; } .glyphicon-erase:before { content: ""; } .glyphicon-hourglass:before { content: "⌛"; } .glyphicon-lamp:before { content: ""; } .glyphicon-duplicate:before { content: ""; } .glyphicon-piggy-bank:before { content: ""; } .glyphicon-scissors:before { content: ""; } .glyphicon-bitcoin:before { content: ""; } .glyphicon-btc:before { content: ""; } .glyphicon-xbt:before { content: ""; } .glyphicon-yen:before { content: "¥"; } .glyphicon-jpy:before { content: "¥"; } .glyphicon-ruble:before { content: "₽"; } .glyphicon-rub:before { content: "₽"; } .glyphicon-scale:before { content: ""; } .glyphicon-ice-lolly:before { content: ""; } .glyphicon-ice-lolly-tasted:before { content: ""; } .glyphicon-education:before { content: ""; } .glyphicon-option-horizontal:before { content: ""; } .glyphicon-option-vertical:before { content: ""; } .glyphicon-menu-hamburger:before { content: ""; } .glyphicon-modal-window:before { content: ""; } .glyphicon-oil:before { content: ""; } .glyphicon-grain:before { content: ""; } .glyphicon-sunglasses:before { content: ""; } .glyphicon-text-size:before { content: ""; } .glyphicon-text-color:before { content: ""; } .glyphicon-text-background:before { content: ""; } .glyphicon-object-align-top:before { content: ""; } .glyphicon-object-align-bottom:before { content: ""; } .glyphicon-object-align-horizontal:before { content: ""; } .glyphicon-object-align-left:before { content: ""; } .glyphicon-object-align-vertical:before { content: ""; } .glyphicon-object-align-right:before { content: ""; } .glyphicon-triangle-right:before { content: ""; } .glyphicon-triangle-left:before { content: ""; } .glyphicon-triangle-bottom:before { content: ""; } .glyphicon-triangle-top:before { content: ""; } .glyphicon-console:before { content: ""; } .glyphicon-superscript:before { content: ""; } .glyphicon-subscript:before { content: ""; } .glyphicon-menu-left:before { content: ""; } .glyphicon-menu-right:before { content: ""; } .glyphicon-menu-down:before { content: ""; } .glyphicon-menu-up:before { content: ""; } * { box-sizing: border-box; } *:before, *:after { box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.428571429; color: #333333; background-color: #fff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #337ab7; text-decoration: none; } a:hover, a:focus { color: #23527c; text-decoration: underline; } a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.428571429; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role=button] { cursor: pointer; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small { font-weight: 400; line-height: 1; color: #777777; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; } h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; } h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; } } small, .small { font-size: 85%; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase, .initialism { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777777; } .text-primary { color: #337ab7; } a.text-primary:hover, a.text-primary:focus { color: #286090; } .text-success { color: #3c763d; } a.text-success:hover, a.text-success:focus { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover, a.text-info:focus { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover, a.text-warning:focus { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:hover, a.text-danger:focus { color: #843534; } .bg-primary { color: #fff; } .bg-primary { background-color: #337ab7; } a.bg-primary:hover, a.bg-primary:focus { background-color: #286090; } .bg-success { background-color: #dff0d8; } a.bg-success:hover, a.bg-success:focus { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover, a.bg-info:focus { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover, a.bg-warning:focus { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover, a.bg-danger:focus { background-color: #e4b9b9; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eeeeee; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; margin-left: -5px; } .list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; } dl { margin-top: 0; margin-bottom: 20px; } dt, dd { line-height: 1.428571429; } dt { font-weight: 700; } dd { margin-left: 0; } .dl-horizontal dd:before, .dl-horizontal dd:after { display: table; content: " "; } .dl-horizontal dd:after { clear: both; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[title], abbr[data-original-title] { cursor: help; } .initialism { font-size: 90%; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eeeeee; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.428571429; color: #777777; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: "— "; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; text-align: right; border-right: 5px solid #eeeeee; border-left: 0; } .blockquote-reverse footer:before, .blockquote-reverse small:before, .blockquote-reverse .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before, blockquote.pull-right .small:before { content: ""; } .blockquote-reverse footer:after, .blockquote-reverse small:after, .blockquote-reverse .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after, blockquote.pull-right .small:after { content: " —"; } address { margin-bottom: 20px; font-style: normal; line-height: 1.428571429; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; box-shadow: none; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.428571429; color: #333333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .container:before, .container:after { display: table; content: " "; } .container:after { clear: both; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .container-fluid:before, .container-fluid:after { display: table; content: " "; } .container-fluid:after { clear: both; } .row { margin-right: -15px; margin-left: -15px; } .row:before, .row:after { display: table; content: " "; } .row:after { clear: both; } .row-no-gutters { margin-right: 0; margin-left: 0; } .row-no-gutters [class*=col-] { padding-right: 0; padding-left: 0; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-1 { width: 8.3333333333%; } .col-xs-2 { width: 16.6666666667%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.3333333333%; } .col-xs-5 { width: 41.6666666667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.3333333333%; } .col-xs-8 { width: 66.6666666667%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.3333333333%; } .col-xs-11 { width: 91.6666666667%; } .col-xs-12 { width: 100%; } .col-xs-pull-0 { right: auto; } .col-xs-pull-1 { right: 8.3333333333%; } .col-xs-pull-2 { right: 16.6666666667%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-4 { right: 33.3333333333%; } .col-xs-pull-5 { right: 41.6666666667%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-7 { right: 58.3333333333%; } .col-xs-pull-8 { right: 66.6666666667%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-10 { right: 83.3333333333%; } .col-xs-pull-11 { right: 91.6666666667%; } .col-xs-pull-12 { right: 100%; } .col-xs-push-0 { left: auto; } .col-xs-push-1 { left: 8.3333333333%; } .col-xs-push-2 { left: 16.6666666667%; } .col-xs-push-3 { left: 25%; } .col-xs-push-4 { left: 33.3333333333%; } .col-xs-push-5 { left: 41.6666666667%; } .col-xs-push-6 { left: 50%; } .col-xs-push-7 { left: 58.3333333333%; } .col-xs-push-8 { left: 66.6666666667%; } .col-xs-push-9 { left: 75%; } .col-xs-push-10 { left: 83.3333333333%; } .col-xs-push-11 { left: 91.6666666667%; } .col-xs-push-12 { left: 100%; } .col-xs-offset-0 { margin-left: 0%; } .col-xs-offset-1 { margin-left: 8.3333333333%; } .col-xs-offset-2 { margin-left: 16.6666666667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.3333333333%; } .col-xs-offset-5 { margin-left: 41.6666666667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.3333333333%; } .col-xs-offset-8 { margin-left: 66.6666666667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.3333333333%; } .col-xs-offset-11 { margin-left: 91.6666666667%; } .col-xs-offset-12 { margin-left: 100%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-1 { width: 8.3333333333%; } .col-sm-2 { width: 16.6666666667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.3333333333%; } .col-sm-5 { width: 41.6666666667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.3333333333%; } .col-sm-8 { width: 66.6666666667%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.3333333333%; } .col-sm-11 { width: 91.6666666667%; } .col-sm-12 { width: 100%; } .col-sm-pull-0 { right: auto; } .col-sm-pull-1 { right: 8.3333333333%; } .col-sm-pull-2 { right: 16.6666666667%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.3333333333%; } .col-sm-pull-5 { right: 41.6666666667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.3333333333%; } .col-sm-pull-8 { right: 66.6666666667%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.3333333333%; } .col-sm-pull-11 { right: 91.6666666667%; } .col-sm-pull-12 { right: 100%; } .col-sm-push-0 { left: auto; } .col-sm-push-1 { left: 8.3333333333%; } .col-sm-push-2 { left: 16.6666666667%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.3333333333%; } .col-sm-push-5 { left: 41.6666666667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.3333333333%; } .col-sm-push-8 { left: 66.6666666667%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.3333333333%; } .col-sm-push-11 { left: 91.6666666667%; } .col-sm-push-12 { left: 100%; } .col-sm-offset-0 { margin-left: 0%; } .col-sm-offset-1 { margin-left: 8.3333333333%; } .col-sm-offset-2 { margin-left: 16.6666666667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.3333333333%; } .col-sm-offset-5 { margin-left: 41.6666666667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.3333333333%; } .col-sm-offset-8 { margin-left: 66.6666666667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.3333333333%; } .col-sm-offset-11 { margin-left: 91.6666666667%; } .col-sm-offset-12 { margin-left: 100%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-1 { width: 8.3333333333%; } .col-md-2 { width: 16.6666666667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.3333333333%; } .col-md-5 { width: 41.6666666667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.3333333333%; } .col-md-8 { width: 66.6666666667%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.3333333333%; } .col-md-11 { width: 91.6666666667%; } .col-md-12 { width: 100%; } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.3333333333%; } .col-md-pull-2 { right: 16.6666666667%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.3333333333%; } .col-md-pull-5 { right: 41.6666666667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.3333333333%; } .col-md-pull-8 { right: 66.6666666667%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.3333333333%; } .col-md-pull-11 { right: 91.6666666667%; } .col-md-pull-12 { right: 100%; } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.3333333333%; } .col-md-push-2 { left: 16.6666666667%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.3333333333%; } .col-md-push-5 { left: 41.6666666667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.3333333333%; } .col-md-push-8 { left: 66.6666666667%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.3333333333%; } .col-md-push-11 { left: 91.6666666667%; } .col-md-push-12 { left: 100%; } .col-md-offset-0 { margin-left: 0%; } .col-md-offset-1 { margin-left: 8.3333333333%; } .col-md-offset-2 { margin-left: 16.6666666667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.3333333333%; } .col-md-offset-5 { margin-left: 41.6666666667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.3333333333%; } .col-md-offset-8 { margin-left: 66.6666666667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.3333333333%; } .col-md-offset-11 { margin-left: 91.6666666667%; } .col-md-offset-12 { margin-left: 100%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-1 { width: 8.3333333333%; } .col-lg-2 { width: 16.6666666667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.3333333333%; } .col-lg-5 { width: 41.6666666667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.3333333333%; } .col-lg-8 { width: 66.6666666667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.3333333333%; } .col-lg-11 { width: 91.6666666667%; } .col-lg-12 { width: 100%; } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.3333333333%; } .col-lg-pull-2 { right: 16.6666666667%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.3333333333%; } .col-lg-pull-5 { right: 41.6666666667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.3333333333%; } .col-lg-pull-8 { right: 66.6666666667%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.3333333333%; } .col-lg-pull-11 { right: 91.6666666667%; } .col-lg-pull-12 { right: 100%; } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.3333333333%; } .col-lg-push-2 { left: 16.6666666667%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.3333333333%; } .col-lg-push-5 { left: 41.6666666667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.3333333333%; } .col-lg-push-8 { left: 66.6666666667%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.3333333333%; } .col-lg-push-11 { left: 91.6666666667%; } .col-lg-push-12 { left: 100%; } .col-lg-offset-0 { margin-left: 0%; } .col-lg-offset-1 { margin-left: 8.3333333333%; } .col-lg-offset-2 { margin-left: 16.6666666667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.3333333333%; } .col-lg-offset-5 { margin-left: 41.6666666667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.3333333333%; } .col-lg-offset-8 { margin-left: 66.6666666667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.3333333333%; } .col-lg-offset-11 { margin-left: 91.6666666667%; } .col-lg-offset-12 { margin-left: 100%; } } table { background-color: transparent; } table col[class*=col-] { position: static; display: table-column; float: none; } table td[class*=col-], table th[class*=col-] { position: static; display: table-cell; float: none; } caption { padding-top: 8px; padding-bottom: 8px; color: #777777; text-align: left; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td { padding: 8px; line-height: 1.428571429; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } .table > thead > tr > td.active, .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } .table-responsive { min-height: 0.01%; overflow-x: auto; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .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 > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th: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 > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th: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 > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; } input[type=search] { box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type=radio], input[type=checkbox] { margin: 4px 0 0; margin-top: 1px \9 ; line-height: normal; } input[type=radio][disabled], input[type=radio].disabled, fieldset[disabled] input[type=radio], input[type=checkbox][disabled], input[type=checkbox].disabled, fieldset[disabled] input[type=checkbox] { cursor: not-allowed; } input[type=file] { display: block; } input[type=range] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type=file]:focus, input[type=radio]:focus, input[type=checkbox]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.428571429; color: #555555; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .form-control:focus { border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eeeeee; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control { line-height: 34px; } input[type=date].input-sm, .input-group-sm > .input-group-btn > input[type=date].btn, .input-group-sm input[type=date], input[type=time].input-sm, .input-group-sm > .input-group-btn > input[type=time].btn, .input-group-sm input[type=time], input[type=datetime-local].input-sm, .input-group-sm > .input-group-btn > input[type=datetime-local].btn, .input-group-sm input[type=datetime-local], input[type=month].input-sm, .input-group-sm > .input-group-btn > input[type=month].btn, .input-group-sm input[type=month] { line-height: 30px; } input[type=date].input-lg, .input-group-lg > .input-group-btn > input[type=date].btn, .input-group-lg input[type=date], input[type=time].input-lg, .input-group-lg > .input-group-btn > input[type=time].btn, .input-group-lg input[type=time], input[type=datetime-local].input-lg, .input-group-lg > .input-group-btn > input[type=datetime-local].btn, .input-group-lg input[type=datetime-local], input[type=month].input-lg, .input-group-lg > .input-group-btn > input[type=month].btn, .input-group-lg input[type=month] { line-height: 46px; } } .form-group { margin-bottom: 15px; } .radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .radio label, .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer; } .radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] { position: absolute; margin-top: 4px \9 ; margin-left: -20px; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: 400; vertical-align: middle; cursor: pointer; } .radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } .form-control-static { min-height: 34px; padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; } .form-control-static.input-lg, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn { padding-right: 0; padding-left: 0; } .input-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-sm, .input-group-sm > select.form-control, .input-group-sm > select.input-group-addon, .input-group-sm > .input-group-btn > select.btn { height: 30px; line-height: 30px; } textarea.input-sm, .input-group-sm > textarea.form-control, .input-group-sm > textarea.input-group-addon, .input-group-sm > .input-group-btn > textarea.btn, select[multiple].input-sm, .input-group-sm > select[multiple].form-control, .input-group-sm > select[multiple].input-group-addon, .input-group-sm > .input-group-btn > select[multiple].btn { height: auto; } .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .form-group-sm select.form-control { height: 30px; line-height: 30px; } .form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto; } .form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; } .input-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } select.input-lg, .input-group-lg > select.form-control, .input-group-lg > select.input-group-addon, .input-group-lg > .input-group-btn > select.btn { height: 46px; line-height: 46px; } textarea.input-lg, .input-group-lg > textarea.form-control, .input-group-lg > textarea.input-group-addon, .input-group-lg > .input-group-btn > textarea.btn, select[multiple].input-lg, .input-group-lg > select[multiple].form-control, .input-group-lg > select[multiple].input-group-addon, .input-group-lg > .input-group-btn > select[multiple].btn { height: auto; } .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .form-group-lg select.form-control { height: 46px; line-height: 46px; } .form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto; } .form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.3333333; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; } .input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d; } .has-success .form-control { border-color: #3c763d; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: #2b542c; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; background-color: #dff0d8; border-color: #3c763d; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus { border-color: #66512c; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; } .has-warning .input-group-addon { color: #8a6d3b; background-color: #fcf8e3; border-color: #8a6d3b; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442; } .has-error .form-control { border-color: #a94442; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: #843534; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; } .has-error .input-group-addon { color: #a94442; background-color: #f2dede; border-color: #a94442; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label ~ .form-control-feedback { top: 25px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type=radio], .form-inline .checkbox input[type=checkbox] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { padding-top: 7px; margin-top: 0; margin-bottom: 0; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; } .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; } @media (min-width: 768px) { .form-horizontal .control-label { padding-top: 7px; margin-bottom: 0; text-align: right; } } .form-horizontal .has-feedback .form-control-feedback { right: 15px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } } .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus, .btn.focus { color: #333; text-decoration: none; } .btn:active, .btn.active { background-image: none; outline: 0; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; filter: alpha(opacity=65); opacity: 0.65; box-shadow: none; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:focus, .btn-default.focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c; } .btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { color: #333; background-color: #e6e6e6; background-image: none; border-color: #adadad; } .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus { color: #333; background-color: #d4d4d4; border-color: #8c8c8c; } .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #286090; border-color: #122b40; } .btn-primary:hover { color: #fff; background-color: #286090; border-color: #204d74; } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { color: #fff; background-color: #286090; background-image: none; border-color: #204d74; } .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus { color: #fff; background-color: #204d74; border-color: #122b40; } .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus { background-color: #337ab7; border-color: #2e6da4; } .btn-primary .badge { color: #337ab7; background-color: #fff; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #449d44; border-color: #255625; } .btn-success:hover { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { color: #fff; background-color: #449d44; background-image: none; border-color: #398439; } .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus { color: #fff; background-color: #398439; border-color: #255625; } .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85; } .btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { color: #fff; background-color: #31b0d5; background-image: none; border-color: #269abc; } .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus { color: #fff; background-color: #269abc; border-color: #1b6d85; } .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #ec971f; border-color: #985f0d; } .btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { color: #fff; background-color: #ec971f; background-image: none; border-color: #d58512; } .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus { color: #fff; background-color: #d58512; border-color: #985f0d; } .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c9302c; border-color: #761c19; } .btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { color: #fff; background-color: #c9302c; background-image: none; border-color: #ac2925; } .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus { color: #fff; background-color: #ac2925; border-color: #761c19; } .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-link { font-weight: 400; color: #337ab7; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #23527c; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { color: #777777; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block { width: 100%; } .fade { opacity: 0; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; transition-property: height, visibility; transition-duration: 0.35s; transition-timing-function: ease; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9 ; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropup, .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.428571429; color: #333333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #262626; text-decoration: none; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; background-color: #337ab7; outline: 0; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777777; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { right: 0; left: auto; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.428571429; color: #777777; white-space: nowrap; } .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9 ; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0; left: auto; } .navbar-right .dropdown-menu-left { left: 0; right: auto; } } .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 > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar:before, .btn-toolbar:after { display: table; content: " "; } .btn-toolbar:after { clear: both; } .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-right: 8px; padding-left: 8px; } .btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle { padding-right: 12px; padding-left: 12px; } .btn-group.open .dropdown-toggle { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-group.open .dropdown-toggle.btn-link { box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret, .btn-group-lg > .btn .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after { display: table; content: " "; } .btn-group-vertical > .btn-group:after { clear: both; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { display: table-cell; float: none; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [data-toggle=buttons] > .btn input[type=radio], [data-toggle=buttons] > .btn input[type=checkbox], [data-toggle=buttons] > .btn-group > .btn input[type=radio], [data-toggle=buttons] > .btn-group > .btn input[type=checkbox] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*=col-] { float: none; padding-right: 0; padding-left: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group .form-control:focus { z-index: 3; } .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, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #555555; text-align: center; background-color: #eeeeee; border: 1px solid #ccc; border-radius: 4px; } .input-group-addon.input-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn { padding: 10px 16px; font-size: 18px; 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 > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; } .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav:before, .nav:after { display: table; content: " "; } .nav:after { clear: both; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } .nav > li.disabled > a { color: #777777; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #777777; text-decoration: none; cursor: not-allowed; background-color: transparent; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eeeeee; border-color: #337ab7; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.428571429; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #ddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 4px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color: #337ab7; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified, .nav-tabs.nav-justified { width: 100%; } .nav-justified > li, .nav-tabs.nav-justified > li { float: none; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li, .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified, .nav-tabs.nav-justified { border-bottom: 0; } .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #fff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } .navbar:before, .navbar:after { display: table; content: " "; } .navbar:after { clear: both; } @media (min-width: 768px) { .navbar { border-radius: 4px; } } .navbar-header:before, .navbar-header:after { display: table; content: " "; } .navbar-header:after { clear: both; } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } .navbar-collapse:before, .navbar-collapse:after { display: table; content: " "; } .navbar-collapse:after { clear: both; } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-right: 0; padding-left: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; } @media (max-device-width: 480px) and (orientation: landscape) { .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px; } } @media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0; } } .navbar-brand { float: left; height: 50px; padding: 15px 15px; font-size: 18px; line-height: 20px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-brand > img { display: block; } @media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-right: 15px; margin-top: 8px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } } .navbar-form { padding: 10px 15px; margin-right: -15px; margin-left: -15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); margin-top: 8px; margin-bottom: 8px; } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .form-control-static { display: inline-block; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { width: auto; } .navbar-form .input-group > .form-control { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .radio label, .navbar-form .checkbox label { padding-left: 0; } .navbar-form .radio input[type=radio], .navbar-form .checkbox input[type=checkbox] { position: relative; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } .navbar-form .form-group:last-child { margin-bottom: 0; } } @media (min-width: 768px) { .navbar-form { width: auto; padding-top: 0; padding-bottom: 0; margin-right: 0; margin-left: 0; border: 0; box-shadow: none; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn { margin-top: 10px; margin-bottom: 10px; } .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn { margin-top: 14px; margin-bottom: 14px; } .navbar-text { margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .navbar-text { float: left; margin-right: 15px; margin-left: 15px; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; margin-right: -15px; } .navbar-right ~ .navbar-right { margin-right: 0; } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .navbar-default .navbar-brand { color: #777; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav > li > a { color: #777; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #ccc; background-color: transparent; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #555; background-color: #e7e7e7; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent; } } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-default .btn-link { color: #777; } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #333; } .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus { color: #ccc; } .navbar-inverse { background-color: #222; border-color: #090909; } .navbar-inverse .navbar-brand { color: #9d9d9d; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-text { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background-color: #090909; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444; background-color: transparent; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { color: #fff; background-color: #090909; } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444; background-color: transparent; } } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-link { color: #9d9d9d; } .navbar-inverse .navbar-link:hover { color: #fff; } .navbar-inverse .btn-link { color: #9d9d9d; } .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { color: #fff; } .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus { color: #444; } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { padding: 0 5px; color: #ccc; content: "/ "; } .breadcrumb > .active { color: #777777; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.428571429; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus { z-index: 2; color: #23527c; background-color: #eeeeee; border-color: #ddd; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus { z-index: 3; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777777; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; } .pager:before, .pager:after { display: table; content: " "; } .pager:after { clear: both; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eeeeee; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #777777; cursor: not-allowed; background-color: #fff; } .label { display: inline; padding: 0.2em 0.6em 0.3em; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25em; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } a.label:hover, a.label:focus { color: #fff; text-decoration: none; cursor: pointer; } .label-default { background-color: #777777; } .label-default[href]:hover, .label-default[href]:focus { background-color: #5e5e5e; } .label-primary { background-color: #337ab7; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #286090; } .label-success { background-color: #5cb85c; } .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44; } .label-info { background-color: #5bc0de; } .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f; } .label-danger { background-color: #d9534f; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #777777; border-radius: 10px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-xs .badge, .btn-group-xs > .btn .badge { top: 0; padding: 1px 5px; } .list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #337ab7; background-color: #fff; } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } .nav-pills > li > a > .badge { margin-left: 3px; } a.badge:hover, a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } .jumbotron { padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; color: inherit; background-color: #eeeeee; } .jumbotron h1, .jumbotron .h1 { color: inherit; } .jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200; } .jumbotron > hr { border-top-color: #d5d5d5; } .container .jumbotron, .container-fluid .jumbotron { padding-right: 15px; padding-left: 15px; border-radius: 6px; } .jumbotron .container { max-width: 100%; } @media screen and (min-width: 768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .jumbotron, .container-fluid .jumbotron { padding-right: 60px; padding-left: 60px; } .jumbotron h1, .jumbotron .h1 { font-size: 63px; } } .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.428571429; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; transition: border 0.2s ease-in-out; } .thumbnail > img, .thumbnail a > img { display: block; max-width: 100%; height: auto; margin-right: auto; margin-left: auto; } .thumbnail .caption { padding: 9px; color: #333333; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #337ab7; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress-bar { float: left; width: 0%; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #337ab7; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); transition: width 0.6s ease; } .progress-striped .progress-bar, .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px; } .progress.active .progress-bar, .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar-success { background-color: #5cb85c; } .progress-striped .progress-bar-success { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-info { background-color: #5bc0de; } .progress-striped .progress-bar-info { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .progress-bar-warning { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-danger { background-color: #d9534f; } .progress-striped .progress-bar-danger { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media, .media-body { overflow: hidden; zoom: 1; } .media-body { width: 10000px; } .media-object { display: block; } .media-object.img-thumbnail { max-width: none; } .media-right, .media > .pull-right { padding-left: 10px; } .media-left, .media > .pull-left { padding-right: 10px; } .media-left, .media-right, .media-body { display: table-cell; vertical-align: top; } .media-middle { vertical-align: middle; } .media-bottom { vertical-align: bottom; } .media-heading { margin-top: 0; margin-bottom: 5px; } .media-list { padding-left: 0; list-style: none; } .list-group { padding-left: 0; margin-bottom: 20px; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .list-group-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { color: #777777; cursor: not-allowed; background-color: #eeeeee; } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text { color: #777777; } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; color: #fff; background-color: #337ab7; border-color: #337ab7; } .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > .small { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { color: #c7ddef; } a.list-group-item, button.list-group-item { color: #555; } a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:hover, a.list-group-item:focus, button.list-group-item:hover, button.list-group-item:focus { color: #555; text-decoration: none; background-color: #f5f5f5; } button.list-group-item { width: 100%; text-align: left; } .list-group-item-success { color: #3c763d; background-color: #dff0d8; } a.list-group-item-success, button.list-group-item-success { color: #3c763d; } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:hover, button.list-group-item-success:focus { color: #3c763d; background-color: #d0e9c6; } a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active, button.list-group-item-success.active:hover, button.list-group-item-success.active:focus { color: #fff; background-color: #3c763d; border-color: #3c763d; } .list-group-item-info { color: #31708f; background-color: #d9edf7; } a.list-group-item-info, button.list-group-item-info { color: #31708f; } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:hover, button.list-group-item-info:focus { color: #31708f; background-color: #c4e3f3; } a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active, button.list-group-item-info.active:hover, button.list-group-item-info.active:focus { color: #fff; background-color: #31708f; border-color: #31708f; } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } a.list-group-item-warning, button.list-group-item-warning { color: #8a6d3b; } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:hover, button.list-group-item-warning:focus { color: #8a6d3b; background-color: #faf2cc; } a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active, button.list-group-item-warning.active:hover, button.list-group-item-warning.active:focus { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } .list-group-item-danger { color: #a94442; background-color: #f2dede; } a.list-group-item-danger, button.list-group-item-danger { color: #a94442; } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:hover, button.list-group-item-danger:focus { color: #a94442; background-color: #ebcccc; } a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active, button.list-group-item-danger.active:hover, button.list-group-item-danger.active:focus { color: #fff; background-color: #a94442; border-color: #a94442; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-body { padding: 15px; } .panel-body:before, .panel-body:after { display: table; content: " "; } .panel-body:after { clear: both; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .list-group, .panel > .panel-collapse > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .list-group + .panel-footer { border-top-width: 0; } .panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { margin-bottom: 0; } .panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption { padding-right: 15px; padding-left: 15px; } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 3px; } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body { border-top: 1px solid #ddd; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .panel > .table-responsive { margin-bottom: 0; border: 0; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid #ddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { color: #333333; background-color: #f5f5f5; border-color: #ddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; } .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #333333; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; } .panel-primary { border-color: #337ab7; } .panel-primary > .panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #337ab7; } .panel-primary > .panel-heading .badge { color: #337ab7; background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #337ab7; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-heading .badge { color: #d9edf7; background-color: #31708f; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-heading .badge { color: #f2dede; background-color: #a94442; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-lg { padding: 24px; border-radius: 6px; } .well-sm { padding: 9px; border-radius: 3px; } .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: 0.2; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: 0.5; } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { transform: translate(0, -25%); transition: transform 0.3s ease-out; } .modal.in .modal-dialog { transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; } .modal-backdrop.in { filter: alpha(opacity=50); opacity: 0.5; } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header:before, .modal-header:after { display: table; content: " "; } .modal-header:after { clear: both; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.428571429; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer:before, .modal-footer:after { display: table; content: " "; } .modal-footer:after { clear: both; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1.428571429; line-break: auto; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; font-size: 12px; filter: alpha(opacity=0); opacity: 0; } .tooltip.in { filter: alpha(opacity=90); opacity: 0.9; } .tooltip.top { padding: 5px 0; margin-top: -3px; } .tooltip.right { padding: 0 5px; margin-left: 3px; } .tooltip.bottom { padding: 5px 0; margin-top: 3px; } .tooltip.left { padding: 0 5px; margin-left: -3px; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { right: 5px; bottom: 0; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1.428571429; line-break: auto; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; font-size: 14px; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover > .arrow { border-width: 11px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow:after { content: ""; border-width: 10px; } .popover.top > .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); border-bottom-width: 0; } .popover.top > .arrow:after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: #fff; border-bottom-width: 0; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999999; border-right-color: rgba(0, 0, 0, 0.25); border-left-width: 0; } .popover.right > .arrow:after { bottom: -10px; left: 1px; content: " "; border-right-color: #fff; border-left-width: 0; } .popover.bottom > .arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); } .popover.bottom > .arrow:after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999999; border-left-color: rgba(0, 0, 0, 0.25); } .popover.left > .arrow:after { right: 1px; bottom: -10px; content: " "; border-right-width: 0; border-left-color: #fff; } .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner > .item { position: relative; display: none; transition: 0.6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { transition: transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; perspective: 1000px; } .carousel-inner > .item.next, .carousel-inner > .item.active.right { transform: translate3d(100%, 0, 0); left: 0; } .carousel-inner > .item.prev, .carousel-inner > .item.active.left { transform: translate3d(-100%, 0, 0); left: 0; } .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { transform: translate3d(0, 0, 0); left: 0; } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); background-color: rgba(0, 0, 0, 0); filter: alpha(opacity=50); opacity: 0.5; } .carousel-control.left { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000", endColorstr="#00000000", GradientType=1); background-repeat: repeat-x; } .carousel-control.right { right: 0; left: auto; background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#80000000", GradientType=1); background-repeat: repeat-x; } .carousel-control:hover, .carousel-control:focus { color: #fff; text-decoration: none; outline: 0; filter: alpha(opacity=90); opacity: 0.9; } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -10px; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; font-family: serif; line-height: 1; } .carousel-control .icon-prev:before { content: "‹"; } .carousel-control .icon-next:before { content: "›"; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000 \9 ; background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 10px; } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -10px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -10px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -10px; } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .clearfix:before, .clearfix:after { display: table; content: " "; } .clearfix:after { clear: both; } .center-block { display: block; margin-right: auto; margin-left: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs { display: none !important; } .visible-sm { display: none !important; } .visible-md { display: none !important; } .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } .swal2-popup.swal2-toast { flex-direction: row; align-items: center; width: auto; padding: 0.625em; overflow-y: hidden; box-shadow: 0 0 0.625em #d9d9d9; } .swal2-popup.swal2-toast .swal2-header { flex-direction: row; } .swal2-popup.swal2-toast .swal2-title { flex-grow: 1; justify-content: flex-start; margin: 0 0.6em; font-size: 1em; } .swal2-popup.swal2-toast .swal2-footer { margin: 0.5em 0 0; padding: 0.5em 0 0; font-size: 0.8em; } .swal2-popup.swal2-toast .swal2-close { position: static; width: 0.8em; height: 0.8em; line-height: 0.8; } .swal2-popup.swal2-toast .swal2-content { justify-content: flex-start; font-size: 1em; } .swal2-popup.swal2-toast .swal2-icon { width: 2em; min-width: 2em; height: 2em; margin: 0; } .swal2-popup.swal2-toast .swal2-icon::before { display: flex; align-items: center; font-size: 2em; font-weight: bold; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .swal2-popup.swal2-toast .swal2-icon::before { font-size: 0.25em; } } .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring { width: 2em; height: 2em; } .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] { top: 0.875em; width: 1.375em; } .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] { left: 0.3125em; } .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] { right: 0.3125em; } .swal2-popup.swal2-toast .swal2-actions { flex-basis: auto !important; width: auto; height: auto; margin: 0 0.3125em; } .swal2-popup.swal2-toast .swal2-styled { margin: 0 0.3125em; padding: 0.3125em 0.625em; font-size: 1em; } .swal2-popup.swal2-toast .swal2-styled:focus { box-shadow: 0 0 0 0.0625em #fff, 0 0 0 0.125em rgba(50, 100, 150, 0.4); } .swal2-popup.swal2-toast .swal2-success { border-color: #a5dc86; } .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] { position: absolute; width: 1.6em; height: 3em; transform: rotate(45deg); border-radius: 50%; } .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] { top: -0.8em; left: -0.5em; transform: rotate(-45deg); transform-origin: 2em 2em; border-radius: 4em 0 0 4em; } .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] { top: -0.25em; left: 0.9375em; transform-origin: 0 1.5em; border-radius: 0 4em 4em 0; } .swal2-popup.swal2-toast .swal2-success .swal2-success-ring { width: 2em; height: 2em; } .swal2-popup.swal2-toast .swal2-success .swal2-success-fix { top: 0; left: 0.4375em; width: 0.4375em; height: 2.6875em; } .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] { height: 0.3125em; } .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] { top: 1.125em; left: 0.1875em; width: 0.75em; } .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] { top: 0.9375em; right: 0.1875em; width: 1.375em; } .swal2-popup.swal2-toast.swal2-show { -webkit-animation: swal2-toast-show 0.5s; animation: swal2-toast-show 0.5s; } .swal2-popup.swal2-toast.swal2-hide { -webkit-animation: swal2-toast-hide 0.1s forwards; animation: swal2-toast-hide 0.1s forwards; } .swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-tip { -webkit-animation: swal2-toast-animate-success-line-tip 0.75s; animation: swal2-toast-animate-success-line-tip 0.75s; } .swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-long { -webkit-animation: swal2-toast-animate-success-line-long 0.75s; animation: swal2-toast-animate-success-line-long 0.75s; } .swal2-container { display: flex; position: fixed; z-index: 1060; top: 0; right: 0; bottom: 0; left: 0; flex-direction: row; align-items: center; justify-content: center; padding: 0.625em; overflow-x: hidden; transition: background-color 0.1s; background-color: transparent; -webkit-overflow-scrolling: touch; } .swal2-container.swal2-top { align-items: flex-start; } .swal2-container.swal2-top-start, .swal2-container.swal2-top-left { align-items: flex-start; justify-content: flex-start; } .swal2-container.swal2-top-end, .swal2-container.swal2-top-right { align-items: flex-start; justify-content: flex-end; } .swal2-container.swal2-center { align-items: center; } .swal2-container.swal2-center-start, .swal2-container.swal2-center-left { align-items: center; justify-content: flex-start; } .swal2-container.swal2-center-end, .swal2-container.swal2-center-right { align-items: center; justify-content: flex-end; } .swal2-container.swal2-bottom { align-items: flex-end; } .swal2-container.swal2-bottom-start, .swal2-container.swal2-bottom-left { align-items: flex-end; justify-content: flex-start; } .swal2-container.swal2-bottom-end, .swal2-container.swal2-bottom-right { align-items: flex-end; justify-content: flex-end; } .swal2-container.swal2-bottom > :first-child, .swal2-container.swal2-bottom-start > :first-child, .swal2-container.swal2-bottom-left > :first-child, .swal2-container.swal2-bottom-end > :first-child, .swal2-container.swal2-bottom-right > :first-child { margin-top: auto; } .swal2-container.swal2-grow-fullscreen > .swal2-modal { display: flex !important; flex: 1; align-self: stretch; justify-content: center; } .swal2-container.swal2-grow-row > .swal2-modal { display: flex !important; flex: 1; align-content: center; justify-content: center; } .swal2-container.swal2-grow-column { flex: 1; flex-direction: column; } .swal2-container.swal2-grow-column.swal2-top, .swal2-container.swal2-grow-column.swal2-center, .swal2-container.swal2-grow-column.swal2-bottom { align-items: center; } .swal2-container.swal2-grow-column.swal2-top-start, .swal2-container.swal2-grow-column.swal2-center-start, .swal2-container.swal2-grow-column.swal2-bottom-start, .swal2-container.swal2-grow-column.swal2-top-left, .swal2-container.swal2-grow-column.swal2-center-left, .swal2-container.swal2-grow-column.swal2-bottom-left { align-items: flex-start; } .swal2-container.swal2-grow-column.swal2-top-end, .swal2-container.swal2-grow-column.swal2-center-end, .swal2-container.swal2-grow-column.swal2-bottom-end, .swal2-container.swal2-grow-column.swal2-top-right, .swal2-container.swal2-grow-column.swal2-center-right, .swal2-container.swal2-grow-column.swal2-bottom-right { align-items: flex-end; } .swal2-container.swal2-grow-column > .swal2-modal { display: flex !important; flex: 1; align-content: center; justify-content: center; } .swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen) > .swal2-modal { margin: auto; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .swal2-container .swal2-modal { margin: 0 !important; } } .swal2-container.swal2-shown { background-color: rgba(0, 0, 0, 0.4); } .swal2-popup { display: none; position: relative; box-sizing: border-box; flex-direction: column; justify-content: center; width: 32em; max-width: 100%; padding: 1.25em; border: none; border-radius: 0.3125em; background: #fff; font-family: inherit; font-size: 1rem; } .swal2-popup:focus { outline: none; } .swal2-popup.swal2-loading { overflow-y: hidden; } .swal2-header { display: flex; flex-direction: column; align-items: center; } .swal2-title { position: relative; max-width: 100%; margin: 0 0 0.4em; padding: 0; color: #595959; font-size: 1.875em; font-weight: 600; text-align: center; text-transform: none; word-wrap: break-word; } .swal2-actions { display: flex; z-index: 1; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; margin: 1.25em auto 0; } .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] { opacity: 0.4; } .swal2-actions:not(.swal2-loading) .swal2-styled:hover { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); } .swal2-actions:not(.swal2-loading) .swal2-styled:active { background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); } .swal2-actions.swal2-loading .swal2-styled.swal2-confirm { box-sizing: border-box; width: 2.5em; height: 2.5em; margin: 0.46875em; padding: 0; -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal; animation: swal2-rotate-loading 1.5s linear 0s infinite normal; border: 0.25em solid transparent; border-radius: 100%; border-color: transparent; background-color: transparent !important; color: transparent; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .swal2-actions.swal2-loading .swal2-styled.swal2-cancel { margin-right: 30px; margin-left: 30px; } .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after { content: ""; display: inline-block; width: 15px; height: 15px; margin-left: 5px; -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal; animation: swal2-rotate-loading 1.5s linear 0s infinite normal; border: 3px solid #999999; border-radius: 50%; border-right-color: transparent; box-shadow: 1px 1px 1px #fff; } .swal2-styled { margin: 0.3125em; padding: 0.625em 2em; box-shadow: none; font-weight: 500; } .swal2-styled:not([disabled]) { cursor: pointer; } .swal2-styled.swal2-confirm { border: 0; border-radius: 0.25em; background: initial; background-color: #3085d6; color: #fff; font-size: 1.0625em; } .swal2-styled.swal2-cancel { border: 0; border-radius: 0.25em; background: initial; background-color: #aaa; color: #fff; font-size: 1.0625em; } .swal2-styled:focus { outline: none; box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(50, 100, 150, 0.4); } .swal2-styled::-moz-focus-inner { border: 0; } .swal2-footer { justify-content: center; margin: 1.25em 0 0; padding: 1em 0 0; border-top: 1px solid #eee; color: #545454; font-size: 1em; } .swal2-image { max-width: 100%; margin: 1.25em auto; } .swal2-close { position: absolute; z-index: 2; /* 1617 */ top: 0; right: 0; justify-content: center; width: 1.2em; height: 1.2em; padding: 0; overflow: hidden; transition: color 0.1s ease-out; border: none; border-radius: 0; outline: initial; background: transparent; color: #cccccc; font-family: serif; font-size: 2.5em; line-height: 1.2; cursor: pointer; } .swal2-close:hover { transform: none; background: transparent; color: #f27474; } .swal2-content { z-index: 1; justify-content: center; margin: 0; padding: 0; color: #545454; font-size: 1.125em; font-weight: normal; line-height: normal; text-align: center; word-wrap: break-word; } .swal2-input, .swal2-file, .swal2-textarea, .swal2-select, .swal2-radio, .swal2-checkbox { margin: 1em auto; } .swal2-input, .swal2-file, .swal2-textarea { box-sizing: border-box; width: 100%; transition: border-color 0.3s, box-shadow 0.3s; border: 1px solid #d9d9d9; border-radius: 0.1875em; background: inherit; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06); color: inherit; font-size: 1.125em; } .swal2-input.swal2-inputerror, .swal2-file.swal2-inputerror, .swal2-textarea.swal2-inputerror { border-color: #f27474 !important; box-shadow: 0 0 2px #f27474 !important; } .swal2-input:focus, .swal2-file:focus, .swal2-textarea:focus { border: 1px solid #b4dbed; outline: none; box-shadow: 0 0 3px #c4e6f5; } .swal2-input::-moz-placeholder, .swal2-file::-moz-placeholder, .swal2-textarea::-moz-placeholder { color: #cccccc; } .swal2-input:-ms-input-placeholder, .swal2-file:-ms-input-placeholder, .swal2-textarea:-ms-input-placeholder { color: #cccccc; } .swal2-input::placeholder, .swal2-file::placeholder, .swal2-textarea::placeholder { color: #cccccc; } .swal2-range { margin: 1em auto; background: inherit; } .swal2-range input { width: 80%; } .swal2-range output { width: 20%; color: inherit; font-weight: 600; text-align: center; } .swal2-range input, .swal2-range output { height: 2.625em; padding: 0; font-size: 1.125em; line-height: 2.625em; } .swal2-input { height: 2.625em; padding: 0 0.75em; } .swal2-input[type=number] { max-width: 10em; } .swal2-file { background: inherit; font-size: 1.125em; } .swal2-textarea { height: 6.75em; padding: 0.75em; } .swal2-select { min-width: 50%; max-width: 100%; padding: 0.375em 0.625em; background: inherit; color: inherit; font-size: 1.125em; } .swal2-radio, .swal2-checkbox { align-items: center; justify-content: center; background: inherit; color: inherit; } .swal2-radio label, .swal2-checkbox label { margin: 0 0.6em; font-size: 1.125em; } .swal2-radio input, .swal2-checkbox input { margin: 0 0.4em; } .swal2-validation-message { display: none; align-items: center; justify-content: center; padding: 0.625em; overflow: hidden; background: #f0f0f0; color: #666666; font-size: 1em; font-weight: 300; } .swal2-validation-message::before { content: "!"; display: inline-block; width: 1.5em; min-width: 1.5em; height: 1.5em; margin: 0 0.625em; border-radius: 50%; background-color: #f27474; color: #fff; font-weight: 600; line-height: 1.5em; text-align: center; } .swal2-icon { position: relative; box-sizing: content-box; justify-content: center; width: 5em; height: 5em; margin: 1.25em auto 1.875em; border: 0.25em solid transparent; border-radius: 50%; font-family: inherit; line-height: 5em; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .swal2-icon::before { display: flex; align-items: center; height: 92%; font-size: 3.75em; } .swal2-icon.swal2-error { border-color: #f27474; } .swal2-icon.swal2-error .swal2-x-mark { position: relative; flex-grow: 1; } .swal2-icon.swal2-error [class^=swal2-x-mark-line] { display: block; position: absolute; top: 2.3125em; width: 2.9375em; height: 0.3125em; border-radius: 0.125em; background-color: #f27474; } .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] { left: 1.0625em; transform: rotate(45deg); } .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] { right: 1em; transform: rotate(-45deg); } .swal2-icon.swal2-warning { border-color: #facea8; color: #f8bb86; } .swal2-icon.swal2-warning::before { content: "!"; } .swal2-icon.swal2-info { border-color: #9de0f6; color: #3fc3ee; } .swal2-icon.swal2-info::before { content: "i"; } .swal2-icon.swal2-question { border-color: #c9dae1; color: #87adbd; } .swal2-icon.swal2-question::before { content: "?"; } .swal2-icon.swal2-question.swal2-arabic-question-mark::before { content: "؟"; } .swal2-icon.swal2-success { border-color: #a5dc86; } .swal2-icon.swal2-success [class^=swal2-success-circular-line] { position: absolute; width: 3.75em; height: 7.5em; transform: rotate(45deg); border-radius: 50%; } .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] { top: -0.4375em; left: -2.0635em; transform: rotate(-45deg); transform-origin: 3.75em 3.75em; border-radius: 7.5em 0 0 7.5em; } .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] { top: -0.6875em; left: 1.875em; transform: rotate(-45deg); transform-origin: 0 3.75em; border-radius: 0 7.5em 7.5em 0; } .swal2-icon.swal2-success .swal2-success-ring { position: absolute; z-index: 2; top: -0.25em; left: -0.25em; box-sizing: content-box; width: 100%; height: 100%; border: 0.25em solid rgba(165, 220, 134, 0.3); border-radius: 50%; } .swal2-icon.swal2-success .swal2-success-fix { position: absolute; z-index: 1; top: 0.5em; left: 1.625em; width: 0.4375em; height: 5.625em; transform: rotate(-45deg); } .swal2-icon.swal2-success [class^=swal2-success-line] { display: block; position: absolute; z-index: 2; height: 0.3125em; border-radius: 0.125em; background-color: #a5dc86; } .swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] { top: 2.875em; left: 0.875em; width: 1.5625em; transform: rotate(45deg); } .swal2-icon.swal2-success [class^=swal2-success-line][class$=long] { top: 2.375em; right: 0.5em; width: 2.9375em; transform: rotate(-45deg); } .swal2-progress-steps { align-items: center; margin: 0 0 1.25em; padding: 0; background: inherit; font-weight: 600; } .swal2-progress-steps li { display: inline-block; position: relative; } .swal2-progress-steps .swal2-progress-step { z-index: 20; width: 2em; height: 2em; border-radius: 2em; background: #3085d6; color: #fff; line-height: 2em; text-align: center; } .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step { background: #3085d6; } .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step { background: #add8e6; color: #fff; } .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line { background: #add8e6; } .swal2-progress-steps .swal2-progress-step-line { z-index: 10; width: 2.5em; height: 0.4em; margin: 0 -1px; background: #3085d6; } [class^=swal2] { -webkit-tap-highlight-color: transparent; } .swal2-show { -webkit-animation: swal2-show 0.3s; animation: swal2-show 0.3s; } .swal2-show.swal2-noanimation { -webkit-animation: none; animation: none; } .swal2-hide { -webkit-animation: swal2-hide 0.15s forwards; animation: swal2-hide 0.15s forwards; } .swal2-hide.swal2-noanimation { -webkit-animation: none; animation: none; } .swal2-rtl .swal2-close { right: auto; left: 0; } .swal2-animate-success-icon .swal2-success-line-tip { -webkit-animation: swal2-animate-success-line-tip 0.75s; animation: swal2-animate-success-line-tip 0.75s; } .swal2-animate-success-icon .swal2-success-line-long { -webkit-animation: swal2-animate-success-line-long 0.75s; animation: swal2-animate-success-line-long 0.75s; } .swal2-animate-success-icon .swal2-success-circular-line-right { -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in; animation: swal2-rotate-success-circular-line 4.25s ease-in; } .swal2-animate-error-icon { -webkit-animation: swal2-animate-error-icon 0.5s; animation: swal2-animate-error-icon 0.5s; } .swal2-animate-error-icon .swal2-x-mark { -webkit-animation: swal2-animate-error-x-mark 0.5s; animation: swal2-animate-error-x-mark 0.5s; } @supports (-ms-accelerator: true) { .swal2-range input { width: 100% !important; } .swal2-range output { display: none; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .swal2-range input { width: 100% !important; } .swal2-range output { display: none; } } @-moz-document url-prefix() { .swal2-close:focus { outline: 2px solid rgba(50, 100, 150, 0.4); } } @-webkit-keyframes swal2-toast-show { 0% { transform: translateY(-0.625em) rotateZ(2deg); } 33% { transform: translateY(0) rotateZ(-2deg); } 66% { transform: translateY(0.3125em) rotateZ(2deg); } 100% { transform: translateY(0) rotateZ(0deg); } } @keyframes swal2-toast-show { 0% { transform: translateY(-0.625em) rotateZ(2deg); } 33% { transform: translateY(0) rotateZ(-2deg); } 66% { transform: translateY(0.3125em) rotateZ(2deg); } 100% { transform: translateY(0) rotateZ(0deg); } } @-webkit-keyframes swal2-toast-hide { 100% { transform: rotateZ(1deg); opacity: 0; } } @keyframes swal2-toast-hide { 100% { transform: rotateZ(1deg); opacity: 0; } } @-webkit-keyframes swal2-toast-animate-success-line-tip { 0% { top: 0.5625em; left: 0.0625em; width: 0; } 54% { top: 0.125em; left: 0.125em; width: 0; } 70% { top: 0.625em; left: -0.25em; width: 1.625em; } 84% { top: 1.0625em; left: 0.75em; width: 0.5em; } 100% { top: 1.125em; left: 0.1875em; width: 0.75em; } } @keyframes swal2-toast-animate-success-line-tip { 0% { top: 0.5625em; left: 0.0625em; width: 0; } 54% { top: 0.125em; left: 0.125em; width: 0; } 70% { top: 0.625em; left: -0.25em; width: 1.625em; } 84% { top: 1.0625em; left: 0.75em; width: 0.5em; } 100% { top: 1.125em; left: 0.1875em; width: 0.75em; } } @-webkit-keyframes swal2-toast-animate-success-line-long { 0% { top: 1.625em; right: 1.375em; width: 0; } 65% { top: 1.25em; right: 0.9375em; width: 0; } 84% { top: 0.9375em; right: 0; width: 1.125em; } 100% { top: 0.9375em; right: 0.1875em; width: 1.375em; } } @keyframes swal2-toast-animate-success-line-long { 0% { top: 1.625em; right: 1.375em; width: 0; } 65% { top: 1.25em; right: 0.9375em; width: 0; } 84% { top: 0.9375em; right: 0; width: 1.125em; } 100% { top: 0.9375em; right: 0.1875em; width: 1.375em; } } @-webkit-keyframes swal2-show { 0% { transform: scale(0.7); } 45% { transform: scale(1.05); } 80% { transform: scale(0.95); } 100% { transform: scale(1); } } @keyframes swal2-show { 0% { transform: scale(0.7); } 45% { transform: scale(1.05); } 80% { transform: scale(0.95); } 100% { transform: scale(1); } } @-webkit-keyframes swal2-hide { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.5); opacity: 0; } } @keyframes swal2-hide { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.5); opacity: 0; } } @-webkit-keyframes swal2-animate-success-line-tip { 0% { top: 1.1875em; left: 0.0625em; width: 0; } 54% { top: 1.0625em; left: 0.125em; width: 0; } 70% { top: 2.1875em; left: -0.375em; width: 3.125em; } 84% { top: 3em; left: 1.3125em; width: 1.0625em; } 100% { top: 2.8125em; left: 0.875em; width: 1.5625em; } } @keyframes swal2-animate-success-line-tip { 0% { top: 1.1875em; left: 0.0625em; width: 0; } 54% { top: 1.0625em; left: 0.125em; width: 0; } 70% { top: 2.1875em; left: -0.375em; width: 3.125em; } 84% { top: 3em; left: 1.3125em; width: 1.0625em; } 100% { top: 2.8125em; left: 0.875em; width: 1.5625em; } } @-webkit-keyframes swal2-animate-success-line-long { 0% { top: 3.375em; right: 2.875em; width: 0; } 65% { top: 3.375em; right: 2.875em; width: 0; } 84% { top: 2.1875em; right: 0; width: 3.4375em; } 100% { top: 2.375em; right: 0.5em; width: 2.9375em; } } @keyframes swal2-animate-success-line-long { 0% { top: 3.375em; right: 2.875em; width: 0; } 65% { top: 3.375em; right: 2.875em; width: 0; } 84% { top: 2.1875em; right: 0; width: 3.4375em; } 100% { top: 2.375em; right: 0.5em; width: 2.9375em; } } @-webkit-keyframes swal2-rotate-success-circular-line { 0% { transform: rotate(-45deg); } 5% { transform: rotate(-45deg); } 12% { transform: rotate(-405deg); } 100% { transform: rotate(-405deg); } } @keyframes swal2-rotate-success-circular-line { 0% { transform: rotate(-45deg); } 5% { transform: rotate(-45deg); } 12% { transform: rotate(-405deg); } 100% { transform: rotate(-405deg); } } @-webkit-keyframes swal2-animate-error-x-mark { 0% { margin-top: 1.625em; transform: scale(0.4); opacity: 0; } 50% { margin-top: 1.625em; transform: scale(0.4); opacity: 0; } 80% { margin-top: -0.375em; transform: scale(1.15); } 100% { margin-top: 0; transform: scale(1); opacity: 1; } } @keyframes swal2-animate-error-x-mark { 0% { margin-top: 1.625em; transform: scale(0.4); opacity: 0; } 50% { margin-top: 1.625em; transform: scale(0.4); opacity: 0; } 80% { margin-top: -0.375em; transform: scale(1.15); } 100% { margin-top: 0; transform: scale(1); opacity: 1; } } @-webkit-keyframes swal2-animate-error-icon { 0% { transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); opacity: 1; } } @keyframes swal2-animate-error-icon { 0% { transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); opacity: 1; } } @-webkit-keyframes swal2-rotate-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes swal2-rotate-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { overflow: hidden; } body.swal2-height-auto { height: auto !important; } body.swal2-no-backdrop .swal2-shown { top: auto; right: auto; bottom: auto; left: auto; max-width: calc(100% - 0.625em * 2); background-color: transparent; } body.swal2-no-backdrop .swal2-shown > .swal2-modal { box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); } body.swal2-no-backdrop .swal2-shown.swal2-top { top: 0; left: 50%; transform: translateX(-50%); } body.swal2-no-backdrop .swal2-shown.swal2-top-start, body.swal2-no-backdrop .swal2-shown.swal2-top-left { top: 0; left: 0; } body.swal2-no-backdrop .swal2-shown.swal2-top-end, body.swal2-no-backdrop .swal2-shown.swal2-top-right { top: 0; right: 0; } body.swal2-no-backdrop .swal2-shown.swal2-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } body.swal2-no-backdrop .swal2-shown.swal2-center-start, body.swal2-no-backdrop .swal2-shown.swal2-center-left { top: 50%; left: 0; transform: translateY(-50%); } body.swal2-no-backdrop .swal2-shown.swal2-center-end, body.swal2-no-backdrop .swal2-shown.swal2-center-right { top: 50%; right: 0; transform: translateY(-50%); } body.swal2-no-backdrop .swal2-shown.swal2-bottom { bottom: 0; left: 50%; transform: translateX(-50%); } body.swal2-no-backdrop .swal2-shown.swal2-bottom-start, body.swal2-no-backdrop .swal2-shown.swal2-bottom-left { bottom: 0; left: 0; } body.swal2-no-backdrop .swal2-shown.swal2-bottom-end, body.swal2-no-backdrop .swal2-shown.swal2-bottom-right { right: 0; bottom: 0; } @media print { body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { overflow-y: scroll !important; } body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden=true] { display: none; } body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container { position: static !important; } } body.swal2-toast-shown .swal2-container { background-color: transparent; } body.swal2-toast-shown .swal2-container.swal2-shown { background-color: transparent; } body.swal2-toast-shown .swal2-container.swal2-top { top: 0; right: auto; bottom: auto; left: 50%; transform: translateX(-50%); } body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right { top: 0; right: 0; bottom: auto; left: auto; } body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left { top: 0; right: auto; bottom: auto; left: 0; } body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left { top: 50%; right: auto; bottom: auto; left: 0; transform: translateY(-50%); } body.swal2-toast-shown .swal2-container.swal2-center { top: 50%; right: auto; bottom: auto; left: 50%; transform: translate(-50%, -50%); } body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right { top: 50%; right: 0; bottom: auto; left: auto; transform: translateY(-50%); } body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left { top: auto; right: auto; bottom: 0; left: 0; } body.swal2-toast-shown .swal2-container.swal2-bottom { top: auto; right: auto; bottom: 0; left: 50%; transform: translateX(-50%); } body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right { top: auto; right: 0; bottom: 0; left: auto; } body.swal2-toast-column .swal2-toast { flex-direction: column; align-items: stretch; } body.swal2-toast-column .swal2-toast .swal2-actions { flex: 1; align-self: stretch; height: 2.2em; margin-top: 0.3125em; } body.swal2-toast-column .swal2-toast .swal2-loading { justify-content: center; } body.swal2-toast-column .swal2-toast .swal2-input { height: 2em; margin: 0.3125em auto; font-size: 1em; } body.swal2-toast-column .swal2-toast .swal2-validation-message { font-size: 1em; } @-webkit-keyframes bs-notify-fadeOut { 0% { opacity: 0.9; } 100% { opacity: 0; } } @keyframes bs-notify-fadeOut { 0% { opacity: 0.9; } 100% { opacity: 0; } } select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.selectpicker { display: none !important; } .bootstrap-select { width: 220px \0 ; /*IE9 and below*/ vertical-align: middle; } .bootstrap-select > .dropdown-toggle { position: relative; width: 100%; text-align: right; white-space: nowrap; display: inline-flex; align-items: center; justify-content: space-between; } .bootstrap-select > .dropdown-toggle:after { margin-top: -1px; } .bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active { color: #999; } .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active { color: rgba(255, 255, 255, 0.5); } .bootstrap-select > select { position: absolute !important; bottom: 0; left: 50%; display: block !important; width: 0.5px !important; height: 100% !important; padding: 0 !important; opacity: 0 !important; border: none; z-index: 0 !important; } .bootstrap-select > select.mobile-device { top: 0; left: 0; display: block !important; width: 100% !important; z-index: 2 !important; } .has-error .bootstrap-select .dropdown-toggle, .error .bootstrap-select .dropdown-toggle, .bootstrap-select.is-invalid .dropdown-toggle, .was-validated .bootstrap-select select:invalid + .dropdown-toggle { border-color: #b94a48; } .bootstrap-select.is-valid .dropdown-toggle, .was-validated .bootstrap-select select:valid + .dropdown-toggle { border-color: #28a745; } .bootstrap-select.fit-width { width: auto !important; } .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 220px; } .bootstrap-select > select.mobile-device:focus + .dropdown-toggle, .bootstrap-select .dropdown-toggle:focus { outline: thin dotted #333333 !important; outline: 5px auto -webkit-focus-ring-color !important; outline-offset: -2px; } .bootstrap-select.form-control { margin-bottom: 0; padding: 0; border: none; height: auto; } :not(.input-group) > .bootstrap-select.form-control:not([class*=col-]) { width: 100%; } .bootstrap-select.form-control.input-group-btn { float: none; z-index: auto; } .form-inline .bootstrap-select, .form-inline .bootstrap-select.form-control:not([class*=col-]) { width: auto; } .bootstrap-select:not(.input-group-btn), .bootstrap-select[class*=col-] { float: none; display: inline-block; margin-left: 0; } .bootstrap-select.dropdown-menu-right, .bootstrap-select[class*=col-].dropdown-menu-right, .row .bootstrap-select[class*=col-].dropdown-menu-right { float: right; } .form-inline .bootstrap-select, .form-horizontal .bootstrap-select, .form-group .bootstrap-select { margin-bottom: 0; } .form-group-lg .bootstrap-select.form-control, .form-group-sm .bootstrap-select.form-control { padding: 0; } .form-group-lg .bootstrap-select.form-control .dropdown-toggle, .form-group-sm .bootstrap-select.form-control .dropdown-toggle { height: 100%; font-size: inherit; line-height: inherit; border-radius: inherit; } .bootstrap-select.form-control-sm .dropdown-toggle, .bootstrap-select.form-control-lg .dropdown-toggle { font-size: inherit; line-height: inherit; border-radius: inherit; } .bootstrap-select.form-control-sm .dropdown-toggle { padding: 0.25rem 0.5rem; } .bootstrap-select.form-control-lg .dropdown-toggle { padding: 0.5rem 1rem; } .form-inline .bootstrap-select .form-control { width: 100%; } .bootstrap-select.disabled, .bootstrap-select > .disabled { cursor: not-allowed; } .bootstrap-select.disabled:focus, .bootstrap-select > .disabled:focus { outline: none !important; } .bootstrap-select.bs-container { position: absolute; top: 0; left: 0; height: 0 !important; padding: 0 !important; } .bootstrap-select.bs-container .dropdown-menu { z-index: 1060; } .bootstrap-select .dropdown-toggle .filter-option { position: static; top: 0; left: 0; float: left; height: 100%; width: 100%; text-align: left; overflow: hidden; flex: 0 1 auto; } .bs3.bootstrap-select .dropdown-toggle .filter-option { padding-right: inherit; } .input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option { position: absolute; padding-top: inherit; padding-bottom: inherit; padding-left: inherit; float: none; } .input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner { padding-right: inherit; } .bootstrap-select .dropdown-toggle .filter-option-inner-inner { overflow: hidden; } .bootstrap-select .dropdown-toggle .filter-expand { width: 0 !important; float: left; opacity: 0 !important; overflow: hidden; } .bootstrap-select .dropdown-toggle .caret { position: absolute; top: 50%; right: 12px; margin-top: -2px; vertical-align: middle; } .input-group .bootstrap-select.form-control .dropdown-toggle { border-radius: inherit; } .bootstrap-select[class*=col-] .dropdown-toggle { width: 100%; } .bootstrap-select .dropdown-menu { min-width: 100%; box-sizing: border-box; } .bootstrap-select .dropdown-menu > .inner:focus { outline: none !important; } .bootstrap-select .dropdown-menu.inner { position: static; float: none; border: 0; padding: 0; margin: 0; border-radius: 0; box-shadow: none; } .bootstrap-select .dropdown-menu li { position: relative; } .bootstrap-select .dropdown-menu li.active small { color: rgba(255, 255, 255, 0.5) !important; } .bootstrap-select .dropdown-menu li.disabled a { cursor: not-allowed; } .bootstrap-select .dropdown-menu li a { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .bootstrap-select .dropdown-menu li a.opt { position: relative; padding-left: 2.25em; } .bootstrap-select .dropdown-menu li a span.check-mark { display: none; } .bootstrap-select .dropdown-menu li a span.text { display: inline-block; } .bootstrap-select .dropdown-menu li small { padding-left: 0.5em; } .bootstrap-select .dropdown-menu .notify { position: absolute; bottom: 5px; width: 96%; margin: 0 2%; min-height: 26px; padding: 3px 5px; background: whitesmoke; border: 1px solid #e3e3e3; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); pointer-events: none; opacity: 0.9; box-sizing: border-box; } .bootstrap-select .dropdown-menu .notify.fadeOut { -webkit-animation: 300ms linear 750ms forwards bs-notify-fadeOut; animation: 300ms linear 750ms forwards bs-notify-fadeOut; } .bootstrap-select .no-results { padding: 3px; background: #f5f5f5; margin: 0 5px; white-space: nowrap; } .bootstrap-select.fit-width .dropdown-toggle .filter-option { position: static; display: inline; padding: 0; } .bootstrap-select.fit-width .dropdown-toggle .filter-option-inner, .bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner { display: inline; } .bootstrap-select.fit-width .dropdown-toggle .bs-caret:before { content: " "; } .bootstrap-select.fit-width .dropdown-toggle .caret { position: static; top: auto; margin-top: -1px; } .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark { position: absolute; display: inline-block; right: 15px; top: 5px; } .bootstrap-select.show-tick .dropdown-menu li a span.text { margin-right: 34px; } .bootstrap-select .bs-ok-default:after { content: ""; display: block; width: 0.5em; height: 1em; border-style: solid; border-width: 0 0.26em 0.26em 0; transform-style: preserve-3d; transform: rotate(45deg); } .bootstrap-select.show-menu-arrow.open > .dropdown-toggle, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle { z-index: 1061; } .bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before { content: ""; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(204, 204, 204, 0.2); position: absolute; bottom: -4px; left: 9px; display: none; } .bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after { content: ""; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; position: absolute; bottom: -4px; left: 10px; display: none; } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before { bottom: auto; top: -4px; border-top: 7px solid rgba(204, 204, 204, 0.2); border-bottom: 0; } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after { bottom: auto; top: -4px; border-top: 6px solid white; border-bottom: 0; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before { right: 12px; left: auto; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after { right: 13px; left: auto; } .bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:after, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:before, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:after { display: block; } .bs-searchbox, .bs-actionsbox, .bs-donebutton { padding: 4px 8px; } .bs-actionsbox { width: 100%; box-sizing: border-box; } .bs-actionsbox .btn-group button { width: 50%; } .bs-donebutton { float: left; width: 100%; box-sizing: border-box; } .bs-donebutton .btn-group button { width: 100%; } .bs-searchbox + .bs-actionsbox { padding: 0 8px 4px; } .bs-searchbox .form-control { margin-bottom: 0; width: 100%; float: none; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after { content: none; } q:before, q:after { content: none; } table { border-collapse: collapse; border-spacing: 0; } /* Use: @include respond-to(small) { ... } */ /* Use: @include font-size(14px); */ /* Use: @include clearfix(); */ /* Use: @include box-sizing(border-box); */ /* Use: con parent en position relative añadir a elemento child @include centered; */ /* Use: @include border-radius(5px); */ /* Use: @include border-top-radius(10px); */ /* Use: @include opacity(0.8); */ /* USO: @include center-block; */ /* Use: @include text-truncate; */ /* Use: @include bgimage('../img/generic/flecha_top.png',no-repeat,100%); */ /* Use: @include transition(color .3s ease); */ /* Use: @include skew(25,10); @include transform-origin(top left); */ /*Use: @include input-placeholder { color: $grey; } */ /* Use: @include mixin word-wrap; */ /* Use: @include bg-cover('../path/to/image.jpg', no-repeat 100%); */ /* Use: @include linx (blue, green, red, orange); */ /* USO @include horizontal-gradient(#71c005, #88dd06); */ @font-face { font-family: "ds-digitalnormal"; src: url("../../../fonts/ds-digitalnormal.eot"); src: url("../../../fonts/ds-digitalnormal.eot?#iefix") format("embedded-opentype"), url("../../../fonts/ds-digitalnormal.woff") format("woff"), url("../../../fonts/ds-digitalnormal.ttf") format("truetype"), url("../../../fonts/ds-digitalnormal.svg#ds-digitalnormal") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "VectoraLTStd-Black"; src: url("../../../fonts/VectoraLTStd-Black.eot"); src: url("../../../fonts/VectoraLTStd-Black.eot?#iefix") format("embedded-opentype"), url("../../../fonts/VectoraLTStd-Black.woff") format("woff"), url("../../../fonts/VectoraLTStd-Black.ttf") format("truetype"), url("../../../fonts/VectoraLTStd-Black.svg#ds-digitalnormal") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "VectoraLTStd-Light"; src: url("../../../fonts/VectoraLTStd-Light.eot"); src: url("../../../fonts/VectoraLTStd-Light.eot?#iefix") format("embedded-opentype"), url("../../../fonts/VectoraLTStd-Light.woff") format("woff"), url("../../../fonts/VectoraLTStd-Light.ttf") format("truetype"), url("../../../fonts/VectoraLTStd-Light.svg#ds-digitalnormal") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "VectoraLTStd-Roman"; src: url("../../../fonts/VectoraLTStd-Roman.eot"); src: url("../../../fonts/VectoraLTStd-Roman.eot?#iefix") format("embedded-opentype"), url("../../../fonts/VectoraLTStd-Roman.woff") format("woff"), url("../../../fonts/VectoraLTStd-Roman.ttf") format("truetype"), url("../../../fonts/VectoraLTStd-Roman.svg#ds-digitalnormal") format("svg"); font-weight: normal; font-style: normal; } .option-color-1 { /* fallback/image non-cover color */ background-color: #1b4f5f; /* Firefox 3.6+ */ /* Safari 4+, Chrome 1+ */ /* Safari 5.1+, Chrome 10+ */ /* Opera 11.10+ */ background-image: -o-linear-gradient(left, #1b4f5f 0%, #e49d77 100%); /* IE10+ */ /* Standard */ background: linear-gradient(to right, #1b4f5f 0%, #e49d77 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$from", endColorstr="$to", GradientType=1); } .option-color-2 { /* fallback/image non-cover color */ background-color: #e49d77; /* Firefox 3.6+ */ /* Safari 4+, Chrome 1+ */ /* Safari 5.1+, Chrome 10+ */ /* Opera 11.10+ */ background-image: -o-linear-gradient(left, #e49d77 0%, #e49d77 100%); /* IE10+ */ /* Standard */ background: linear-gradient(to right, #e49d77 0%, #e49d77 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$from", endColorstr="$to", GradientType=1); } .option-color-3 { /* fallback/image non-cover color */ background-color: #9b88b6; /* Firefox 3.6+ */ /* Safari 4+, Chrome 1+ */ /* Safari 5.1+, Chrome 10+ */ /* Opera 11.10+ */ background-image: -o-linear-gradient(left, #9b88b6 0%, #F66232 100%); /* IE10+ */ /* Standard */ background: linear-gradient(to right, #9b88b6 0%, #F66232 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$from", endColorstr="$to", GradientType=1); } .option-color-4 { /* fallback/image non-cover color */ background-color: #8d3613; /* Firefox 3.6+ */ /* Safari 4+, Chrome 1+ */ /* Safari 5.1+, Chrome 10+ */ /* Opera 11.10+ */ background-image: -o-linear-gradient(left, #8d3613 0%, #f16334 100%); /* IE10+ */ /* Standard */ background: linear-gradient(to right, #8d3613 0%, #f16334 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$from", endColorstr="$to", GradientType=1); } .option-color-5 { /* fallback/image non-cover color */ background-color: #047045; /* Firefox 3.6+ */ /* Safari 4+, Chrome 1+ */ /* Safari 5.1+, Chrome 10+ */ /* Opera 11.10+ */ background-image: -o-linear-gradient(left, #047045 0%, #3f8149 100%); /* IE10+ */ /* Standard */ background: linear-gradient(to right, #047045 0%, #3f8149 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$from", endColorstr="$to", GradientType=1); } .bg-primary { background-color: #F66232 !important; } .text-primary { color: #F66232 !important; } .border-primary { border-color: #F66232 !important; } .bg-blue { background-color: #e49d77 !important; } .text-blue { color: #e49d77 !important; } .border-blue { border-color: #e49d77 !important; } .bg-orange { background-color: #e49d77 !important; } .text-orange { color: #e49d77 !important; } .border-orange { border-color: #e49d77 !important; } .bg-green { background-color: #1b4f5f !important; } .text-green { color: #1b4f5f !important; } .border-green { border-color: #1b4f5f !important; } .bg-teal { background-color: #F66232 !important; } .text-teal { color: #F66232 !important; } .border-teal { border-color: #F66232 !important; } .bg-purple { background-color: #9b88b6 !important; } .text-purple { color: #9b88b6 !important; } .border-purple { border-color: #9b88b6 !important; } .bg-secondary { background-color: #cacacc !important; } .text-secondary { color: #cacacc !important; } .border-secondary { border-color: #cacacc !important; } .bg-gray { background-color: #cacacc !important; } .text-gray { color: #cacacc !important; } .border-gray { border-color: #cacacc !important; } #return-to-top { position: fixed; bottom: 20px; right: 20px; background: rgba(246, 98, 50, 0.7); width: 50px; height: 50px; display: block; text-decoration: none; border-radius: 35px; display: none; transition: all 0.3s ease; } #return-to-top i { color: #ffffff; margin: 0; position: relative; left: 16px; top: 16px; font-size: 28px; transition: all 0.3s ease; } #return-to-top:hover { background: #F66232; } #return-to-top:hover i { color: #ffffff; top: 5px; } .box-breadcrumb { background: #1b4f5f; } .box-breadcrumb .breadcrumb { background: transparent; margin-top: 3px; margin-bottom: 3px; padding-top: 5px; padding-bottom: 6px; } @media (min-width: 767px) { .box-breadcrumb .breadcrumb { padding: 5px 0; } } .box-breadcrumb .breadcrumb li { text-transform: uppercase; color: rgba(255, 255, 255, 0.6); font-size: 0.875rem; } @media (min-width: 992px) { .box-breadcrumb .breadcrumb li { font-size: 1rem; } } .box-breadcrumb .breadcrumb li:before { color: rgba(255, 255, 255, 0.6); } .box-breadcrumb .breadcrumb li.active a { color: rgba(255, 255, 255, 0.6); cursor: default; font-size: 0.875rem; } @media (min-width: 992px) { .box-breadcrumb .breadcrumb li.active a { font-size: 1rem; } } .box-breadcrumb .breadcrumb li.active a:hover { color: rgba(255, 255, 255, 0.6); } .box-breadcrumb .breadcrumb li a { color: #ffffff; text-decoration: none; font-size: 0.875rem; } .box-breadcrumb .breadcrumb li a:hover { color: rgba(255, 255, 255, 0.85); } @media (min-width: 992px) { .box-breadcrumb .breadcrumb li a { font-size: 1rem; } } .challenge-battle .centered > .col-md-3 { width: 24%; } .challenge-battle .centered > .col-sm-6 { width: 48%; } .challenge-battle .centered > .col-xs-12 { width: 100%; max-width: 350px; margin: 0 auto; } @media (min-width: 767px) { .challenge-battle .centered > .col-xs-12 { width: 48%; } } @media (min-width: 992px) { .challenge-battle .centered > .col-xs-12 { width: 24%; } } .challenge-battle .item-challenge-battle { width: 100%; border-radius: 6px; background-clip: padding-box; overflow: hidden; background: rgba(255, 255, 255, 0.55); border: 2px solid #F66232; margin-bottom: 30px; } .challenge-battle .item-challenge-battle .header-challenge-battle { position: relative; background: #F66232; min-height: 100px; } .challenge-battle .item-challenge-battle .header-challenge-battle h3 { position: absolute; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; padding: 0 10px; text-transform: uppercase; font-family: "VectoraLTStd-Black", sans-serif; color: #ffffff; font-size: 1rem; line-height: 1.3; } .challenge-battle .item-challenge-battle .value-challenge-battle { position: relative; background: #1b4f5f; min-height: 50px; } .challenge-battle .item-challenge-battle .value-challenge-battle strong { position: absolute; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-transform: uppercase; font-family: "VectoraLTStd-Black", sans-serif; color: #ffffff; font-size: 1.0625rem; } .challenge-battle .item-challenge-battle .period-challenge-battle { position: relative; min-height: 100px; color: #1b4f5f; } .challenge-battle .item-challenge-battle .period-challenge-battle p { position: absolute; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); bottom: 15px; width: 100%; padding: 0 15px; margin: 0; color: #1b4f5f; font-size: 1rem; } .challenge-battle .item-challenge-battle .code-challenge-battle { position: relative; padding: 0 0 15px 0; } .challenge-battle .item-challenge-battle .code-challenge-battle .btn-challenge-battle { color: #ffffff; background-color: #F66232; border: none; line-height: 1.1; white-space: normal; font-size: 1.125rem; font-family: "Roboto", sans-serif; font-weight: 400; text-transform: uppercase; box-shadow: none; padding: 12px 5px; width: 90%; margin: 0 auto; } .challenge-battle .item-challenge-battle .code-challenge-battle .btn-challenge-battle:hover, .challenge-battle .item-challenge-battle .code-challenge-battle .btn-challenge-battle:active { box-shadow: none; opacity: 0.9; filter: alpha(opacity=90); border: none; } .challenge-battle .item-challenge-battle .code-challenge-battle .btn-challenge-battle:focus { box-shadow: none; border: none; } @media (min-width: 767px) { .challenge-battle .item-challenge-battle .code-challenge-battle .btn-challenge-battle { font-size: 0.875rem; } } @media (min-width: 1200px) { .challenge-battle .item-challenge-battle .code-challenge-battle .btn-challenge-battle { font-size: 1rem; } } .challenge-battle .item-challenge-battle .code-challenge-battle .btn-challenge-battle span { display: inline-block; vertical-align: middle; margin: 0 3px; } .challenge-battle .item-challenge-battle .code-challenge-battle .btn-challenge-battle span.glyphicon { margin-top: -2px; } .challenge-battle .item-challenge-battle .code-challenge-battle .btn-challenge-battle.btn-unavailable { background-color: #ff7113; } .challenge-battle .item-challenge-battle .code-challenge-battle .btn-challenge-battle.btn-success { background-color: green; } .challenge-battle .item-challenge-battle .code-challenge-battle .btn-challenge-battle.btn-fail { background-color: red; } .modal-challenge-battle .modal-body { padding-top: 30px; padding-bottom: 15px; } .modal-challenge-battle .form-group { text-align: center; max-width: 220px; margin: 0 auto; } .modal-challenge-battle .form-group label { margin-top: 10px; margin-bottom: 5px; color: #1b4f5f; font-size: 0.875rem; text-transform: uppercase; } @media (min-width: 767px) { .modal-challenge-battle .form-group label { font-size: 1rem; } } .modal-challenge-battle .form-group .form-control { background: rgba(255, 255, 255, 0.75); } @media (min-width: 767px) { .modal-challenge-battle .form-group .form-control.input-lg, .modal-challenge-battle .form-group .input-group-lg > .form-control, .modal-challenge-battle .form-group .input-group-lg > .input-group-btn > .form-control.btn { height: 48px; } } .bg-chrono { background-color: #171717; } .chrono { position: relative; text-align: center; padding-top: 15px; padding-bottom: 15px; } .chrono .text-chrono { font-family: #ff4d4d; line-height: 1.4; max-width: 800px; padding: 0 30px; text-transform: uppercase; color: #ffffff; } .chrono .block-number { display: inline-block; color: #ffffff; min-width: 40px; margin-top: 2px; margin-bottom: 8px; } @media (min-width: 767px) { .chrono .block-number { min-width: 80px; } } .chrono .block-number strong { display: inline-block; color: #ff4d4d; font-family: "ds-digitalnormal", sans-serif; width: 100%; font-size: 2.25rem; line-height: 1; } @media (min-width: 767px) { .chrono .block-number strong { font-size: 3.75rem; } } .chrono .block-number span { display: block; text-transform: uppercase; font-family: "VectoraLTStd-Black", sans-serif; line-height: 1; margin-top: -3px; margin-bottom: 4px; font-size: 0.625rem; } @media (min-width: 767px) { .chrono .block-number span { margin-top: -5px; font-size: 0.75rem; } } .sep-chrono { display: inline-block; vertical-align: bottom; width: 5px; min-height: 41px; margin-left: 3px; border-left: 1px solid rgba(255, 255, 255, 0.2); /*background-image: url('../../$generic_path/icon-arrow-down.png'); background-position: bottom center; background-repeat: no-repeat;*/ } @media (min-width: 767px) { .sep-chrono { min-height: 62px; background-position: 0 0; } } .left-chrono { position: absolute; top: 0; left: 0; width: 50px; height: 100%; background-image: linear-gradient(to right, #171717 0, rgba(0, 0, 0, 0.0001) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000", endColorstr="#00000000", GradientType=1); background-repeat: repeat-x; } @media (min-width: 1200px) { .left-chrono { width: 200px; } } .right-chrono { position: absolute; top: 0; right: 0; width: 50px; height: 100%; background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, #171717 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#80000000", GradientType=1); background-repeat: repeat-x; } @media (min-width: 1200px) { .right-chrono { width: 200px; } } /* INI CONFETTI */ .confetti { width: 1rem; height: 1rem; display: inline-block; position: absolute; top: -1rem; left: 0; z-index: 150; } .confetti .rotate { -webkit-animation: driftyRotate 1s infinite both ease-in-out; animation: driftyRotate 1s infinite both ease-in-out; perspective: 1000; } .confetti .askew { background: currentColor; transform: skewY(10deg); width: 1rem; height: 1rem; -webkit-animation: drifty 1s infinite alternate both ease-in-out; animation: drifty 1s infinite alternate both ease-in-out; perspective: 1000; } .confetti:nth-of-type(5n) { color: #F56620; } .confetti:nth-of-type(5n+1) { color: #00EAFF; } .confetti:nth-of-type(5n+2) { color: #EA8EE0; } .confetti:nth-of-type(5n+3) { color: #EBFF38; } .confetti:nth-of-type(5n+4) { color: #0582FF; } .confetti:nth-of-type(7n) .askew { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; -webkit-animation-duration: 2.25s; animation-duration: 2.25s; } .confetti:nth-of-type(7n + 1) .askew { -webkit-animation-delay: -0.879s; animation-delay: -0.879s; -webkit-animation-duration: 3.5s; animation-duration: 3.5s; } .confetti:nth-of-type(7n + 2) .askew { -webkit-animation-delay: -0.11s; animation-delay: -0.11s; -webkit-animation-duration: 1.95s; animation-duration: 1.95s; } .confetti:nth-of-type(7n + 3) .askew { -webkit-animation-delay: -0.246s; animation-delay: -0.246s; -webkit-animation-duration: 0.85s; animation-duration: 0.85s; } .confetti:nth-of-type(7n + 4) .askew { -webkit-animation-delay: -0.43s; animation-delay: -0.43s; -webkit-animation-duration: 2.5s; animation-duration: 2.5s; } .confetti:nth-of-type(7n + 5) .askew { -webkit-animation-delay: -0.56s; animation-delay: -0.56s; -webkit-animation-duration: 1.75s; animation-duration: 1.75s; } .confetti:nth-of-type(7n + 6) .askew { -webkit-animation-delay: -0.76s; animation-delay: -0.76s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } .confetti:nth-of-type(9n) .rotate { -webkit-animation-duration: 2s; animation-duration: 2s; } .confetti:nth-of-type(9n + 1) .rotate { -webkit-animation-duration: 2.3s; animation-duration: 2.3s; } .confetti:nth-of-type(9n + 2) .rotate { -webkit-animation-duration: 1.1s; animation-duration: 1.1s; } .confetti:nth-of-type(9n + 3) .rotate { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; } .confetti:nth-of-type(9n + 4) .rotate { -webkit-animation-duration: 4.3s; animation-duration: 4.3s; } .confetti:nth-of-type(9n + 5) .rotate { -webkit-animation-duration: 3.05s; animation-duration: 3.05s; } .confetti:nth-of-type(9n + 6) .rotate { -webkit-animation-duration: 2.76s; animation-duration: 2.76s; } .confetti:nth-of-type(9n + 7) .rotate { -webkit-animation-duration: 7.6s; animation-duration: 7.6s; } .confetti:nth-of-type(9n + 8) .rotate { -webkit-animation-duration: 1.78s; animation-duration: 1.78s; } @-webkit-keyframes drifty { 0% { transform: skewY(10deg) translate3d(-250%, 0, 0); } 100% { transform: skewY(-12deg) translate3d(250%, 0, 0); } } @keyframes drifty { 0% { transform: skewY(10deg) translate3d(-250%, 0, 0); } 100% { transform: skewY(-12deg) translate3d(250%, 0, 0); } } @-webkit-keyframes driftyRotate { 0% { transform: rotateX(0); } 100% { transform: rotateX(359deg); } } @keyframes driftyRotate { 0% { transform: rotateX(0); } 100% { transform: rotateX(359deg); } } /* END CONFETTI */ .modal.modal-welcome .modal-body { padding: 0 15px; } .modal.modal-welcome .modal-dialog { background: url("/../images/bg-tram.jpg") no-repeat center center; background-size: cover; border-radius: 12px; background-clip: padding-box; overflow: hidden; } .modal.modal-welcome .modal-content { background: rgba(255, 255, 255, 0.85); } .modal.modal-welcome .modal-footer .btn-primary { margin-top: 25px; font-family: "VectoraLTStd-Black", sans-serif; font-size: 1rem; } @media (min-width: 767px) { .modal.modal-welcome .modal-footer .btn-primary { font-size: 1.125rem; } } .carousel-welcome .item a { text-decoration: none !important; } .carousel-welcome .item .container-text { position: relative; width: 100%; margin: 10px auto 0 auto; min-height: 150px; } @media (min-width: 767px) { .carousel-welcome .item .container-text { min-height: 120px; max-width: 90%; } } .carousel-welcome .item .text-carousel { position: absolute; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; } .carousel-welcome .item .text-carousel h2 { width: 100%; font-family: "VectoraLTStd-Black", sans-serif; color: #F66232; text-transform: uppercase; font-size: 1.0625rem; margin-bottom: 10px; font-weight: 700; } @media (min-width: 600px) { .carousel-welcome .item .text-carousel h2 { font-size: 1.0625rem; } } @media (min-width: 767px) { .carousel-welcome .item .text-carousel h2 { font-size: 1.25rem; } } .carousel-welcome .item .text-carousel p { font-family: "Roboto", sans-serif; color: #000000; font-size: 0.8125rem; } @media (min-width: 600px) { .carousel-welcome .item .text-carousel p { font-size: 0.875rem; } } @media (min-width: 767px) { .carousel-welcome .item .text-carousel p { font-size: 0.9375rem; } } .carousel-welcome .item img { margin: 0 auto; } .carousel-welcome .carousel-control .fa-chevron-left, .carousel-welcome .carousel-control .fa-chevron-right, .carousel-welcome .carousel-control .icon-next, .carousel-welcome .carousel-control .icon-prev { top: initial; bottom: 24%; color: #ffffff; } @media (min-width: 600px) { .carousel-welcome .carousel-control .fa-chevron-left, .carousel-welcome .carousel-control .fa-chevron-right, .carousel-welcome .carousel-control .icon-next, .carousel-welcome .carousel-control .icon-prev { bottom: 30%; } } @media (min-width: 767px) { .carousel-welcome .carousel-control .fa-chevron-left, .carousel-welcome .carousel-control .fa-chevron-right, .carousel-welcome .carousel-control .icon-next, .carousel-welcome .carousel-control .icon-prev { bottom: 30%; } } .carousel-welcome .carousel-control.right, .carousel-welcome .carousel-control.right:hover { background: none; } .carousel-welcome .carousel-control.left, .carousel-welcome .carousel-control.left:hover { background: none; } .carousel-welcome .carousel-indicators { display: block; bottom: -30px; } .carousel-welcome .carousel-indicators li { background-color: #b3b3b3; border-color: #b3b3b3; margin: 0 3px; width: 12px; height: 12px; } .carousel-welcome .carousel-indicators li.active { background-color: #F66232; border-color: #F66232; } .label-filter { display: inline-block; vertical-align: middle; margin: 0 10px 10px; font-family: "Roboto", sans-serif; color: #686767; font-size: 0.875rem; text-transform: uppercase; } @media (min-width: 600px) { .label-filter { font-size: 1rem; margin: 10px; } } .ranking-filter { text-align: center; padding-top: 15px; padding-bottom: 15px; background: rgba(179, 179, 179, 0.5); border-bottom: none; } .ranking-filter .btn-primary { height: 40px; line-height: 17px; display: block; max-width: 150px; margin: 0 auto; } @media (min-width: 767px) { .ranking-filter .btn-primary { margin: 0; } } .btn-group.open .dropdown-toggle { outline: none !important; } .box-dropdown-ranking { display: inline-block; vertical-align: middle; width: 100%; max-width: 320px; top: 0; left: 0; text-align: center; padding: 0; z-index: 100; } .box-dropdown-ranking .dropdown-ranking { width: 100%; position: relative; display: inline-block; vertical-align: middle; } @media (min-width: 600px) { .box-dropdown-ranking .dropdown-ranking { width: 100%; } } .box-dropdown-ranking .bootstrap-select { min-width: 100%; margin-bottom: 0; } .box-dropdown-ranking .ranking-select { background: #ffffff; color: #000000; font-size: 1rem; } @media (min-width: 767px) { .box-dropdown-ranking .ranking-select { font-size: 1.125rem; } } @media (min-width: 992px) { .box-dropdown-ranking .ranking-select { font-size: 1.125rem; } } .box-dropdown-ranking .bootstrap-select.btn-group .dropdown-menu { background: #ffffff; color: #000000; } .box-dropdown-ranking .bootstrap-select.btn-group .dropdown-menu > li > a { background: #ffffff; color: #000000; font-size: 1rem; } @media (min-width: 767px) { .box-dropdown-ranking .bootstrap-select.btn-group .dropdown-menu > li > a { font-size: 1.125rem; } } @media (min-width: 992px) { .box-dropdown-ranking .bootstrap-select.btn-group .dropdown-menu > li > a { font-size: 1.125rem; } } .box-dropdown-ranking .bootstrap-select.btn-group .dropdown-menu > li > a:hover { color: #F66232; } .standings { margin-bottom: 20px; } .standings .intro-standing { text-align: center; } .standings .intro-standing p { font-size: 1rem; } @media (min-width: 767px) { .standings .intro-standing p { font-size: 1.25rem; } } .standings .box-dropdown-standings { position: relative; width: 100%; text-align: center; z-index: 100; } .standings .box-dropdown-standings .dropdown-standings { position: relative; display: inline-block; vertical-align: middle; } .standings .box-dropdown-standings .bootstrap-select { width: 100% !important; outline: none !important; } @media (min-width: 600px) { .standings .box-dropdown-standings .bootstrap-select { min-width: 320px; text-align: center; } } @media (min-width: 767px) { .standings .box-dropdown-standings .bootstrap-select { min-width: 520px; } } .standings .box-dropdown-standings .bootstrap-select.btn-group .btn .filter-option { text-align: center; } .standings .box-dropdown-standings .standings-select { font-family: "Roboto", sans-serif; color: #ffffff; background: #F66232; text-transform: uppercase; outline: none !important; } @media (min-width: 767px) { .standings .box-dropdown-standings .standings-select { font-size: 1.25rem; } } @media (min-width: 992px) { .standings .box-dropdown-standings .standings-select { font-size: 1.5rem; } } .standings .box-dropdown-standings .bootstrap-select.btn-group .dropdown-menu { background: #F66232; text-align: center; } .standings .box-dropdown-standings .bootstrap-select.btn-group .dropdown-menu > li.selected > a { color: #F66232; } .standings .box-dropdown-standings .bootstrap-select.btn-group .dropdown-menu > li > a { text-align: center; color: #ffffff; } @media (min-width: 767px) { .standings .box-dropdown-standings .bootstrap-select.btn-group .dropdown-menu > li > a { font-size: 1.25rem; } } @media (min-width: 992px) { .standings .box-dropdown-standings .bootstrap-select.btn-group .dropdown-menu > li > a { font-size: 1.5rem; } } .standings .box-dropdown-standings .bootstrap-select.btn-group .dropdown-menu > li > a:hover { color: #F66232; } .standings .box-dropdown-standings .bootstrap-select.btn-group .dropdown-menu.inner { background: #F66232; text-transform: uppercase; font-family: "Roboto", sans-serif; } .ranking .tab-ranking { margin-top: 30px; margin-bottom: 0; } @media (min-width: 767px) { .ranking .tab-ranking { margin-top: 30px; margin-bottom: 0; } } .ranking .tab-ranking .nav-tabs li { width: 50%; text-align: center; } .ranking .tab-ranking .nav-tabs li.active a { background-color: #F66232; border: none; color: #ffffff; } .ranking .tab-ranking .nav-tabs li.active a:hover { background-color: #F66232; } .ranking .tab-ranking .nav-tabs li a { display: inline-block; width: 100%; color: #F66232; text-transform: uppercase; font-family: "Roboto Condensed", sans-serif; text-decoration: none; border: none; padding-top: 15px; padding-bottom: 15px; background: rgba(246, 98, 50, 0.2); } @media (min-width: 767px) { .ranking .tab-ranking .nav-tabs li a { font-size: 1.25rem; padding-top: 15px; padding-bottom: 15px; } } .ranking .tab-ranking .nav-tabs li a:hover { background: rgba(246, 98, 50, 0.2); } .ranking .tab-ranking .tab-pane { background: rgba(255, 255, 255, 0.75); border: 1px solid #ddd; padding: 15px; } .ranking .tab-ranking .tab-pane .showed { display: block; } .standings-table { padding-top: 15px; padding-bottom: 15px; } @media (min-width: 767px) { .standings-table { padding-top: 15px; padding-bottom: 0; } } .standings-table table { background: rgba(255, 255, 255, 0.5); } .standings-table table thead tr th { text-align: center; vertical-align: middle; font-family: "Roboto Condensed", sans-serif; text-transform: uppercase; color: #b3b3b3; height: 30px; line-height: 1.1; font-size: 0.875rem; padding: 3px; background-color: #f5f5f5; } .standings-table table thead tr th.cell-left { text-align: left; } .standings-table table thead tr th div { display: inline-block; vertical-align: middle; } .standings-table table thead tr th span { vertical-align: middle; } @media (min-width: 600px) { .standings-table table thead tr th { font-size: 0.9375rem; } } @media (min-width: 992px) { .standings-table table thead tr th { font-size: 0.9375rem; } } .standings-table table thead tr th.sub-head { padding-top: 6px; padding-bottom: 6px; text-transform: none; } .standings-table table tbody tr:last-child td { border-bottom: none; } .standings-table table tbody tr td { font-family: "Roboto Condensed", sans-serif; color: #000000; text-align: center; padding: 5px; border-bottom: 3px solid #f5f5f5; vertical-align: middle; } @media (min-width: 767px) { .standings-table table tbody tr td { padding: 10px 0; } } .standings-table table tbody tr td .table-position { display: inline-block; margin: 5px 0 0 0; min-height: 38px; font-size: 1.25rem; } @media (min-width: 480px) { .standings-table table tbody tr td .table-position { width: 100%; max-width: 20px; } } @media (min-width: 600px) { .standings-table table tbody tr td .table-position { font-size: 1.125rem; } } .standings-table table tbody tr td .podium.table-kms { display: inline-block; margin: 5px 0 0 0; width: 100%; max-width: 52px; padding-top: 9px; min-height: 34px; background-position: bottom center; background-repeat: no-repeat; background-size: 100% auto; } .standings-table table tbody tr td .podium.table-position { display: inline-block; margin: 5px 0 0 0; width: 100%; max-width: 52px; background-position: bottom center; background-repeat: no-repeat; background-size: 100% auto; font-size: 1.25rem; } @media (min-width: 600px) { .standings-table table tbody tr td .podium.table-position { font-size: 1.125rem; } } .standings-table table tbody tr td .table-team-img { max-width: 30px; vertical-align: middle; margin-right: 10px; border-radius: 100%; background-clip: padding-box; } @media (min-width: 480px) { .standings-table table tbody tr td .table-team-img { display: inline-block; } } @media (min-width: 767px) { .standings-table table tbody tr td .table-team-img { max-width: 40px; } } .standings-table table tbody tr td .medal { max-width: 30px; vertical-align: middle; margin-left: 10px; display: inline-block; } @media (min-width: 767px) { .standings-table table tbody tr td .medal { max-width: 40px; } } .standings-table table tbody tr td.table-team-name { text-align: left; } .standings-table table tbody tr td.table-team-name a { display: inline-block; vertical-align: middle; max-width: 65%; color: #F66232; text-decoration: none; } .standings-table table tbody tr td.table-team-name a span { display: inline-block; vertical-align: middle; max-width: 65%; color: #F66232; } .standings-table table tbody tr td.table-team-name a strong { font-weight: 700; color: #F66232; } @media (min-width: 600px) { .standings-table table tbody tr td.table-team-name a { max-width: 75%; font-size: 1rem; } } @media (min-width: 767px) { .standings-table table tbody tr td.table-team-name a { font-size: 1rem; } } .standings-table table tbody tr td .table-kms { display: inline-block; vertical-align: top; margin: 5px 0 0 0; width: 100%; min-width: 38px; line-height: 1; } @media (min-width: 600px) { .standings-table table tbody tr td .table-kms { font-size: 1rem; } } .standings-table table tfoot tr td { text-align: right; padding: 5px 15px; background-color: #f5f5f5; } .box-scroll-table { width: 100%; max-height: 300px; overflow: auto; margin-bottom: 20px; /* ini scrollbar */ } .box-scroll-table .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #b3b3b3; background-color: rgba(116, 116, 116, 0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .box-scroll-table .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .box-scroll-table .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #f5f5f5; box-shadow: none !important; background-image: none !important; } .box-scroll-table .standings-table { padding-top: 10px !important; padding-bottom: 10px !important; } .dataTables_processing { background-color: #F66232; color: #ffffff; border-radius: 16px; background-clip: padding-box; } .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color: #F66232; border-color: #F66232; } .pagination > li > a, .pagination > li > span { color: #F66232; } .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { color: #F66232; } .lose { color: #F66232 !important; } .win { color: green !important; } .standby { color: #F66232 !important; } .bg-race { position: relative; background-position: bottom center; background-repeat: repeat-x; background-size: 1500px; } @media (min-width: 767px) { .bg-race { background-size: auto; } } .bg-race.bg-race-2 { background: #000000; } .bg-race .scroll-race { position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; background-color: #000000; text-align: center; background-image: url("/../images/bg-crono.jpg"); background-position: top center; background-repeat: repeat; z-index: 0; } .bg-race .scroll-race .left-scroll-race { position: absolute; top: 0; left: 0; width: 50px; height: 100%; background-image: linear-gradient(to right, black 0, rgba(0, 0, 0, 0.0001) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000", endColorstr="#00000000", GradientType=1); background-repeat: repeat-x; } .bg-race .scroll-race .right-scroll-race { position: absolute; top: 0; right: 0; width: 50px; height: 100%; background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, black 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#80000000", GradientType=1); background-repeat: repeat-x; } .bg-race .cont-race { overflow: auto; /* ini scrollbar */ } @media (min-width: 767px) { .bg-race .cont-race { background-position: 50% 40%; } } @media (min-width: 992px) { .bg-race .cont-race { background-size: auto; } } .bg-race .cont-race .race { position: relative; min-height: 200px; } @media (min-width: 600px) { .bg-race .cont-race .race { min-height: 250px; } } @media (min-width: 767px) { .bg-race .cont-race .race { min-height: 350px; } } .bg-race .cont-race .race .divider { border: 1px dashed #b3b3b3; } .bg-race .cont-race .race .item-custom-user { position: absolute; bottom: 0; } @media (min-width: 600px) { .bg-race .cont-race .race .item-custom-user { bottom: 24px; } } .bg-race .cont-race .race .custom-user { position: relative; width: 100px; height: 100px; } .bg-race .cont-race .race .custom-user .img-over-custom-user { position: absolute; top: 0; left: 0; max-width: 100%; z-index: 3; } .bg-race .cont-race .race .custom-user .img-custom-user { position: absolute; top: 0; left: 0; max-width: 100%; z-index: 2; } .bg-race .cont-race .race .tooltip { z-index: 50 !important; } .bg-race .cont-race .race .custom-user + .tooltip.in { opacity: 1; filter: alpha(opacity=100); } .bg-race .cont-race .race .custom-user + .tooltip > .tooltip-inner { background-color: #b3b3b3; color: #ffffff; border: 2px solid #ffffff; padding: 6px 10px; min-width: 100px; font-size: 0.9375rem; } .bg-race .cont-race .race .custom-user + .tooltip.top > .tooltip-arrow { border-top: 10px solid #ffffff; bottom: -5px; } .bg-race .cont-race .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 17px; max-width: 90%; margin: 0 auto; } .bg-race .cont-race .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .bg-race .cont-race .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .bg-race .cont-race .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .bg-race .cont-race .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #F66232; box-shadow: none !important; background-image: none !important; } @keyframes animatedBackground { from { background-position: 0 0; } to { background-position: 100% 0; } } @-webkit-keyframes animatedBackground { from { background-position: 0 0; } to { background-position: 100% 0; } } #animate-area { background-position: 0 0; background-repeat: repeat-x; animation: animatedBackground 30s linear infinite; -ms-animation: animatedBackground 30s linear infinite; -moz-animation: animatedBackground 30s linear infinite; -webkit-animation: animatedBackground 30s linear infinite; } @media (min-width: 767px) { #animate-area { animation: animatedBackground 100s linear infinite; -ms-animation: animatedBackground 100s linear infinite; -moz-animation: animatedBackground 100s linear infinite; -webkit-animation: animatedBackground 100s linear infinite; } } .prizes { margin-top: 20px; margin-bottom: 0; } @media (min-width: 767px) { .prizes { margin-top: 40px; } } .prizes .intro-prizes { text-align: center; } .prizes .intro-prizes p { font-size: 1rem; } @media (min-width: 767px) { .prizes .intro-prizes p { font-size: 1.25rem; } } .prizes .item-prize { float: none; max-width: 300px; margin: 0 auto 20px auto; } @media (min-width: 767px) { .prizes .item-prize { float: none; max-width: none; margin: 0; } } .prizes .item-prize .box-image-prize { margin: 15px; position: relative; } .prizes .item-prize .box-image-prize .image-prize { position: absolute; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); top: 50%; background: #ffffff; width: 44%; height: 44%; border-radius: 100%; background-clip: padding-box; overflow: hidden; } .prizes .item-prize h3 { font-size: 1.375rem; font-family: "VectoraLTStd-Black", sans-serif; text-transform: uppercase; margin-bottom: 5px; } .prizes .item-prize p { font-size: 0.9375rem; line-height: 1.3; padding: 0 15px; } .intro-winners { margin-top: 0; } .intro-winners h2 { color: #F66232; text-transform: uppercase; } .intro-winners p { font-family: "Roboto", sans-serif; font-size: 1.125rem; line-height: 1.6; margin: 0; padding: 40px 30px 30px 30px; max-width: 100%; } @media (min-width: 767px) { .intro-winners { padding-top: 40px; border-top: 1px solid rgba(255, 255, 255, 0.5); } } /* Start by setting display:none to make this hidden. Then we position it in relation to the viewport window with position:fixed. Width, height, top and left speak for themselves. Background we set to 80% white with our animation centered, and no-repeating */ .load { display: none; position: fixed; z-index: 100; top: 0; left: 0; height: 100%; width: 100%; background: rgba(255, 255, 255, 0.3) url("http://i.stack.imgur.com/FhHRx.gif") 50% 50% no-repeat; } /* When the body has the loading class, we turn the scrollbar off with overflow:hidden */ body.loading .load { overflow: hidden; } /* Anytime the body has the loading class, our modal element will be visible */ body.loading .load { display: block; } .no { color: inherit !important; } /* POP UP */ .overlay-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; z-index: 2000; padding: 40px 0; /*! display:none; */ background-color: rgba(0, 0, 0, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)"; } .crop-box { position: relative; width: 200px; margin: 0 auto; } .img-crop { max-height: 200px !important; max-width: 200px !important; } .buttons { width: 200px; margin: 0 auto; text-align: center; } .btn-default { width: auto; display: inline-block !important; margin: 20px 10px !important; background-color: transparent !important; } .btn-inside { display: inline-block !important; font-size: 1.5rem; width: 40px !important; height: 40px !important; box-sizing: border-box !important; padding: 2px 10px !important; } .btn-inside img { width: 30px; } .done { width: 200px !important; height: 30px !important; margin: 0 auto; text-align: center; } .decoration { display: inline-block; height: 40px; line-break: 40px; padding-left: 20px !important; padding-right: 20px !important; box-sizing: border-box; text-decoration: none; padding: 0; } .decoration:hover { text-decoration: none; } .inline { display: inline-block; } .img-picture { max-width: inherit !important; } div.overlay-popup div.inside-popup { position: relative; width: 100%; border-radius: 100%; background-clip: padding-box; background: #ffffff; margin: 0 auto; overflow: hidden; padding: 0; box-sizing: border-box; } div.inside-popup > a span { background-color: #1b4f5f; } .close-crop { top: -12px; right: -12px; position: absolute; z-index: 2; } .box_btn { width: auto; margin: 0 auto; display: table; } .btn-cropper { background: #F66232 !important; color: #ffffff; border-radius: 6px; background-clip: padding-box; } .btn-cropper:hover, .btn-cropper:active, .btn-cropper:focus { color: #ffffff; text-decoration: none; } .btn-crop { text-align: center; color: #ffffff; font-weight: 400; line-height: 30px; font-family: "Roboto", sans-serif; text-transform: uppercase; font-size: 1.25rem; border-radius: 4px; background-clip: padding-box; background: #F66232; padding: 5px; display: inline-block; } .btn-crop:hover, .btn-crop:active, .btn-crop:focus { color: #ffffff; } .no-m { margin: 0 !important; } .user { background-color: #f5f5f5; } .p-2 { padding: 2px; } .fixed { position: fixed; width: 100%; top: 0; z-index: 1000; font-size: 0.875rem; } .decoration-none { text-decoration: none !important; } .push-down { height: 215px; } .maintenance { text-align: center; position: relative; } .link { color: #ffffff; text-decoration: none; } .link:hover { color: #ffffff; text-decoration: none; } .btn-file { position: relative; overflow: hidden; } .btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; opacity: 0; filter: alpha(opacity=0); outline: none; background: white; cursor: inherit; display: block; } .bootstrap-select.btn-group .btn .filter-option { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mb-40 { margin-bottom: 40px !important; } .no-underline { text-decoration: none; } .customization-legacy h1 { text-align: center; margin-bottom: 30px; } .customization-legacy .box-customization { background: #f5f5f5; border: 1px solid rgba(179, 179, 179, 0.2); max-width: 950px; } @media (min-width: 992px) { .customization-legacy .box-customization { min-height: 490px; } } .customization-legacy .nav-tabs { margin-top: 0; margin-bottom: 0; border-bottom: none; } .customization-legacy .nav-tabs > li { text-align: center; font-size: 1.25rem; text-decoration: none; width: 33.333%; } @media (min-width: 992px) { .customization-legacy .nav-tabs > li { width: 100%; } } .customization-legacy .nav-tabs > li img { background-color: #1b4f5f; } .customization-legacy .nav-tabs > li.active .item-selector { border: 3px solid #F66232; } .customization-legacy .nav-tabs > li a { background-color: transparent; border: none; text-decoration: none; color: #686767; font-size: 1rem; cursor: pointer; } @media (min-width: 992px) { .customization-legacy .nav-tabs > li a { padding-top: 40px; padding-bottom: 10px; } } .customization-legacy .nav-tabs > li a strong { font-weight: 600; text-decoration: none; } .customization-legacy .nav-tabs > li a:hover, .customization-legacy .nav-tabs > li a:active, .customization-legacy .nav-tabs > li a:focus { color: #686767; background-color: transparent; border: none; text-decoration: none; } .customization-legacy .item-selector { max-width: 55px; background-color: #f5f5f5; border: 1px solid #000000; margin: 0 auto 8px auto; } @media (min-width: 992px) { .customization-legacy .item-selector { max-width: 70px; } } .customization-legacy .tab-content > .tab-pane { margin-top: 0; } @media (min-width: 992px) { .customization-legacy .tab-content > .tab-pane { min-height: 138px; } } .customization-legacy .selector-custom { display: block; width: 100%; text-align: center; background: rgba(179, 179, 179, 0.2); padding-top: 15px; } @media (min-width: 992px) { .customization-legacy .selector-custom { width: 120px; min-height: 490px; } } .customization-legacy .selector-custom li { display: inline-block; width: 16%; max-width: 80px; height: auto; margin: 0 5% 10px 1%; } @media (min-width: 992px) { .customization-legacy .selector-custom li { display: inline-block; width: 80px; height: 80px; margin: 40px 0 25px 0; } } .customization-legacy .selector-custom li a, .customization-legacy .selector-custom li button { border: 1px solid #000000; display: inline-block; width: 100%; box-sizing: border-box; padding: 0; } .customization-legacy .selector-custom li a.active, .customization-legacy .selector-custom li button.active { border: 3px solid #F66232; } .customization-legacy .custom-thumb-image { background-color: #1b4f5f; } .customization-legacy .custom-result { margin: 5% 0; } @media (min-width: 992px) { .customization-legacy .custom-result { margin: 10% 0; } } .customization-legacy .custom-result img { display: block; margin: 0 auto; width: 40%; max-width: 450px; } @media (min-width: 767px) { .customization-legacy .custom-result img { width: 55%; } } @media (min-width: 992px) { .customization-legacy .custom-result img { max-width: 550px; } } .customization-legacy .selector-typology { background: rgba(179, 179, 179, 0.2); padding-top: 15px; } @media (min-width: 992px) { .customization-legacy .selector-typology { float: right; width: 120px; min-height: 490px; } } .customization-legacy .custom-btns { margin-top: 30px; text-align: center; } .customization h1 { text-align: center; margin-bottom: 30px; } .customization .box-customization { background: #f5f5f5; border: 1px solid rgba(179, 179, 179, 0.2); max-width: 950px; } @media (min-width: 992px) { .customization .box-customization { min-height: 490px; } } .customization .nav-tabs { margin-top: 0; margin-bottom: 0; border-bottom: none; } .customization .nav-tabs > li { text-align: center; font-size: 1.25rem; text-decoration: none; width: 33.333%; } @media (min-width: 992px) { .customization .nav-tabs > li { width: 100%; } } .customization .nav-tabs > li img { border: 2px solid #b3b3b3; border-radius: 100px; background-clip: padding-box; } .customization .nav-tabs > li.active .item-selector img { border: 2px solid #000000; background-color: #000000; } .customization .nav-tabs > li a { background-color: transparent; border: none; text-decoration: none; color: #686767; font-size: 1rem; cursor: pointer; } @media (min-width: 992px) { .customization .nav-tabs > li a { padding-top: 40px; padding-bottom: 10px; } } .customization .nav-tabs > li a strong { font-weight: 600; text-decoration: none; } .customization .nav-tabs > li a:hover, .customization .nav-tabs > li a:active, .customization .nav-tabs > li a:focus { color: #686767; background-color: transparent; border: none; text-decoration: none; } .customization .item-selector { max-width: 65px; background-color: #ded4cd; border-radius: 100px; background-clip: padding-box; margin: 0 auto 8px auto; } @media (min-width: 992px) { .customization .item-selector { max-width: 70px; } } .customization .tab-content > .tab-pane { margin-top: 0; } @media (min-width: 992px) { .customization .tab-content > .tab-pane { min-height: 138px; } } .customization #selector-two li a.active, .customization #selector-two li button.active { border: 2px solid #000000; } .customization .selector-custom { display: block; width: 100%; text-align: center; background: rgba(179, 179, 179, 0.2); padding-top: 15px; } @media (min-width: 992px) { .customization .selector-custom { width: 120px; min-height: 490px; } } .customization .selector-custom li { display: inline-block; max-width: 90px; height: auto; margin: 10px 10px; } @media (min-width: 992px) { .customization .selector-custom li { display: inline-block; width: 120px; height: 80px; margin: 40px 0 25px 0; } } .customization .selector-custom li a, .customization .selector-custom li button { border: 2px solid #b3b3b3; background-color: #ded4cd; border-radius: 5px; background-clip: padding-box; display: inline-block; width: 100%; box-sizing: border-box; padding: 0; } .customization .selector-custom li a img, .customization .selector-custom li button img { border-radius: 2px; background-clip: padding-box; } .customization .selector-custom li a.active, .customization .selector-custom li button.active { border: 2px solid #000000; background-color: #000000; } .customization .custom-result { margin: 5% 0; } @media (min-width: 767px) { .customization .custom-result { margin: 20% 0; } } .customization .custom-result img { display: block; margin: 0 auto; width: 40%; max-width: 450px; } @media (min-width: 767px) { .customization .custom-result img { width: 55%; } } @media (min-width: 992px) { .customization .custom-result img { max-width: 550px; } } .customization .selector-typology { background: rgba(179, 179, 179, 0.2); padding-top: 15px; } @media (min-width: 992px) { .customization .selector-typology { float: right; width: 120px; min-height: 490px; } } .customization .custom-btns { margin-top: 30px; text-align: center; } .color-1 { fill: !important; } .color-2 { fill: !important; } .color-3 { fill: !important; } .sp-replacer { width: 100% !important; min-height: 60px !important; min-width: 80px; } .sp-replacer .sp-dd { line-height: 3.1rem !important; } .sp-container button.sp-choose { background-color: #F66232; } .how-it-works .header-how-it-works { margin-top: 10px; } @media (min-width: 767px) { .how-it-works .header-how-it-works { margin-bottom: 10px; } } .how-it-works .box-how-it-works { background: rgba(255, 255, 255, 0.8); margin-top: 5px; margin-bottom: 0; padding-left: 0; padding-right: 0; } @media (min-width: 767px) { .how-it-works .box-how-it-works { border-radius: 12px; background-clip: padding-box; margin-bottom: 30px; padding-left: 30px; padding-right: 30px; } } .how-it-works .icon-item-how-it-works img { padding-bottom: 20px; margin: 0 auto; } @media (min-width: 767px) { .how-it-works .icon-item-how-it-works img { padding: 15px; } } .how-it-works .text-item-how-it-works h2 { margin-bottom: 0; } .how-it-works h1 { text-align: center; } @media (min-width: 767px) { .how-it-works h1 { text-align: center; } } .how-it-works h2 { text-transform: uppercase; margin: 0 0 20px 0; text-align: center; } @media (min-width: 767px) { .how-it-works h2 { text-align: left; margin: 30px 0; font-size: 1.375rem; } } .how-it-works p { color: #000000; text-align: center; margin: 10px 0 30px 0; } @media (min-width: 767px) { .how-it-works p { text-align: left; margin: 15px 0 30px 0; } } .how-it-works .header-title { margin-top: 10px; } @media (min-width: 767px) { .how-it-works .header-title { margin-bottom: 10px; } } .how-it-works a { color: #F66232; } .how-it-works .text-image img.text-image-mb { display: block; margin-bottom: 20px; } @media (min-width: 767px) { .how-it-works .text-image img.text-image-mb { display: none; } } .how-it-works .text-image img.text-image-dt { display: none; } @media (min-width: 767px) { .how-it-works .text-image img.text-image-dt { display: block; margin: 0 auto 40px auto; border-radius: 12px; background-clip: padding-box; } } .how-it-works .interior-how-it-works { padding-bottom: 40px; padding-left: 15px; padding-right: 15px; } @media (min-width: 767px) { .how-it-works .interior-how-it-works { float: none; max-width: 1000px; margin: 0 auto; } } .legal .header-legal { margin-top: 10px; } @media (min-width: 767px) { .legal .header-legal { margin-bottom: 10px; } } .legal .intro-legal { margin: 40px 0; font-style: italic; } .legal .box-legal { background: rgba(255, 255, 255, 0.8); margin-top: 5px; margin-bottom: 0; padding-left: 0; padding-right: 0; } @media (min-width: 767px) { .legal .box-legal { border-radius: 12px; background-clip: padding-box; margin-bottom: 30px; padding-left: 30px; padding-right: 30px; } } .legal h1 { max-width: 800px; margin: 0 auto; line-height: 1.2; text-align: center; } .legal h2 { text-align: left; font-size: 1.125rem; margin: 40px 0 20px 0; } @media (min-width: 767px) { .legal h2 { font-size: 1.375rem; margin: 30px 0 15px 0; } } .legal a { color: #F66232; } .legal p { color: #686767; } @media (min-width: 767px) { .legal p { font-size: 1rem; } } .legal ul { list-style-type: none; line-height: 1.4; } .legal ul li { line-height: 1.4; list-style-type: none; margin-top: 15px; margin-bottom: 15px; } .legal ul li h3 { font-family: "VectoraLTStd-Black", sans-serif; margin-top: 30px; margin-bottom: 15px; color: #686767; font-size: 1.125rem; } @media (min-width: 767px) { .legal ul li h3 { font-size: 1.375rem; } } .legal ul li p { max-width: 100%; } .legal ul li p a { color: #F66232; } .legal ul li strong { font-weight: bolder; } .legal ul li ul { padding-left: 45px; line-height: 1.4; } .legal ul li ul li { line-height: 1.4; padding-left: 15px; list-style: square; margin: initial; } .legal ul li ul li:before { content: ""; } .legal ul li:before { content: "- "; } .legal .tabla-legal { width: 100%; color: #000000; font-family: "Roboto", sans-serif; font-size: 0.875rem; margin: 30px 0; overflow: auto; } @media (min-width: 767px) { .legal .tabla-legal { overflow: initial; } } .legal .tabla-legal table { width: 100%; border-collapse: collapse; min-width: 700px; background: #ffffff; } @media (min-width: 767px) { .legal .tabla-legal table { table-layout: fixed; } } .legal .tabla-legal th { border: 1px solid #F66232; font-family: "Roboto", sans-serif; color: #ffffff; background: #F66232; text-align: center; vertical-align: middle; padding: 15px; } .legal .tabla-legal td { border: 1px solid #686767; text-align: center; padding: 15px; vertical-align: middle; } .legal .table-terms { border: 1px solid #000000; min-width: 100%; margin-bottom: 20px; } .legal .table-terms th, .legal .table-terms td { border: 1px solid #000000; padding: 15px; text-align: center; vertical-align: middle; } .legal .table-terms th { font-family: "Roboto", sans-serif; font-weight: bolder; } .legal .table-cookies .switch { position: relative; display: inline-block; width: 52px; height: 25px; } .legal .table-cookies .switch input { opacity: 0; width: 0; height: 0; } .legal .table-cookies .slider { position: absolute; cursor: pointer; top: -1px; left: 0; right: -1px; bottom: 0; background-color: #ffffff; transition: 0.4s; border: 1px solid #F66232; } .legal .table-cookies .slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 4px; bottom: 3px; background-color: #F66232; transition: 0.4s; } .legal .table-cookies input:checked + .slider { background-color: #F66232; } .legal .table-cookies input:focus + .slider { box-shadow: 0 0 1px #F66232; } .legal .table-cookies input:checked + .slider:before { transform: translateX(26px); background-color: #ffffff; } .legal .table-cookies .slider.round { border-radius: 34px; } .legal .table-cookies .slider.round:before { border-radius: 50%; } .legal .links-legal { margin: 15px 0; } .legal .links-legal a { width: 100%; display: inline-block; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (min-width: 767px) { .legal .links-legal a { width: auto; } } .legal .text-image img.text-image-mb { display: block; margin-bottom: 20px; } @media (min-width: 767px) { .legal .text-image img.text-image-mb { display: none; } } .legal .text-image img.text-image-dt { display: none; } @media (min-width: 767px) { .legal .text-image img.text-image-dt { display: block; margin: 0 auto 40px auto; border-radius: 12px; background-clip: padding-box; } } .legal .interior-legal { padding-bottom: 40px; padding-left: 15px; padding-right: 15px; } @media (min-width: 767px) { .legal .interior-legal { float: none; max-width: 1000px; margin: 0 auto; } } .legal .interior-legal.interior-contact { margin: 30px auto 0 auto; text-align: center; } .legal .interior-legal h3 { color: inherit !important; font-family: "Roboto", sans-serif; font-weight: bolder; } .legal .list-style-lower-roman { padding-left: 45px; line-height: 1.4; } .legal .list-style-lower-roman li { list-style: none; } .legal .list-style-lower-roman li:before { content: ""; } .header-login { padding: 5px 15px 25px 15px; } .header-login img { display: block; margin: 0 auto; max-width: 90%; } @media (min-width: 380px) { .header-login img { max-width: 280px; } } @media (min-width: 767px) { .header-login img { max-width: 100%; } } .bg-login .logo-footer { position: absolute; bottom: 15px; left: 15px; } .login { text-align: center; color: #ffffff; padding: 20px 0; } @media (min-width: 767px) { .login { font-size: 1.75rem; padding: 70px 0 30px 0; } } .login .center-block { max-width: 500px; } .login h2 { width: 100%; font-family: "Roboto", sans-serif; font-weight: 700; font-size: 1.5rem; color: #ffffff; margin-bottom: 15px; } @media (min-width: 767px) { .login h2 { font-size: 2rem; } } .login p { color: #ffffff; font-size: 0.9375rem; margin-bottom: 15px; text-shadow: 0px 0px 2px #969696; } @media (min-width: 767px) { .login p { font-size: 1.125rem; margin-bottom: 30px; } } .login .btn-primary { color: #ffffff !important; background: #F66232 !important; border-color: #F66232; border-width: 2px; font-size: 1rem; font-weight: 400; font-family: "Roboto", sans-serif; padding: 10px 30px; text-transform: uppercase; } .login .btn-primary span { margin: 0 10px; } .login .btn-primary:hover { background: #F66232 !important; border-color: #F66232 !important; opacity: 0.9; filter: alpha(opacity=90); } .login .btn-primary:active, .login .btn-primary:focus { background: #F66232 !important; border-color: #F66232 !important; } @media (min-width: 767px) { .login .btn-primary { font-size: 1.1875rem; padding: 16px 50px; } } .login .login-form { float: none; max-width: 360px; margin: 0 auto; } .login .login-form .form-group { text-align: left; } .login .login-form .form-group label { margin-top: 10px; color: #ffffff; font-size: 0.875rem; text-transform: uppercase; } @media (min-width: 767px) { .login .login-form .form-group label { font-size: 1rem; } } .login .login-form .form-group .form-control { background: rgba(255, 255, 255, 0.75); } @media (min-width: 767px) { .login .login-form .form-group .form-control.input-lg, .login .login-form .form-group .input-group-lg > .form-control, .login .login-form .form-group .input-group-lg > .input-group-btn > .form-control.btn { height: 48px; } } .login .login-form .remind-password { color: #ffffff; font-size: 1rem; } .login .login-form .btn-primary { margin: 30px 0; } @media (min-width: 767px) { .login .login-form .btn-primary { margin: 40px 0; } } .login .login-form.login-rgpd { max-width: 100%; } .login .login-form.login-rgpd .checkbox label { font-size: 0.8125rem; line-height: 1.3; text-transform: none; text-align: left; } .login .login-form.login-rgpd .checkbox label a { color: #ffffff; } .login .login-form.login-rgpd .checkbox label span { display: inline-block; vertical-align: top; padding-top: 3px; } .login .login-form.login-rgpd .checkbox-interior { display: inline-block; vertical-align: top; padding-left: 50px; } .login .login-form.login-rgpd .checkbox-interior label { width: 100%; } .login .login-form.login-rgpd .btn-primary { margin: 10px 0; } .login .login-form .disclaimer { margin: 30px 0 0 0; text-align: left; } .login .login-form .disclaimer p { font-family: "Roboto", sans-serif; font-size: 0.8125rem; line-height: 1.3; } .login .login-form .disclaimer p a { color: #ffffff; } .profile { margin-bottom: 0; } .profile .bg-pattern { background: url("/../images/bg-tram.jpg"); } @media (min-width: 767px) { .profile { margin-bottom: 0; } } .profile h2 { font-family: "VectoraLTStd-Black", sans-serif; font-size: 1.25rem; text-transform: uppercase; font-weight: 400; margin: 0 0 10px 0; } @media (min-width: 767px) { .profile h2 { margin: 0 0 10px 0; font-size: 1.625rem; } } .profile .box-profile { background: #ffffff; } .profile .info-profile { margin: 50px 0 60px 0; padding: 0; text-align: center; } @media (min-width: 767px) { .profile .info-profile { margin: 50px 0 60px 0; padding: 0 30px 30px 30px; } } .profile .info-profile h1 { text-transform: uppercase; margin-top: 0; margin-bottom: 30px; } @media (min-width: 767px) { .profile .info-profile h1 { font-size: 2rem; margin-bottom: 50px; } } .profile .info-profile h2 { font-family: "VectoraLTStd-Black", sans-serif; text-transform: uppercase; margin-top: 0; margin-bottom: 30px; } @media (min-width: 767px) { .profile .info-profile h2 { font-size: 2rem; margin-bottom: 30px; } } .profile .info-profile h3 { font-size: 1.25rem; font-family: "VectoraLTStd-Black", sans-serif; text-transform: uppercase; margin-top: 0; margin-bottom: 30px; } @media (min-width: 767px) { .profile .info-profile h3 { font-size: 1.625rem; margin-bottom: 30px; } } .profile .info-profile .btn-baja { color: #F66232; } .profile .info-profile .info-profile-team { margin-bottom: 30px; padding: 15px 0 30px 0; } @media (min-width: 767px) { .profile .info-profile .info-profile-team.info-profile-avatar { margin-bottom: 0; padding: 15px 30px 30px 30px; } } .profile .info-profile .info-profile-team.info-profile-avatar .image-profile { max-width: 110px; border-radius: 100%; background-clip: padding-box; } @media (min-width: 767px) { .profile .info-profile .info-profile-team.info-profile-avatar .image-profile { max-width: 240px; } } @media (min-width: 767px) { .profile .info-profile .info-profile-team { margin-bottom: 0; border-bottom: none; padding: 60px 30px 30px 30px; } } .profile .info-profile .info-profile-team .profile-stats { color: #000000; text-transform: uppercase; font-weight: 700; line-height: 1.2; margin: 30px 0; } .profile .info-profile .info-profile-team .profile-stats p { font-size: 1.0625rem; } @media (min-width: 767px) { .profile .info-profile .info-profile-team .profile-stats p { font-size: 1.25rem; } } @media (min-width: 992px) { .profile .info-profile .info-profile-team .profile-stats p { font-size: 1.375rem; } } .profile .info-profile .info-profile-team .image-profile { display: block; margin: 0 auto 30px auto; max-width: 290px; width: 100%; } .profile .info-profile .info-profile-team .btn-primary { margin: 0; max-width: 300px; font-size: 1rem; } @media (min-width: 767px) { .profile .info-profile .info-profile-team .btn-primary { margin: 0; font-size: 1.125rem; } } @media (min-width: 992px) { .profile .info-profile .info-profile-team .btn-primary { font-size: 1.125rem; } } .profile .info-profile .info-profile-user-legacy { margin-top: 0; } @media (min-width: 767px) { .profile .info-profile .info-profile-user-legacy { margin-top: 60px; } } .profile .info-profile .info-profile-user-legacy .image-profile-user { position: relative; display: block; margin: 0 auto 30px auto; max-width: 290px; width: 100%; } .profile .info-profile .info-profile-user { margin-bottom: 30px; padding: 15px 0 30px 0; } @media (min-width: 767px) { .profile .info-profile .info-profile-user { margin-bottom: 0; border-bottom: none; padding: 60px 30px 30px 30px; } } .profile .info-profile .info-profile-user .image-profile-user { position: relative; display: block; margin: 0 auto 30px auto; max-width: 400px; width: 100%; } @media (min-width: 767px) { .profile .info-profile .info-profile-user .image-profile-user { max-width: 600px; } } .profile .info-profile .info-profile-user .image-profile-user img.img-weapon { position: absolute; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; } .profile .info-profile .info-profile-user .image-profile-user img.bg-weapon { display: block; width: 100%; } .profile .info-profile .data-profile { margin-top: 10px; text-align: left; } .profile .info-profile .data-profile .form-group label { color: #1b4f5f; } .profile .info-profile .data-profile .form-group .form-control { border: 1px solid #ddd; } .profile .info-profile .data-profile .checkbox label { color: #1b4f5f; text-transform: none; margin-bottom: 20px; } .profile .info-profile .data-profile .btn-primary { margin: 10px; font-size: 1rem; } @media (min-width: 767px) { .profile .info-profile .data-profile .btn-primary { margin: 10px; font-size: 1.125rem; } } @media (min-width: 992px) { .profile .info-profile .data-profile .btn-primary { font-size: 1.125rem; } } .profile .profile-team { float: left; width: 100%; margin: 0 auto 40px auto; border-radius: 12px; background-clip: padding-box; } @media (min-width: 767px) { .profile .profile-team { float: none; max-width: 960px; margin: 20px auto 0 auto; } } .profile .profile-users { background: #f5f5f5; padding: 50px 0 10px 0; text-align: center; width: 100%; border-radius: 12px; background-clip: padding-box; } @media (min-width: 767px) { .profile .profile-users { padding: 50px 0 10px 0; max-width: 100%; margin: 0 auto; } } .profile .profile-users .item-profile-users { display: inline-block; vertical-align: top; overflow: visible; width: 48%; max-width: 220px; text-decoration: none; color: #000000; margin-bottom: 40px; background: transparent; border: none; padding-left: 10px; padding-right: 10px; } @media (min-width: 767px) { .profile .profile-users .item-profile-users { width: 32%; max-width: 100%; } } .profile .profile-users .item-profile-users .img-profile-users { display: inline-block; vertical-align: middle; width: 64px; border-radius: 100%; background-clip: padding-box; border: 1px solid #ddd; margin-right: 8px; } .profile .profile-users .item-profile-users h4 { display: inline-block; vertical-align: middle; text-align: center; width: 100%; color: #000000; font-size: 1rem; line-height: 1.1; margin-top: 8px; } @media (min-width: 767px) { .profile .profile-users .item-profile-users h4 { font-size: 1.25rem; } } @media (min-width: 992px) { .profile .profile-users .item-profile-users h4 { width: 140px; margin-top: 0; text-align: left; max-width: 65%; } } /* ini tabs profile */ .tabs-profile { float: none; max-width: 400px; margin: 0 auto; } @media (min-width: 767px) { .tabs-profile { max-width: 100%; margin: 0; } } .tabs-profile .cont-navs { position: absolute; top: 0; left: 0; width: 100%; z-index: 10; } .tabs-profile .btn-block { font-family: "Roboto", sans-serif; font-size: 1rem; padding-top: 10px; padding-bottom: 10px; } .tabs-profile .nav-tabs > li a { border-bottom: 1px solid #ddd; font-size: 1.25rem; line-height: 20px; color: #686767 !important; } .tabs-profile .nav-tabs > li a:active, .tabs-profile .nav-tabs > li a:hover { border-bottom: 1px solid #ddd; color: #ffffff !important; background-color: #F66232; } .tabs-profile .nav-tabs-dropdown { display: block; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .tabs-profile .nav-tabs-dropdown:before { content: ""; font-family: "Glyphicons Halflings"; position: absolute; right: 30px; } .tabs-profile .nav-tabs-dropdown.btn-primary { color: #000000 !important; background: #ddd !important; font-size: 20px !important; max-width: 100% !important; } .tabs-profile #nav-tabs-wrapper-custom, .tabs-profile #nav-tabs-wrapper-members { display: none; border-top-left-radius: 0; border-top-right-radius: 0; text-align: center; } .tabs-profile .nav-tabs-horizontal { min-height: 20px; padding: 0; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #ddd; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .tabs-profile .nav-tabs-horizontal > li { float: none; margin-bottom: 0; } .tabs-profile .nav-tabs-horizontal > li + li { margin-left: 0; } .tabs-profile .nav-tabs-horizontal > li > a { border-radius: 0; background: #ffffff; width: 100%; height: 46px; color: #b3b3b3; padding-top: 13px !important; border-top: none !important; border-left: none !important; border-right: none !important; border-bottom: 1px solid #ddd; text-transform: uppercase; text-decoration: none; } .tabs-profile .nav-tabs-horizontal > li.active > a, .tabs-profile .nav-tabs-horizontal > li.active > a:hover, .tabs-profile .nav-tabs-horizontal > li.active > a:focus { color: #ffffff !important; background-color: #F66232 !important; border-top: none !important; border-left: none !important; border-right: none !important; border-bottom: 1px solid #ddd; } .tabs-profile .tab-content { padding: 90px 15px 40px 15px; background: rgba(255, 255, 255, 0.3); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .tabs-profile #members { padding: 90px 15px 40px 15px; background: rgba(255, 255, 255, 0.3); border-radius: 6px; background-clip: padding-box; border: 1px solid #f5f5f5; } /* fin tabs profile */ /* ini members */ .members .pager { margin: 60px; padding: 0; text-align: center; } .members .tab-content { padding: 0 0 60px; border-radius: 0; } /* end members */ /* ini modal profile */ .modal-profile .modal-header { padding: 8px 15px; } .modal-profile .modal-dialog { background: url("/../images/bg-tram.jpg") no-repeat center center; background-size: cover; border-radius: 12px; background-clip: padding-box; overflow: hidden; } .modal-profile .modal-content { background: #f5f5f5; } .modal-profile .modal-body { padding: 0 15px; } @media (min-width: 767px) { .modal-profile .modal-body { padding: 0 30px; } } .modal-profile .close { font-size: 2.5rem; opacity: 1; filter: alpha(opacity=100); } .modal-profile .modal-profile-avatar { float: none; padding-top: 0; text-align: center; margin-bottom: 20px; } @media (min-width: 767px) { .modal-profile .modal-profile-avatar { float: left; padding-top: 6px; } } .modal-profile .modal-profile-avatar img { display: inline-block; vertical-align: middle; width: 92px; border-radius: 100%; background-clip: padding-box; border: 1px solid #ddd; margin-bottom: 0; } .modal-profile .modal-profile-weapon img { width: 92px; margin: 15px auto; } @media (min-width: 767px) { .modal-profile .modal-profile-weapon img { width: auto; margin: 0 auto; } } .modal-profile .modal-profile-info { float: none; border-radius: 12px; background-clip: padding-box; background-color: #ffffff; padding-top: 10px; padding-bottom: 10px; max-width: 360px; margin: 0 auto 40px auto; } @media (min-width: 767px) { .modal-profile .modal-profile-info { float: left; max-width: 100%; } } .modal-profile .modal-profile-info p { color: #000000; margin-bottom: 0; font-size: 1.0625rem; line-height: 1.6; } .modal-profile .modal-profile-info p span { display: inline-block; vertical-align: middle; margin-right: 10px; width: 45%; } @media (min-width: 767px) { .modal-profile .modal-profile-info p span { width: auto; } } .modal-profile .modal-profile-info p strong { display: inline-block; vertical-align: middle; text-transform: uppercase; font-weight: 400; width: 45%; line-height: 1.1; margin-bottom: 10px; font-family: "VectoraLTStd-Black", sans-serif; } @media (min-width: 767px) { .modal-profile .modal-profile-info p strong { width: auto; margin-bottom: 0; } } @media (min-width: 767px) { .modal-profile .modal-dialog { width: 680px; } } .modal-profile .nav-tabs { border-bottom: 2px solid #ddd; } .modal-profile .nav-tabs > li { margin-bottom: 0; } .modal-profile .nav-tabs > li.active { margin-bottom: -2px; } .modal-profile .nav-tabs > li.active .disabled { color: #ffffff; height: 42px; background-color: #f5f5f5 !important; border: 2px solid #f5f5f5 !important; padding-top: 13px; } .modal-profile .nav-tabs > li.active .disabled:active, .modal-profile .nav-tabs > li.active .disabled:focus, .modal-profile .nav-tabs > li.active .disabled:hover { cursor: default; color: #ffffff; padding-top: 13px; background-color: #f5f5f5 !important; border: 2px solid #f5f5f5 !important; } .modal-profile .nav-tabs > li > a { font-family: "VectoraLTStd-Black", sans-serif; font-size: 0.9375rem; line-height: 1.2; color: #f5f5f5; font-weight: 600; text-transform: uppercase; text-align: center; text-decoration: none; padding: 6px 20px; border: 2px solid rgba(255, 255, 255, 0); border-bottom: none; background-color: rgba(0, 0, 0, 0.3); } .modal-profile .nav-tabs > li > a.disabled { color: #ffffff; height: 42px; background-color: #f5f5f5; border: 2px solid #f5f5f5; padding-top: 13px; } .modal-profile .nav-tabs > li > a.disabled:active, .modal-profile .nav-tabs > li > a.disabled:focus, .modal-profile .nav-tabs > li > a.disabled:hover { cursor: default; color: #ffffff; padding-top: 13px; background-color: #f5f5f5; border: 2px solid #f5f5f5; } .modal-profile .nav-tabs > li > a span { display: inline-block; width: auto; margin: 0 2px; } @media (min-width: 767px) { .modal-profile .nav-tabs > li > a span { width: 100%; } } .modal-profile .nav > li > a:focus, .modal-profile .nav > li > a:hover { background-color: rgba(0, 0, 0, 0.2); } .modal-profile .nav-tabs > li.active > a, .modal-profile .nav-tabs > li.active > a:focus, .modal-profile .nav-tabs > li.active > a:hover { color: #ffffff; border: 2px solid #F66232 !important; border-bottom: none !important; background-color: #F66232 !important; } .modal-profile .tab-content > .tab-pane p { width: 100%; text-align: center; padding: 30px; } .modal-profile .tab-content > .tab-pane .table-profile { padding-top: 15px; padding-bottom: 15px; } .modal-profile .tab-content > .tab-pane .table-profile label { font-size: 0.8125rem; } .modal-profile .tab-content > .tab-pane .table-profile .checkbox label { text-transform: none; margin-bottom: 15px; } .modal-profile .btn-block { font-family: "VectoraLTStd-Black", sans-serif; font-size: 1rem; padding-top: 10px; padding-bottom: 10px; } .modal-profile .nav-tabs-dropdown { display: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .modal-profile .nav-tabs-dropdown:before { content: ""; font-family: "Glyphicons Halflings"; position: absolute; right: 30px; } @media screen and (min-width: 769px) { .modal-profile #nav-tabs-wrapper { display: block !important; } } @media screen and (max-width: 768px) { .modal-profile .nav-tabs-dropdown { display: block; } .modal-profile #nav-tabs-wrapper { display: none; border-top-left-radius: 0; border-top-right-radius: 0; text-align: center; } .modal-profile .nav-tabs-horizontal { min-height: 20px; padding: 0; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #ddd; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .modal-profile .nav-tabs-horizontal > li { float: none; } .modal-profile .nav-tabs-horizontal > li + li { margin-left: 0; } .modal-profile .nav-tabs-horizontal > li > a { border-radius: 0; background-color: rgba(0, 0, 0, 0.3); width: 100%; height: 42px; padding-top: 13px !important; border-left: none !important; border-right: none !important; } .modal-profile .nav-tabs-horizontal > li.active > a, .modal-profile .nav-tabs-horizontal > li.active > a:hover, .modal-profile .nav-tabs-horizontal > li.active > a:focus { color: #ffffff; border-left: none !important; border-right: none !important; } } .table-profile { width: 100%; border-collapse: collapse; margin-top: 0; margin-bottom: 0; background-color: #ffffff; } .table-profile tbody { height: 200px; overflow-y: auto; width: 100%; } .table-profile thead, .table-profile tbody, .table-profile tr, .table-profile td, .table-profile th { display: block; text-align: center; color: #000000; } .table-profile thead { width: 95.5%; } .table-profile tbody tr:first-child td { border-top: 0 !important; } .table-profile tbody tr td:first-child { border-left: 0 !important; } .table-profile tbody tr:last-child td { border-bottom: 0 !important; } .table-profile tbody tr td:last-child { border-right: 0 !important; } .table-profile tbody td { float: left; border: 1px solid #ddd !important; text-align: center; color: #000000; padding: 15px 0 !important; height: 60px; font-size: 0.8125rem; } .table-profile tbody td a { color: #000000; } .table-profile tbody td span { display: inline-block; min-height: 38px; } @media (min-width: 480px) { .table-profile tbody td { font-size: 1rem; height: auto; } } .table-profile thead tr th { float: left; color: #000000; border: none; border-bottom: 2px solid #ddd; font-size: 0.6875rem; height: 50px; line-height: 1; word-break: break-all; padding: 8px 4px; } .table-profile thead tr th.header-position { height: 15px; border: none; } @media (min-width: 480px) { .table-profile thead tr th.header-position { height: 25px; } } .table-profile thead tr th strong { font-size: 0.875rem; font-weight: 400; } @media (min-width: 480px) { .table-profile thead tr th strong { font-size: 1.125rem; } } .table-profile thead tr th div { padding-top: 4px; } @media (min-width: 480px) { .table-profile thead tr th { height: 40px; font-size: 0.875rem; } } .achievements-table { padding: 16px; border: 1px solid #ddd; margin-bottom: 50px; } .achievements-header { margin: 50px 0 60px 0; padding: 0; text-align: center; } @media (min-width: 767px) { .achievements-header { margin: 50px 0 60px 0; } } .achievements-header h2 { text-transform: uppercase; margin-top: 0; margin-bottom: 30px; } @media (min-width: 767px) { .achievements-header h2 { font-size: 2rem; margin-bottom: 50px; } } .achievements-info { display: flex; margin-bottom: 50px; height: 40px; margin-left: 15px; background-size: cover; } @media (min-width: 380px) { .achievements-info { height: 43px; } } @media (min-width: 767px) { .achievements-info { height: 60px; } } @media (min-width: 480px) { .achievements-info { width: 70%; text-align: center; margin: 0 auto 70px; } } @media (min-width: 480px) and (min-width: 600px) { .achievements-info { width: 55%; } } @media (min-width: 480px) and (min-width: 767px) { .achievements-info { width: 50%; } } @media (min-width: 480px) and (min-width: 1200px) { .achievements-info { width: 35%; } } .achievements-info .image-profile { position: relative; max-height: 65px; max-width: 65px; width: 100%; filter: grayscale(100%); float: left; bottom: 10px; margin-left: -32px; } @media (min-width: 767px) { .achievements-info .image-profile { max-height: 80px; max-width: 80px; } } .achievements-info .info-position { margin-top: 10px; } @media (min-width: 767px) { .achievements-info .info-position { margin-top: 15px; } } @media (min-width: 1200px) { .achievements-info .info-position { margin-top: 14px; } } .achievements-info .info-position .position-name { font-style: italic; text-align: center; text-transform: none; color: inherit; font-family: "VectoraLTStd-Black", sans-serif; font-size: 0.875rem; line-height: 1.3; font-weight: normal; } @media (min-width: 380px) { .achievements-info .info-position .position-name { font-size: 1rem; } } @media (min-width: 767px) { .achievements-info .info-position .position-name { font-size: 1.125rem; } } .achievements-info .info-position .position-name span { margin-left: 0.45rem; font-family: "VectoraLTStd-Black", sans-serif; font-size: 1.0625rem; color: #F66232; font-style: normal; font-weight: 400; } @media (min-width: 767px) { .achievements-info .info-position .position-name span { margin-left: 2rem; margin-top: 20px; font-size: 1.25rem; } } @media (min-width: 1200px) { .achievements-info .info-position .position-name span { font-size: 1.5625rem; } } .achievements-info .info-position .position-name img { margin-left: 1rem; height: 23px; float: right; } @media (min-width: 600px) { .achievements-info .info-position .position-name img { margin-right: 0.5rem; height: 23px; } } @media (min-width: 600px) and (min-width: 767px) { .achievements-info .info-position .position-name img { height: 27px; } } @media (min-width: 600px) and (min-width: 1200px) { .achievements-info .info-position .position-name img { height: 30px; margin-right: 0.5rem; } } .game .header-game { text-align: center; margin: 20px 0; } .game .header-game h1 { margin-bottom: 12px; } @media (min-width: 767px) { .game .header-game h1 { margin-bottom: 20px; } } .game .header-game p { font-size: 0.875rem; max-width: 90%; margin: 0 auto; } @media (min-width: 767px) { .game .header-game p { max-width: 800px; font-size: 1rem; } } @media (min-width: 767px) { .game .header-game { margin: 30px 0; } } @media (min-width: 767px) { .game .container-game { padding-left: 30px; padding-right: 30px; } } .game .box-game { position: relative; margin-top: 25px; min-height: 180px; } .fixed-progress { position: fixed; top: 68px; left: 0; width: 100%; z-index: 1000; } @media (min-width: 767px) { .fixed-progress { top: 63px; } } @media (min-width: 992px) { .fixed-progress { top: 84px; } } @media (min-width: 767px) { .fixed-progress .box-progress-bar { max-width: 1170px; margin: 0 auto; } } .fixed-progress.progress-container { margin-top: 0; padding: 25px 15px 15px 15px; border-radius: 0px; background-clip: padding-box; } .fixed-progress.progress-container .progress-bar .progress-marker .progress-seconds { bottom: -20px; } .progress-container { text-align: center; padding: 25px 15px; background: #f5f5f5; border-radius: 0px; background-clip: padding-box; background-clip: padding-box; } @media (min-width: 767px) { .progress-container { padding: 40px 15px; border-radius: 12px; background-clip: padding-box; } } .progress-container h3 { margin-top: 0; } .progress-container .box-progress-bar { padding: 0 15px; } @media (min-width: 767px) { .progress-container .box-progress-bar { padding: 0 15px; } } .progress-container .progress-bar { position: relative; width: 100%; margin: 0 0 10px 0; height: 18px; background: #ffffff; border-radius: 12px; background-clip: padding-box; border: 1px solid #ffffff; } .progress-container .progress-bar .progress-complete { position: relative; background: #F66232; border-radius: 12px; background-clip: padding-box; height: 16px; } .progress-container .progress-bar .progress-marker { position: absolute; top: -7px; right: -15px; width: 30px; height: 30px; background-repeat: no-repeat; background-size: 100%; background-color: #ffffff; border: 2px solid #F66232; border-radius: 100%; overflow: visible; } .progress-container .progress-bar .progress-marker .progress-seconds { position: absolute; bottom: -25px; left: -45px; text-align: center; display: inline-block; width: 85px; font-size: 0.875rem; font-weight: 700; color: #F66232; } .cover { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; text-align: center; z-index: 10; background-color: #f5f5f5; border-radius: 0px; background-clip: padding-box; } @media (min-width: 767px) { .cover { border-radius: 12px; background-clip: padding-box; } } .cover .cover-btn-container { position: relative; display: block; width: 100%; height: 100%; padding: 15px; } .cover .cover-btn-container .btn { margin-top: 20%; } @media (min-width: 767px) { .cover .cover-btn-container .btn { margin-top: 50px; } } .cover .cover-btn-container .btn.participated { cursor: default; white-space: normal; padding-left: 15px; padding-right: 15px; line-height: 1.3; } .alphabet { /* 12em = half the width of the wrapper */ } .alphabet .btn-pass-letter { position: absolute; top: 0; right: 0; background: #ce6a62; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ce6a62 0%, #ce6a62 41%, #bf3235 58%, #bf3235 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ce6a62", endColorstr="#bf3235", GradientType=0); /* IE6-9 */ font-size: 0.875rem; padding-top: 6px; padding-bottom: 6px; padding-left: 8px; padding-right: 7px; border: 1px solid #ffffff; } .alphabet .btn-pass-letter:hover, .alphabet .btn-pass-letter:active, .alphabet .btn-pass-letter:focus { border: 1px solid #ffffff !important; } @media (min-width: 767px) { .alphabet .btn-pass-letter { font-size: 1rem; padding-top: 8px; padding-bottom: 8px; padding-left: 20px; padding-right: 20px; } } .alphabet .alphabet-game { position: relative; max-width: 800px; margin: 30px auto; } .alphabet .alphabet-results { position: absolute; top: 0; left: 0; width: 150px; text-align: left; } .alphabet .alphabet-results ul { width: 200px; } .alphabet .alphabet-results ul li { display: inline-block; } .alphabet .alphabet-results ul li .ball { position: static; display: inline-block; margin: 0; width: 2em; height: 2em; line-height: 1.8em; } @media (min-width: 767px) { .alphabet .alphabet-results ul li .ball { width: 2.2em; height: 2.2em; line-height: 2.1em; margin: 0 2px; } } .alphabet .options { text-align: center; margin-bottom: 10px; } .alphabet .options .btn-primary { display: block; width: 100%; max-width: 280px; margin: 15px auto; white-space: normal; } @media (min-width: 767px) { .alphabet .options .btn-primary { display: inline-block; font-size: 1rem; width: 32%; max-width: 200px; margin: 15px; } } .alphabet .circle-container { position: relative; width: 18em; height: 18em; border-radius: 50%; margin: 35px auto 0 auto; } @media (min-width: 767px) { .alphabet .circle-container { margin: 20px auto 0 auto; } } .alphabet .circle-container span, .alphabet .ball { display: block; overflow: hidden; position: absolute; top: 50%; left: 50%; width: 1.6em; height: 1.6em; line-height: 1.4em; text-align: center; margin: -1em; /* 2em = 4em/2 */ /* half the width */ color: #FFF; border-radius: 100%; text-decoration: none; font-weight: bold; border: 1px solid white; box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5); font-size: 15px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#64aef3+0,64aef3+41,1c6fcb+60,2273d2+100 */ background: #64aef3; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #64aef3 0%, #64aef3 41%, #1c6fcb 60%, #2273d2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#64aef3", endColorstr="#2273d2", GradientType=0); /* IE6-9 */ } .alphabet .circle-container span.right, .alphabet span.right { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#63b053+0,63b053+41,217c12+60,217c12+100 */ background: #63b053; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #63b053 0%, #63b053 41%, #217c12 60%, #217c12 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#63b053", endColorstr="#217c12", GradientType=0); /* IE6-9 */ } .alphabet .circle-container span.wrong, .alphabet span.wrong { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ce6a62+0,ce6a62+41,bf3235+58,bf3235+100 */ background: #ce6a62; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ce6a62 0%, #ce6a62 41%, #bf3235 58%, #bf3235 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ce6a62", endColorstr="#bf3235", GradientType=0); /* IE6-9 */ } .alphabet .circle-container span.disabled { opacity: 0.4; } .alphabet .deg0 { transform: translate(8em); } .alphabet .deg15 { transform: rotate(15deg) translate(8em) rotate(-15deg); } .alphabet .deg30 { transform: rotate(30deg) translate(8em) rotate(-30deg); } .alphabet .deg45 { transform: rotate(45deg) translate(8em) rotate(-45deg); } .alphabet .deg60 { transform: rotate(60deg) translate(8em) rotate(-60deg); } .alphabet .deg75 { transform: rotate(75deg) translate(8em) rotate(-75deg); } .alphabet .deg90 { transform: rotate(90deg) translate(8em) rotate(-90deg); } .alphabet .deg105 { transform: rotate(105deg) translate(8em) rotate(-105deg); } .alphabet .deg120 { transform: rotate(120deg) translate(8em) rotate(-120deg); } .alphabet .deg135 { transform: rotate(135deg) translate(8em) rotate(-135deg); } .alphabet .deg150 { transform: rotate(150deg) translate(8em) rotate(-150deg); } .alphabet .deg165 { transform: rotate(165deg) translate(8em) rotate(-165deg); } .alphabet .deg180 { transform: translate(-8em); } .alphabet .deg195 { transform: rotate(195deg) translate(8em) rotate(-195deg); } .alphabet .deg210 { transform: rotate(210deg) translate(8em) rotate(-210deg); } .alphabet .deg225 { transform: rotate(225deg) translate(8em) rotate(-225deg); } .alphabet .deg240 { transform: rotate(240deg) translate(8em) rotate(-240deg); } .alphabet .deg255 { transform: rotate(255deg) translate(8em) rotate(-255deg); } .alphabet .deg270 { transform: rotate(270deg) translate(8em) rotate(-270deg); } .alphabet .deg285 { transform: rotate(285deg) translate(8em) rotate(-285deg); } .alphabet .deg300 { transform: rotate(300deg) translate(8em) rotate(-300deg); } .alphabet .deg315 { transform: rotate(315deg) translate(8em) rotate(-315deg); } .alphabet .deg330 { transform: rotate(330deg) translate(8em) rotate(-330deg); } .alphabet .deg345 { transform: rotate(345deg) translate(8em) rotate(-345deg); } .alphabet .box-question { position: absolute; width: 100%; padding: 5em 4em; text-align: center; } @media (min-width: 600px) { .alphabet .box-question { padding: 5em 3em; } } .alphabet .question { position: relative; height: 8em; overflow: hidden; } .alphabet .question .text-question { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; } .alphabet .question .text-question strong { display: inline-block; font-weight: bold; font-size: 1.0625rem; text-decoration: underline; margin-bottom: 10px; } .alphabet .question .text-question p { font-weight: bold; font-size: 0.8125rem; line-height: 1.3; } .alphabet .blinking { animation-name: blinking; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; -webkit-animation-name: blinking; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; } @-webkit-keyframes blinking { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes blinking { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } .differences .box-difference { position: relative; width: 300px; height: 180px; margin: 0 auto 15px auto; } @media (min-width: 480px) { .differences .box-difference { width: 400px; height: 240px; } } @media (min-width: 1200px) { .differences .box-difference { width: 500px; height: 300px; } } .differences .box-difference .item-difference { position: absolute; width: 60px; height: 60px; z-index: 2; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background-repeat: no-repeat; } @media (min-width: 480px) { .differences .box-difference .item-difference { width: 80px; height: 80px; } } @media (min-width: 1200px) { .differences .box-difference .item-difference { width: 100px; height: 100px; } } .differences .box-difference .item-difference.correct { border: 4px solid #00d705; } .differences .box-difference .item-difference.one { top: 0; left: 0; background-position: 0 0; } .differences .box-difference .item-difference.two { top: 0; left: 60px; background-position: -60px 0; } @media (min-width: 480px) { .differences .box-difference .item-difference.two { left: 80px; background-position: -80px 0; } } @media (min-width: 1200px) { .differences .box-difference .item-difference.two { left: 100px; background-position: -100px 0; } } .differences .box-difference .item-difference.three { top: 0; left: 120px; background-position: -120px 0; } @media (min-width: 480px) { .differences .box-difference .item-difference.three { left: 160px; background-position: -160px 0; } } @media (min-width: 1200px) { .differences .box-difference .item-difference.three { left: 200px; background-position: -200px 0; } } .differences .box-difference .item-difference.four { top: 0; left: 180px; background-position: -180px 0; } @media (min-width: 480px) { .differences .box-difference .item-difference.four { left: 240px; background-position: -240px 0; } } @media (min-width: 1200px) { .differences .box-difference .item-difference.four { left: 300px; background-position: -300px 0; } } .differences .box-difference .item-difference.five { top: 0; left: 240px; background-position: -240px 0; } @media (min-width: 480px) { .differences .box-difference .item-difference.five { left: 320px; background-position: -320px 0; } } @media (min-width: 1200px) { .differences .box-difference .item-difference.five { left: 400px; background-position: -400px 0; } } .differences .box-difference .item-difference.six { top: 60px; left: 0; background-position: 0 -60px; } @media (min-width: 480px) { .differences .box-difference .item-difference.six { top: 80px; left: 0; background-position: 0 -80px; } } @media (min-width: 1200px) { .differences .box-difference .item-difference.six { top: 100px; left: 0; background-position: 0 -100px; } } .differences .box-difference .item-difference.seven { top: 60px; left: 60px; background-position: -60px -60px; } @media (min-width: 480px) { .differences .box-difference .item-difference.seven { top: 80px; left: 80px; background-position: -80px -80px; } } @media (min-width: 1200px) { .differences .box-difference .item-difference.seven { top: 100px; left: 100px; background-position: -100px -100px; } } .differences .box-difference .item-difference.eight { top: 60px; left: 120px; background-position: -120px -60px; } @media (min-width: 480px) { .differences .box-difference .item-difference.eight { top: 80px; left: 160px; background-position: -160px -80px; } } @media (min-width: 1200px) { .differences .box-difference .item-difference.eight { top: 100px; left: 200px; background-position: -200px -100px; } } .differences .box-difference .item-difference.nine { top: 60px; left: 180px; background-position: -180px -60px; } @media (min-width: 480px) { .differences .box-difference .item-difference.nine { top: 80px; left: 240px; background-position: -240px -80px; } } @media (min-width: 1200px) { .differences .box-difference .item-difference.nine { top: 100px; left: 300px; background-position: -300px -100px; } } .differences .box-difference .item-difference.ten { top: 60px; left: 240px; background-position: -240px -60px; } @media (min-width: 480px) { .differences .box-difference .item-difference.ten { top: 80px; left: 320px; background-position: -320px -80px; } } @media (min-width: 1200px) { .differences .box-difference .item-difference.ten { top: 100px; left: 400px; background-position: -400px -100px; } } .differences .box-difference .item-difference.eleven { top: 120px; left: 0; background-position: 0 -120px; } @media (min-width: 480px) { .differences .box-difference .item-difference.eleven { top: 160px; left: 0; background-position: 0 -160px; } } @media (min-width: 1200px) { .differences .box-difference .item-difference.eleven { top: 200px; left: 0; background-position: 0 -200px; } } .differences .box-difference .item-difference.twelve { top: 120px; left: 60px; background-position: -60px -120px; } @media (min-width: 480px) { .differences .box-difference .item-difference.twelve { top: 160px; left: 80px; background-position: -80px -160px; } } @media (min-width: 1200px) { .differences .box-difference .item-difference.twelve { top: 200px; left: 100px; background-position: -100px -200px; } } .differences .box-difference .item-difference.thirteen { top: 120px; left: 120px; background-position: -120px -120px; } @media (min-width: 480px) { .differences .box-difference .item-difference.thirteen { top: 160px; left: 160px; background-position: -160px -160px; } } @media (min-width: 1200px) { .differences .box-difference .item-difference.thirteen { top: 200px; left: 200px; background-position: -200px -200px; } } .differences .box-difference .item-difference.fourteen { top: 120px; left: 180px; background-position: -180px -120px; } @media (min-width: 480px) { .differences .box-difference .item-difference.fourteen { top: 160px; left: 240px; background-position: -240px -160px; } } @media (min-width: 1200px) { .differences .box-difference .item-difference.fourteen { top: 200px; left: 300px; background-position: -300px -200px; } } .differences .box-difference .item-difference.fifteen { top: 120px; left: 240px; background-position: -240px -120px; } @media (min-width: 480px) { .differences .box-difference .item-difference.fifteen { top: 160px; left: 320px; background-position: -320px -160px; } } @media (min-width: 1200px) { .differences .box-difference .item-difference.fifteen { top: 200px; left: 400px; background-position: -400px -200px; } } #differences-container { position: relative; margin: 5px auto; width: 100%; } #lienzo { background-repeat: no-repeat; background-size: 40% 40%; background-position: 50% 50%; background-color: rgba(255, 255, 255, 0.4); display: block; margin: 0 auto 20px auto; width: 100%; } #lienzo-fake { background-repeat: no-repeat; background-size: 40% 40%; background-color: rgba(255, 255, 255, 0.4); background-position: 50% 50%; display: block; margin: 0 auto 20px auto; width: 100%; } #vertical { display: none; } #limpiador { clear: both; } .star input[type=radio] { display: none; } .cross input[type=radio] { display: none; } .star label { margin-left: 5px; color: grey; font-size: 1.25rem; } @media (min-width: 767px) { .star label { margin-left: 10px; font-size: 1.875rem; } } .cross label { margin-left: 5px; color: grey; font-size: 1.25rem; } @media (min-width: 767px) { .cross label { margin-left: 10px; font-size: 1.875rem; } } .cross { float: right; } .star { float: left; } .hangman { text-align: center; } @media (min-width: 767px) { .hangman { margin: 0; } } .hangman .question-hangman { margin: 15px auto; } .hangman .question-hangman p { width: 100%; max-width: 700px; margin: 0 auto; font-weight: 700; line-height: 1.3; padding: 0 15px; font-size: 1.125rem; } @media (min-width: 767px) { .hangman .question-hangman p { font-size: 1.375rem; } } .hangman .image-hangman { position: relative; margin: 15px auto; } .hangman .image-hangman img { margin: 0 auto; border-radius: 6px; background-clip: padding-box; border: 1px solid #ddd; max-width: 500px; width: 100%; } .hangman .result-hangman { text-align: center; padding: 15px 15px 0 15px; } @media (min-width: 767px) { .hangman .result-hangman { padding: 15px; } } .hangman .result-hangman span { display: inline-block; vertical-align: top; width: 20px; height: 20px; margin: 2px 2px 15px 2px; font-size: 0.875rem; font-weight: 700; color: #000000; border-bottom: 2px solid #000000; text-transform: uppercase; background: transparent; } .hangman .result-hangman span.palabra { display: inline-block; width: auto; height: auto; border: none; margin: 0; padding: 0; } .hangman .result-hangman span.empty { width: 10px; height: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0); } @media (min-width: 767px) { .hangman .result-hangman span.space { width: 15px; height: 35px; } } @media (min-width: 767px) { .hangman .result-hangman span { width: 35px; height: 35px; margin: 5px 5px 15px 5px; font-size: 1.875rem; line-height: 35px; } } .hangman .keyboard-hangman { width: 100%; max-width: 900px; margin: 0; } @media (min-width: 767px) { .hangman .keyboard-hangman { margin: 0 auto 30px auto; } } .hangman .keyboard-hangman .btn-letter { display: inline-block; margin: 5px; width: 38px; height: 38px; line-height: 38px; font-weight: 700; font-size: 1rem; background: #F66232; color: #ffffff; border-radius: 12px; background-clip: padding-box; background-clip: padding-box; cursor: pointer; } @media (min-width: 767px) { .hangman .keyboard-hangman .btn-letter { width: 45px; height: 45px; line-height: 45px; font-size: 1.5rem; } } .hangman .keyboard-hangman .btn-letter.key-select { background: #b3b3b3; cursor: default; } .hangman .keyboard-hangman .btn-letter.key-select:active { box-shadow: none; } .memory { /*.app{position:relative;}*/ } .memory .botonActivator { display: inline-block; text-align: center; margin: 100px 20px 0 20px; } .memory .box-crono-memory { width: 100%; margin: 0 auto; text-align: left; } @media (min-width: 767px) { .memory .box-crono-memory { width: 33%; float: right; text-align: center; } } .memory .box-crono-memory .crono-memory { color: #000000; background: #f5f5f5; font-family: "Roboto", sans-serif; font-weight: 600; font-size: 1.5rem; line-height: 1; display: inline-block; padding: 10px 20px; border-radius: 12px; background-clip: padding-box; margin-bottom: 10px; } @media (min-width: 767px) { .memory .box-crono-memory .crono-memory { display: inline-block; float: none; font-size: 2rem; } } .memory .box-crono-memory .movements { color: #000000; font-family: "Roboto", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1; display: block; float: right; padding-top: 14px; padding-left: 6px; padding-right: 6px; } @media (min-width: 767px) { .memory .box-crono-memory .movements { display: block; float: none; font-size: 1.125rem; } } .memory .listado_retar { padding-top: 10px; } @media (min-width: 767px) { .memory .listado_retar { float: right; width: 33%; padding-top: 40px; } } .memory .listado_usuarios { margin-top: 15px; } .memory .usarioParaRetar { color: #F66232; margin: 8px 0; font-weight: 700; } .memory .grid-memory { margin: 10px auto; overflow: hidden; position: relative; } @media (min-width: 767px) { .memory .grid-memory { margin: 0 auto; width: 65%; float: left; max-width: none; } } .memory .grid-memory li { float: left; display: block; max-width: 25%; padding: 0 3px 6px 3px; margin: 0; cursor: pointer; } .memory .grid-memory li:hover { opacity: 0.6; transition: all 0.6s ease; cursor: pointer; } .memory .grid-memory li .selection-container { border: 1px solid #ddd; z-index: 1; position: relative; cursor: pointer; width: 220px; max-width: 100%; height: 100%; overflow: hidden; -o-perspective: 1000px; perspective: 1000px; } .memory .grid-memory li .selection-container1 { -o-perspective: 1000px; perspective: 1000px; } .memory .grid-memory li img { float: left; } .memory .opacito { opacity: 1; filter: alpha(opacity=100); } .memory .activeEmparejados { color: #e73737; } .memory .f1_card { width: 100%; height: 100%; -webkit-transform-style: preserve-3d; -webkit-transition: all 0.5s linear; -moz-transform-style: preserve-3d; -moz-transition: all 0.5s linear; -o-transform-style: preserve-3d; -o-transition: all 0.5s linear; transform-style: preserve-3d; transition: all 0.5s linear; } .memory .flipping { transform: rotateY(180deg); box-shadow: -5px 5px 5px #aaa; -webkit-transform-style: preserve-3d; -webkit-transition: all 0.5s linear; -moz-transform-style: preserve-3d; -moz-transition: all 0.5s linear; -o-transform-style: preserve-3d; -o-transition: all 0.5s linear; transform-style: preserve-3d; transition: all 0.5s linear; } .memory .face { width: 100%; /*height: 100%;*/ z-index: 900; } .memory .face.back { display: block; z-index: 500; -webkit-transform: rotateY(180deg); -webkit-box-sizing: border-box; -moz-transform: rotateY(180deg); -moz-box-sizing: border-box; -o-transform: rotateY(180deg); -o-box-sizing: border-box; transform: rotateY(180deg); box-sizing: border-box; overflow: hidden; } .memory .back { position: absolute; top: 0; left: 0; width: 100%; min-height: 200px; } .memory .front { /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; /*position:relative;*/ } .memory .flipping .back { z-index: 950; } @media (min-width: 767px) { .memory .retar { margin-top: 30px; text-align: left; float: right; width: 33%; } } .memory .retar .box_btn { margin-top: 30px; } @media (min-width: 767px) { .memory .retar .box_btn { margin-top: 40px; } } .quiz { position: relative; } .quiz .item-quiz { margin: 30px 0; padding: 30px 15px; text-align: left; background: #f5f5f5; border-radius: 12px; background-clip: padding-box; color: #1b4f5f; } .quiz .item-quiz:last-child { border-bottom: none; } .quiz .item-quiz .number-question-quiz { font-family: "VectoraLTStd-Black", sans-serif; font-size: 2.875rem; line-height: 1; color: #F66232; text-align: right; padding-right: 0; } .quiz .item-quiz .question-quiz { margin: 15px auto; } .quiz .item-quiz .question-quiz p { color: #1b4f5f; width: 100%; max-width: 700px; margin: 0 auto; font-weight: 700; line-height: 1.3; padding: 0 15px; font-size: 1.125rem; } @media (min-width: 767px) { .quiz .item-quiz .question-quiz p { font-size: 1.25rem; } } .quiz .item-quiz .box-image-quiz { margin-top: 25px; } @media (min-width: 767px) { .quiz .item-quiz .box-image-quiz { margin-top: 40px; } } .quiz .item-quiz .box-image-quiz img { width: 100%; max-width: 400px; margin: 0 auto; border: 1px solid #ddd; } .quiz .item-quiz .options-quiz { text-align: center; } .quiz .item-quiz .options-quiz ul { margin: 10px 0 0 0; display: inline-block; } .quiz .item-quiz .options-quiz ul li { text-align: left; margin: 10px 0 15px 0; line-height: 1.3; font-size: 0.875rem; } .quiz .item-quiz .options-quiz ul li label { text-transform: none; font-family: "Roboto", sans-serif; } .quiz .item-quiz .options-quiz ul li.ok label { font-weight: 700; color: green !important; } .quiz .item-quiz .options-quiz ul li.wrong label { font-weight: 700; color: red !important; } .quiz .item-quiz .options-quiz ul li strong { font-weight: 700; } @media (min-width: 767px) { .quiz .item-quiz .options-quiz ul li { font-size: 1rem; } } @media (min-width: 767px) { .quiz .item-quiz .options-quiz ul { margin: 10px 0 0 0; } } .quiz .btns-quiz { text-align: center; } .quiz .btns-quiz .btn-primary { margin: 0 15px 15px 15px; } .soup { position: relative; /*.pal1 { font-size: 17px; display: inline-block; margin: 0 5px 5px 0; padding: 6px 8px 6px 8px; background-color: #eee;font-family: Monospace; border-bottom: 2px solid #aaa; }*/ } @media (min-width: 767px) { .soup .box-game { padding-top: 15px; } } .soup #sopa { text-align: center; padding: 0 20px 20px 20px; } .soup #sopa .botImp { background-color: #b3b3b3; border-radius: 5px; font-size: 10px; padding: 4px 24px 4px 10px; vertical-align: middle; color: #ffffff; text-decoration: none; font-weight: normal; /*background: #999 url(../g/ICOimpCh.gif) no-repeat right;*/ } .soup #sopa h1 { color: #000000; font-size: 2rem; margin: 10px 0 30px 0; } .soup .container-soup { padding: 0 !important; } .soup #papel { position: relative; width: 1px; height: 1px; background-color: rgba(255, 255, 255, 0.65) !important; border: 0 solid #ddd; display: none; margin: 0 0 0 0; user-select: none; -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; z-index: 0; cursor: crosshair; } .soup #sopaPalabras { position: relative; float: right; width: 340px; height: 446px; padding: 0 0 0 0; margin-right: 0; text-align: center; } .soup .cuadro { position: absolute; text-align: center; color: #000000; background: transparent; font-family: "Roboto", sans-serif; text-transform: uppercase; line-height: 2.3; border: 0.5px solid rgba(0, 0, 0, 0.1); } .soup .pal1 { position: relative; display: inline-block; margin: 8px; outline: none !important; text-decoration: none; transition: 0.3s; box-shadow: none !important; border-radius: 6px; background-clip: padding-box; box-sizing: border-box; color: #ffffff !important; background-color: #F66232 !important; border: 3px solid rgba(0, 0, 0, 0); line-height: 1.1; white-space: normal; font-size: 1rem; font-family: "Roboto", sans-serif; font-weight: 400; text-transform: uppercase; box-shadow: none !important; padding: 12px 40px; } .soup .pal1 span, .soup .pal1 img { display: inline-block; vertical-align: middle; } .soup .pal1:hover, .soup .pal1:active { /*@include transform(scale($scale));*/ box-shadow: none !important; opacity: 0.9; filter: alpha(opacity=90); border: 3px solid rgba(0, 0, 0, 0); } .soup .pal1:focus { box-shadow: none !important; border: 3px solid rgba(0, 0, 0, 0); } @media (min-width: 767px) { .soup .pal1 { font-size: 1.125rem; } } .soup .pal1.btn-cancel { background: none !important; color: #F66232 !important; } .soup .palOK { background-color: green !important; color: #ffffff !important; font-weight: 600; } .soup .palNO { color: rgba(255, 255, 255, 0.5) !important; background-color: rgba(246, 98, 50, 0.5) !important; } .soup .opciones-sopa { padding-top: 10px; text-align: center; } .soup .opciones-sopa h2 { color: #000000; margin-top: 0; margin-bottom: 20px; font-size: 1.25rem; } @media (min-width: 767px) { .soup .opciones-sopa h2 { font-size: 1.5rem; } } .reto-visual .quiz .item-quiz .pregunta { text-align: center; } .reto-visual .enc { margin-bottom: 20px; } .training { position: relative; } .training .item-training { margin: 0 0 30px 0; padding: 30px 15px; text-align: left; background: #f5f5f5; border-radius: 12px; background-clip: padding-box; color: #686767; } .training .item-training:last-child { border-bottom: none; } .training .item-training .number-question-training { font-family: "VectoraLTStd-Black", sans-serif; font-size: 2.875rem; line-height: 1; color: #F66232; text-align: right; padding-right: 0; } .training .item-training .question-training { margin: 15px auto; } .training .item-training .question-training p { color: #1b4f5f; width: 100%; max-width: 700px; margin: 0 auto; font-weight: 700; line-height: 1.3; padding: 0 15px; font-size: 1.125rem; } @media (min-width: 767px) { .training .item-training .question-training p { font-size: 1.25rem; } } .training .item-training .box-image-training { margin-top: 25px; } @media (min-width: 767px) { .training .item-training .box-image-training { margin-top: 40px; } } .training .item-training .box-image-training img { width: 100%; max-width: 400px; margin: 0 auto; border: 1px solid #ddd; } .training .item-training .options-training { text-align: left; } .training .item-training .options-training ul { margin: 10px 0 0 0; display: inline-block; } .training .item-training .options-training ul li { text-align: left; margin: 10px 0 15px 0; line-height: 1.3; font-size: 0.875rem; } .training .item-training .options-training ul li label { text-transform: none; font-family: "Roboto", sans-serif; } .training .item-training .options-training ul li.ok label { font-weight: 700; color: green !important; } .training .item-training .options-training ul li.wrong label { font-weight: 700; color: red !important; } .training .item-training .options-training ul li strong { font-weight: 700; } @media (min-width: 767px) { .training .item-training .options-training ul li { font-size: 1rem; } } @media (min-width: 767px) { .training .item-training .options-training ul { margin: 10px 0 0 0; } } .training .podcast-container { margin-top: 30px; } .training .btns-training { text-align: center; } .training .btns-training .btn-primary { margin: 0 15px 15px 15px; } .training .pdf-image { margin-top: 20px; } .alert-admin { border: 1px solid transparent; border-radius: 4px; margin-top: 0; margin-bottom: 0; } @media (min-width: 767px) { .maintenance { padding: 50px 0; } } html, body { height: 100%; } html { min-height: 100%; background-color: #ffffff; } html.bg-login { background-size: cover; background-color: #b3b3b3; } body { font: 100% "Roboto", sans-serif, sans-serif; color: #686767; text-decoration: none; background: transparent; } a:active, a:focus, button:active, button:focus { outline: none !important; } a:active img, a:focus img, button:active img, button:focus img { outline: none; } .wrapper { min-height: 100%; padding-top: 0; height: auto !important; margin: 0 auto -220px; } @media (min-width: 767px) { .wrapper { margin: 0 auto -60px; } } @media (min-width: 992px) { .wrapper { padding-top: 0; } } .wrapper.logged { padding-top: 109px; } @media (min-width: 767px) { .wrapper.logged { padding-top: 100px; } } .wrapper.logged-header-top { padding-top: 69px; } @media (min-width: 767px) { .wrapper.logged-header-top { padding-top: 62px; } } .wrapper.admin { background-color: transparent !important; padding-top: 67px; } @media (min-width: 767px) { .wrapper.admin { padding-top: 64px; } } @media (min-width: 992px) { .wrapper.admin { padding-top: 84px; } } @media (min-width: 1200px) { .wrapper.admin { padding-top: 89px; } } #push, .footer { height: 220px; } @media (min-width: 767px) { #push, .footer { height: 60px; } } a { transition: 0.2s ease; box-sizing: border-box; text-decoration: underline; } h1 { font-family: "VectoraLTStd-Black", sans-serif; font-size: 1.5rem; color: #F66232; text-transform: uppercase; font-weight: 400; margin: 0 0 20px 0; } h1.principal { color: #ffffff; height: 0; font-size: 0; line-height: 0; padding: 0; margin: 0; } @media (min-width: 767px) { h1 { margin: 0 0 30px 0; font-size: 1.875rem; } } h2 { font-family: "VectoraLTStd-Black", sans-serif; color: #F66232; font-weight: 400; font-size: 1.375rem; line-height: 1.3; text-transform: uppercase; } @media (min-width: 767px) { h2 { font-size: 1.5rem; } } @media (min-width: 1200px) { h2 { font-size: 1.75rem; } } h3 { font-family: "VectoraLTStd-Black", sans-serif; color: #000000; font-weight: 400; } p { font-size: 1rem; line-height: 1.4; margin-bottom: 20px; color: #686767; } p strong { font-weight: 700; } p em { font-style: italic; } @media (min-width: 767px) { p { font-size: 1rem; } } @media (min-width: 992px) { p { font-size: 1.0625rem; } } label { font-size: 0.875rem; text-transform: uppercase; font-family: "Roboto", sans-serif; margin-bottom: 3px; } @media (min-width: 767px) { label { font-size: 1rem; } } img { max-width: 100%; height: auto; display: block; } .no-pd { padding-left: 0 !important; padding-right: 0 !important; } @media (min-width: 767px) { .no-pd-r { padding-right: 0 !important; } } .static { position: static; } .relative { position: relative; } .limpiador { width: 100%; clear: both; } .hide { display: none !important; } .w100 { width: 100% !important; } .btn { position: relative; outline: none !important; text-decoration: none; transition: 0.3s; box-shadow: none !important; border-radius: 6px; background-clip: padding-box; } .btn span, .btn img { display: inline-block; vertical-align: middle; } .btn-primary { color: #ffffff !important; background-color: #F66232 !important; border: none; line-height: 1.1; white-space: normal; font-size: 1.125rem; font-family: "Roboto", sans-serif; font-weight: 400; text-transform: uppercase; box-shadow: none !important; padding: 12px 20px; } .btn-primary:hover, .btn-primary:active { box-shadow: none !important; opacity: 0.9; filter: alpha(opacity=90); border: none !important; } .btn-primary:focus { box-shadow: none !important; border: none !important; } @media (min-width: 767px) { .btn-primary { font-size: 1.25rem; } } .btn-primary.btn-cancel { background: none !important; color: #F66232 !important; } .center-block { float: none; } .box { background: #b3b3b3; border-radius: 12px; background-clip: padding-box; } .no-ov { overflow: hidden; } .photo-zoom { width: 100%; overflow: hidden; } .photo-zoom img { min-height: 15vh; transition: all 0.2s ease-in-out; } .photo-zoom:hover img { transition: all 0.2s ease-in-out; transform: scale(1.08); } .cell-mb { display: none; } @media (min-width: 600px) { .cell-mb { display: table-cell; } } .section { margin-top: 30px; margin-bottom: 30px; } .section.home { margin-top: 0; margin-bottom: 0; } @media (min-width: 767px) { .section.home { margin-top: 0; margin-bottom: 10px; } } .section.home .box-home { margin-top: 30px; margin-bottom: 10px; } @media (min-width: 767px) { .section.home .box-home { margin-top: 40px; margin-bottom: 10px; } } .section.home .box-home .items-block { margin-bottom: 0; } .header-content { margin-top: 30px; margin-bottom: 30px; text-align: center; } .header-content h2 { max-width: 800px; margin: 0 auto; padding-left: 15px; padding-right: 15px; } @media (min-width: 767px) { .header-content h2 { font-size: 1.875rem; } } .header-content p { font-size: 1.25rem; } @media (min-width: 767px) { .header-content p { font-size: 1.5rem; } } .header-title { text-align: center; margin-bottom: 10px; } @media (min-width: 767px) { .header-title { margin-bottom: 40px; } } .formUploader { position: relative; } .custom_file_upload { position: absolute; width: 100%; bottom: 65px; right: 5px; z-index: 10; } input.file { height: 40px; padding: 5px; margin: 0; outline: none; padding: 5px 10px; box-sizing: border-box; vertical-align: middle; border: 1px solid #b3b3b3; background: #ffffff; font-size: 0.9375rem; color: #686767; width: 100%; } .file_upload { width: 40px; height: 40px; display: inline-block; position: absolute; overflow: hidden; margin: 9px 6px 6px 6px; text-align: center; top: 6px; right: 0; z-index: 10; } .file_upload:before { content: " "; position: absolute; left: 0; right: 0; width: 40px; height: 40px; text-align: center; background-repeat: no-repeat; background-position: 50% 50%; background-size: 35px; } .file_upload input { position: relative; height: 40px; width: 40px; display: inline-block; opacity: 0; margin: 0; padding: 0; cursor: pointer; } ::-webkit-file-upload-button { cursor: pointer; } ::-moz-selection { color: #ffffff; background: #F66232; } ::selection { color: #ffffff; background: #F66232; } ::-moz-selection { color: #ffffff; background: #F66232; } ::-webkit-selection { color: #ffffff; background: #F66232; } input:-webkit-autofill { box-shadow: 0 0 0 1000px #ffffff inset; } .alert-dismissable .close, .alert-dismissible .close { text-decoration: none; font-size: 1.5rem; } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } video { width: 100%; max-width: 100%; height: auto; } .podcast-container { width: 100% !important; max-width: 100% !important; overflow: hidden; } .podcast-container iframe { width: 100% !important; max-width: 100% !important; } .centered { text-align: center; } .centered > div { float: none; display: inline-block; vertical-align: top; } .centered > .col-xs-12 { width: 100%; max-width: 350px; margin: 0 auto; } @media (min-width: 767px) { .centered > .col-xs-12 { width: 32%; } } @media (min-width: 767px) { .centered > .col-sm-4 { width: 32%; } } .border-none { border: none !important; } .upper-logo { max-width: 115px; padding: 10px; } @media (min-width: 767px) { .upper-logo { max-width: 125px; } } .navbar { border: none !important; border-color: transparent !important; margin-bottom: 0 !important; } .navbar-default { background-color: transparent; border-color: transparent; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { background-color: transparent; border-color: transparent; box-shadow: none; border: 0; } .navbar-default .navbar-nav > li > a { color: #F66232; } .navbar-default .navbar-nav > li > a:hover { color: #F66232; } .navbar-default .navbar-nav > li > a:active { color: #F66232; } .navbar-default .navbar-nav > li > a:focus { color: #F66232; } .navbar-brand { height: auto; } .navbar-fixed-top { z-index: 1030; } .navbar-button { min-height: 0 !important; border-bottom: 6px solid #e49d77; } @media (min-width: 767px) { .navbar-button { border-bottom: 0; } } .navbar-default .navbar-toggle { border: none !important; background: #ffffff; margin-top: 13px; margin-right: 8px; padding: 5px 10px 10px 10px; } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background: transparent; } .navbar-default .navbar-toggle .icon-bar { background: #e49d77 !important; width: 36px; height: 3px; margin-top: 6px; } .navbar-default .navbar-toggle:hover .icon-bar { background: #F66232 !important; } .cont-header { background: #ffffff; } @media (min-width: 767px) { .cont-header { border-bottom: 6px solid #e49d77; } } @media (min-width: 767px) { .cont-header .col-sm-2 { width: 10%; } } @media (min-width: 767px) { .cont-header .col-sm-10 { width: 90%; } } @media (min-width: 767px) { .cont-header .container { margin: 0 5px 0; width: inherit; } } @media (min-width: 1200px) { .cont-header .container { margin: 0 auto; width: 1170px; } } .logo { display: inline-block; vertical-align: middle; width: 100%; max-width: 120px; margin: 10px 15px; } .logo img { display: block; } @media (min-width: 767px) { .logo { max-width: 100px; margin: 15px 0 10px; } } @media (min-width: 992px) { .logo { margin: 10px 15px; } } .menu { font-family: "VectoraLTStd-Black", sans-serif; min-height: 0; } .menu ul { display: inline-block; width: 100%; margin: 0; background-color: #F66232; } @media (min-width: 767px) { .menu ul { background-color: transparent; margin: 5px 0 0 0; padding-left: 15px; } } .menu ul li { display: inline-block; vertical-align: middle; width: 100%; text-align: center; padding: 0; text-transform: uppercase; } .menu ul li a { color: #ffffff !important; display: inline-block; width: 100%; text-decoration: none; font-size: 1rem; padding-top: 6px; padding-bottom: 6px; } @media (min-width: 767px) { .menu ul li a { color: #F66232 !important; } } .menu ul li a.active { font-family: "VectoraLTStd-Black", sans-serif; font-weight: normal; color: #F66232 !important; } .menu ul li a.active:hover { opacity: 1; filter: alpha(opacity=100); font-weight: normal; } .menu ul li a:hover { opacity: 0.8; filter: alpha(opacity=80); } .menu ul li a span { display: inline-block; vertical-align: middle; margin: 0; line-height: 30px; } .menu ul li a img { display: inline-block; vertical-align: middle; width: 25px; margin: 0 5px; } @media (min-width: 767px) { .menu ul li a img { margin: 0; } } @media (min-width: 767px) { .menu ul li a { width: auto; border-bottom: none; font-size: 0.875rem; padding: 10px 5px; } .menu ul li a span { margin: 0; } } @media (min-width: 992px) { .menu ul li a { font-size: 1.125rem; } } @media (min-width: 1200px) { .menu ul li a { font-size: 1.125rem; } } @media (min-width: 767px) { .menu ul li { width: auto; padding: 0 5px; } } .menu ul li .fa-1_5x { font-size: 1.5rem; } .menu ul li.logout { background: #1b4f5f; margin-top: 10px; padding-top: 10px; padding-bottom: 10px; } @media (min-width: 767px) { .menu ul li.logout { background: #ffffff; } } .menu ul li.logout .header-user { display: inline-block; vertical-align: middle; padding-right: 15px; margin-right: 6px; border-right: 1px solid #ffffff; } @media (min-width: 767px) { .menu ul li.logout .header-user { padding-right: 5px; } } .menu ul li.logout .header-user .avatar { display: inline-block; vertical-align: middle; width: 25px; height: 25px; margin: 0 5px 0 0; border-radius: 100%; background-clip: padding-box; } .menu ul li.logout .header-user .avatar img { display: block; } @media (min-width: 600px) { .menu ul li.logout .header-user .avatar { width: 25px; height: 25px; } } .menu ul li.logout .header-languages { display: inline-block; vertical-align: middle; margin-right: 6px; } @media (min-width: 767px) { .menu ul li.logout .header-languages { padding-right: 5px; } } .menu ul li.logout .header-languages .first { border-right: 1px solid #ffffff; padding-left: 0; } @media (min-width: 767px) { .menu ul li.logout .header-languages .first { border-right: 1px solid #F66232; } } .menu ul li.logout .header-languages span { padding-right: 10px; padding-left: 5px; } @media (min-width: 767px) { .menu ul li.logout .header-languages span { padding-right: 1px; } } .menu ul li.logout .header-languages span a { padding-left: 10px; } @media (min-width: 767px) { .menu ul li.logout .header-languages span a { padding: 0; } } .menu ul li.logout #logout { padding-left: 15px; border-left: 1px solid #ffffff; } @media (min-width: 767px) { .menu ul li.logout { border-top: none; } } .menu ul li.logout a { display: inline-block; vertical-align: middle; width: auto; padding-top: 1px; padding-bottom: 1px; padding-left: 0; } .menu ul li.logout a img { width: 20px; margin-right: 10px; } @media (min-width: 767px) { .menu ul li.logout { float: right; margin-top: 0; } } .user-score { font-family: "VectoraLTStd-Black", sans-serif; } .footer { position: relative; width: 100%; padding: 5px 20px; color: #ffffff; background-color: #222222; text-align: center; } .footer a { display: inline-block; text-decoration: none; } .footer a:hover { text-decoration: underline; } .footer a:hover img { opacity: 0.8; filter: alpha(opacity=80); } .footer .cont-logo-footer { position: absolute; display: block; left: 50%; z-index: 10; bottom: 6px; } @media (min-width: 767px) { .footer .cont-logo-footer { left: 15px; } } .footer .cont-logo-footer .logo-footer { display: block; position: relative; width: 80px; left: -50%; } @media (min-width: 767px) { .footer .cont-logo-footer .logo-footer { left: initial; } } .footer span { display: inline-block; vertical-align: middle; } @media (min-width: 767px) { .footer span { margin: 10px 0; } } @media (min-width: 992px) { .footer span { margin: 20px 0; } } .footer ul { text-align: center; list-style: none; margin: 16px 0 20px 0; } .footer ul li { padding: 10px 15px; text-align: center; display: inline-block; width: 100%; font-size: 0.8125rem; } @media (min-width: 767px) { .footer ul li { width: auto; padding: 0 2% 0 0; font-size: 0.875rem; } .footer ul li:last-child { padding: 0; } } @media (min-width: 992px) { .footer ul li { padding: 0 5% 0 0; font-size: 1rem; } } @media (min-width: 1200px) { .footer ul li { padding: 0 9% 0 0; } } .footer ul li a { display: inline-block; color: #ffffff; } @media (min-width: 767px) { .footer { text-align: left; } } .footer.footer-login { background-color: transparent; } .item-ranking { display: inline-block; vertical-align: top; width: 100%; max-width: 400px; margin: 0 0 20px 0; color: #ffffff; background-color: #F66232; border: 2px solid #F66232; position: relative; overflow: hidden; border-radius: 18px; background-clip: padding-box; text-decoration: none; } .item-ranking:hover, .item-ranking:focus, .item-ranking:active { text-decoration: none; } @media (min-width: 480px) { .item-ranking { margin: 0 0 30px 0; } } @media (min-width: 767px) { .item-ranking { display: inline-block; max-width: 47%; margin: 0 1% 30px 1%; } } @media (min-width: 1200px) { .item-ranking { display: inline-block; max-width: 31%; margin: 0 1% 30px 1%; } } .item-ranking .photo-zoom { background: #F66232; border-top-right-radius: 12px; border-top-left-radius: 12px; background-clip: padding-box; } .item-ranking .photo-zoom img { transition: all 0.2s ease-in-out; } .item-ranking:hover .photo-zoom img { transition: all 0.2s ease-in-out; transform: scale(1.08); display: block; } .item-ranking img { display: block; width: 100%; border-top-right-radius: 12px; border-top-left-radius: 12px; background-clip: padding-box; } .item-ranking.item-battle { background-color: transparent; } .item-ranking.item-battle .sponsor { position: relative; overflow: hidden; background-image: url("/../images/bg-tram.jpg"); background-size: 200%; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .item-ranking.item-battle .sponsor:hover { transition: all 0.2s ease-in-out; transform: scale(1.08); } .item-ranking.item-battle .sponsor .bg-sponsor { opacity: 0.5; filter: alpha(opacity=50); background: #000000; } .item-ranking.item-battle .sponsor .logo-sponsor { position: absolute; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); top: 35%; padding-top: 15px; padding-bottom: 15px; max-width: 90%; z-index: 10; } .item-ranking.item-period { border: none !important; border-radius: 0px; background-clip: padding-box; overflow: visible; } .item-ranking.item-period .photo-zoom { overflow: visible; border-radius: 12px; background-clip: padding-box; } .item-ranking.item-period .photo-zoom img { border-radius: 12px; background-clip: padding-box; } @media (min-width: 767px) { .item-ranking.item-content h3 { position: absolute; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 100%; color: #ffffff; font-family: "VectoraLTStd-Black", sans-serif; text-transform: uppercase; font-size: 1rem; line-height: 1.1; text-align: center; } } @media (min-width: 767px) { .item-ranking.item-content h3 { font-size: 1.125rem; } } .item-ranking.item-content .footer-item-ranking { position: relative; background-color: #F66232; min-height: 65px; } .item-ranking.item-content .footer-item-ranking h3 { position: static; top: 0; left: 0; transform: none; width: 100%; max-width: 100%; color: #ffffff; font-family: "VectoraLTStd-Black", sans-serif; text-transform: uppercase; font-size: 1rem; line-height: 1.1; text-align: left; padding-left: 15px; } @media (min-width: 767px) { .item-ranking.item-content .footer-item-ranking h3 { position: absolute; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 100%; color: #ffffff; font-family: "VectoraLTStd-Black", sans-serif; text-transform: uppercase; font-size: 1.125rem; line-height: 1.1; text-align: left; } } .item-ranking.item-content .footer-item-ranking h3 span { display: inline-block; vertical-align: middle; max-width: 80%; } @media (min-width: 480px) { .item-ranking.item-content .footer-item-ranking h3 span { max-width: 90%; } } @media (min-width: 767px) { .item-ranking.item-content .footer-item-ranking h3 span { max-width: 70%; } } .item-ranking.item-content .footer-item-ranking h3 img.icon-item-ranking { display: inline-block; width: auto; vertical-align: middle; margin-right: 5px; } .item-ranking.item-content .footer-item-ranking .info-footer-item { width: 100%; text-align: right; text-transform: uppercase; padding: 0 15px 5px 0; margin-top: 10px; font-size: 0.75rem; } @media (min-width: 767px) { .item-ranking.item-content .footer-item-ranking .info-footer-item { position: absolute; max-width: 40%; bottom: 0; right: 0; margin-top: 0; } } .item-ranking.item-content-off { position: relative; cursor: default; border: 2px solid #b3b3b3; } .item-ranking.item-content-off .img-content-check { position: absolute; display: block; width: 70px; height: 70px; top: 40%; left: 50%; transform: translate(-50%, -50%); z-index: 3; width: auto; } .item-ranking.item-content-off .img-content-off { filter: grayscale(1); } .item-ranking.item-content-off .footer-item-ranking { filter: grayscale(1); } .item-ranking.item-content-off:hover .photo-zoom img { transition: all 0.2s ease-in-out; transform: none; } .item-ranking.item-ranking-xl { position: relative; overflow: hidden; max-width: 400px; border: 5px solid #000000; border-radius: 18px; background-clip: padding-box; } .item-ranking.item-ranking-xl:hover .photo-zoom img { transition: all 0.2s ease-in-out; transform: scale(1.08); } .item-ranking.item-ranking-xl .photo-zoom { border-top-right-radius: 12px; border-top-left-radius: 12px; background-clip: padding-box; } .item-ranking.item-ranking-xl .photo-zoom img { border-top-right-radius: 12px; border-top-left-radius: 12px; background-clip: padding-box; } .item-ranking.item-ranking-xl .footer-item-ranking { position: absolute; left: 0; bottom: 0; min-height: 50px; padding: 0; } .item-ranking.item-ranking-xl .footer-item-ranking h3 { text-align: center; padding: 0 15px; } @media (min-width: 767px) { .item-ranking.item-ranking-xl { max-width: 100%; max-height: 400px; } } .item-ranking .footer-item-ranking { position: relative; display: block; width: 100%; background: #F66232; text-decoration: none; color: #ffffff; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; background-clip: padding-box; text-align: left; padding: 15px 0 0 0; line-height: 1.1; min-height: 55px; } .item-ranking .footer-item-ranking h3 { position: absolute; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 100%; color: #ffffff; font-family: "VectoraLTStd-Black", sans-serif; text-transform: uppercase; font-size: 1rem; line-height: 1.1; text-align: center; } @media (min-width: 767px) { .item-ranking .footer-item-ranking h3 { font-size: 1.125rem; } } .item-ranking .footer-item-ranking p { font-weight: 400; text-transform: none; font-size: 0.8125rem; margin-bottom: 0 !important; } @media (min-width: 767px) { .item-ranking .footer-item-ranking p { font-size: 0.9375rem; } } .item-ranking .footer-item-ranking .btn-primary { margin: 15px auto 5px auto; display: block; background: #000000 !important; } .item-ranking .footer-item-ranking .btn-primary:hover { background: #000000 !important; border-color: #000000 !important; opacity: 0.9; filter: alpha(opacity=90); } .item-ranking .footer-item-ranking .btn-primary:active, .item-ranking .footer-item-ranking .btn-primary:focus { background: #000000 !important; border-color: #000000 !important; } .items-block { text-align: center; margin-bottom: 30px; } .items-block p { font-size: 1.25rem; } @media (min-width: 767px) { .items-block p { font-size: 1.5rem; } } .carousel-home, .carousel-feature-section { background: #000000; } .carousel-home .item a, .carousel-feature-section .item a { text-decoration: none !important; } .carousel-home .feature-image-mb, .carousel-feature-section .feature-image-mb { display: block !important; width: 100%; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat no-repeat; } @media (min-width: 767px) { .carousel-home .feature-image-mb, .carousel-feature-section .feature-image-mb { display: none !important; } } .carousel-home .feature-image-dt, .carousel-feature-section .feature-image-dt { display: none !important; width: 100%; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat no-repeat; } @media (min-width: 767px) { .carousel-home .feature-image-dt, .carousel-feature-section .feature-image-dt { display: block !important; } } .carousel-home .feature-image-mb-two, .carousel-feature-section .feature-image-mb-two { display: none !important; } .carousel-home .feature-image-dt-two, .carousel-feature-section .feature-image-dt-two { display: none !important; } .carousel-home .feature-video-mb, .carousel-feature-section .feature-video-mb { display: block !important; } @media (min-width: 767px) { .carousel-home .feature-video-mb, .carousel-feature-section .feature-video-mb { display: none !important; } } .carousel-home .feature-video-dt, .carousel-feature-section .feature-video-dt { display: none !important; } @media (min-width: 767px) { .carousel-home .feature-video-dt, .carousel-feature-section .feature-video-dt { display: block !important; } } .carousel-home .carousel-feature, .carousel-feature-section .carousel-feature { width: 100%; padding: 10px 30px; background-color: #000000; } .carousel-home .carousel-feature .box-feature-text, .carousel-feature-section .carousel-feature .box-feature-text { position: relative; height: auto; min-height: 130px; } @media (min-width: 480px) { .carousel-home .carousel-feature .box-feature-text, .carousel-feature-section .carousel-feature .box-feature-text { min-height: 100px; } } @media (min-width: 992px) { .carousel-home .carousel-feature .box-feature-text, .carousel-feature-section .carousel-feature .box-feature-text { height: 100%; } } .carousel-home .carousel-feature .feature-text, .carousel-feature-section .carousel-feature .feature-text { color: #ffffff !important; text-align: center; width: 90%; margin: 0 auto; } @media (min-width: 992px) { .carousel-home .carousel-feature .feature-text, .carousel-feature-section .carousel-feature .feature-text { position: absolute; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; } } .carousel-home .carousel-feature .feature-text h2, .carousel-feature-section .carousel-feature .feature-text h2 { color: #ffffff; font-family: "VectoraLTStd-Black", sans-serif; font-weight: 400; text-transform: none; margin-bottom: 5px; } @media (min-width: 767px) { .carousel-home .carousel-feature .feature-text h2, .carousel-feature-section .carousel-feature .feature-text h2 { font-size: 1.625rem; } } .carousel-home .carousel-feature .feature-text p, .carousel-feature-section .carousel-feature .feature-text p { font-family: "Roboto", sans-serif; margin-bottom: 5px; line-height: 1.4; color: #ffffff; } @media (min-width: 767px) { .carousel-home .carousel-feature .feature-text p, .carousel-feature-section .carousel-feature .feature-text p { font-size: 1rem; } } .carousel-home .carousel-control .fa-chevron-left, .carousel-feature-section .carousel-control .fa-chevron-left, .carousel-home .carousel-control .fa-chevron-right, .carousel-feature-section .carousel-control .fa-chevron-right, .carousel-home .carousel-control .icon-next, .carousel-feature-section .carousel-control .icon-next, .carousel-home .carousel-control .icon-prev, .carousel-feature-section .carousel-control .icon-prev { top: 35%; } @media (min-width: 767px) { .carousel-home .carousel-control .fa-chevron-left, .carousel-feature-section .carousel-control .fa-chevron-left, .carousel-home .carousel-control .fa-chevron-right, .carousel-feature-section .carousel-control .fa-chevron-right, .carousel-home .carousel-control .icon-next, .carousel-feature-section .carousel-control .icon-next, .carousel-home .carousel-control .icon-prev, .carousel-feature-section .carousel-control .icon-prev { top: 50%; } } .carousel-home .carousel-control .icon-prev, .carousel-feature-section .carousel-control .icon-prev, .carousel-home .carousel-control .icon-next, .carousel-feature-section .carousel-control .icon-next, .carousel-home .carousel-control .fa-chevron-left, .carousel-feature-section .carousel-control .fa-chevron-left, .carousel-home .carousel-control .fa-chevron-right, .carousel-feature-section .carousel-control .fa-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -10px; } .carousel-home .carousel-control .icon-prev, .carousel-feature-section .carousel-control .icon-prev, .carousel-home .carousel-control .fa-chevron-left, .carousel-feature-section .carousel-control .fa-chevron-left { left: 50%; margin-left: -10px; } .carousel-home .carousel-control .icon-next, .carousel-feature-section .carousel-control .icon-next, .carousel-home .carousel-control .fa-chevron-right, .carousel-feature-section .carousel-control .fa-chevron-right { right: 50%; margin-right: -10px; } .carousel-home .carousel-control .icon-prev, .carousel-feature-section .carousel-control .icon-prev, .carousel-home .carousel-control .icon-next, .carousel-feature-section .carousel-control .icon-next { width: 20px; height: 20px; font-family: serif; line-height: 1; } .carousel-home .carousel-indicators, .carousel-feature-section .carousel-indicators { display: none; } @media (min-width: 480px) { .carousel-home .carousel-indicators, .carousel-feature-section .carousel-indicators { display: block; bottom: 4px; } } .carousel-home .carousel-indicators li, .carousel-feature-section .carousel-indicators li { background-color: #ffffff; border-color: #ffffff; } .carousel-home .carousel-indicators li.active, .carousel-feature-section .carousel-indicators li.active { background-color: #F66232; border-color: #F66232; } .carousel-feature-section .carousel-inner .item .battle-banner-container { position: relative; overflow: hidden; width: 100%; } .carousel-feature-section .carousel-inner .item .battle-banner-container .battle-banner-text { position: absolute; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; background: rgba(0, 0, 0, 0.5); padding: 0 15px 40px 15px; } .carousel-feature-section .carousel-inner .item .battle-banner-container .battle-banner-text p { margin-top: 0; margin-bottom: 0; width: 100%; padding-left: 15px; padding-right: 15px; color: #ffffff; } .carousel-feature-section .carousel-inner .item .battle-banner-container .battle-banner-text img { margin: 0 auto; max-width: 60%; } .carousel-feature-section .carousel-inner .item .carousel-feature { width: 100%; padding: 10px 30px; background-color: #000000; } @media (min-width: 480px) { .carousel-feature-section .carousel-inner .item .carousel-feature { width: 100%; position: static; top: 0; right: 0; transform: none; padding: 15px; height: auto; max-height: none; background-color: #000000; border-radius: 0px; background-clip: padding-box; } } .carousel-feature-section .carousel-inner .item .carousel-feature .feature-text h2 { text-transform: uppercase; } @media (min-width: 767px) { .carousel-feature-section .carousel-inner .item .carousel-feature .feature-text h2 { font-size: 1.5rem; } } @media (min-width: 767px) { .carousel-feature-section .carousel-inner .item .carousel-feature .feature-text h2 { font-size: 1.875rem; } } .carousel-feature-section .carousel-inner .carousel-feature.battle-container-feature { width: 100%; max-width: 100%; padding: 10px 30px; background-color: #000000; } @media (min-width: 480px) { .carousel-feature-section .carousel-inner .carousel-feature.battle-container-feature { width: 100%; position: static; top: 0; right: 0; transform: none; padding: 15px; height: auto; max-height: none; background-color: #000000; border-radius: 0px; background-clip: padding-box; } } .carousel-feature-section .carousel-inner .carousel-feature.battle-container-feature .feature-text { position: static; width: 100%; top: 0; left: 0; transform: none; text-align: center; } .carousel-feature-section .carousel-inner .carousel-feature.battle-container-feature .feature-text h2 { font-weight: 400; text-transform: uppercase; margin-bottom: 0; } @media (min-width: 767px) { .carousel-feature-section .carousel-inner .carousel-feature.battle-container-feature .feature-text h2 { font-size: 1.5rem; } } @media (min-width: 767px) { .carousel-feature-section .carousel-inner .carousel-feature.battle-container-feature .feature-text h2 { font-size: 1.875rem; } } @media screen and (min-width: 768px) { .carousel-control .fa-chevron-left, .carousel-control .fa-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: 200px; font-size: 30px; } .carousel-control .fa-chevron-left, .carousel-control .icon-prev { margin-left: -10px; } .carousel-control .fa-chevron-right, .carousel-control .icon-next { margin-right: -10px; } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .sweet-alert { font-family: "Roboto", sans-serif !important; background: #ffffff !important; padding: 15px 30px !important; } .swal2-popup h2 { font-family: "VectoraLTStd-Black", sans-serif !important; font-size: 20px !important; font-size: 1.25rem !important; line-height: 1.2 !important; text-transform: uppercase !important; color: #F66232 !important; padding-top: 0 !important; padding-bottom: 0 !important; margin-bottom: 15px !important; } @media (min-width: 767px) { .swal2-popup h2 { font-size: 24px !important; font-size: 1.5rem !important; } } .swal2-popup p { font-family: "Roboto", sans-serif !important; color: #686767 !important; font-size: 16px !important; font-size: 1rem !important; } @media (min-width: 767px) { .swal2-popup p { font-size: 16px !important; font-size: 1rem !important; } } .swal2-popup button { font-family: "Roboto", sans-serif !important; color: #ffffff !important; text-transform: uppercase; border-radius: 12px; background-clip: padding-box; background-clip: padding-box; font-size: 16px !important; font-size: 1rem !important; border: 1px solid #ffffff; padding: 8px 0.7em !important; outline: none !important; box-shadow: none !important; } @media (min-width: 767px) { .swal2-popup button { font-size: 18px !important; font-size: 1.125rem !important; } } .swal2-popup button:hover, .swal2-popup button:active, .swal2-popup button:focus { outline: none !important; box-shadow: none !important; background: #F66232 !important; } .swal2-popup button.cancel { color: #ffffff !important; font-size: 22px !important; font-size: 1.375rem !important; } @media (min-width: 767px) { .swal2-popup button.cancel { font-size: 30px !important; font-size: 1.875rem !important; } } .swal2-popup input { font-family: "Roboto", sans-serif !important; background: #ffffff; border-radius: 12px; background-clip: padding-box; background-clip: padding-box; } .swal2-popup .sa-icon { display: none !important; } .swal2-popup .swal2-icon { line-height: 60px; } .swal2-popup .swal2-icon.swal2-warning { color: #F66232; border-color: #F66232; } .swal2-popup .swal2-popup .swal2-styled.swal2-confirm { outline: none !important; box-shadow: none !important; background-color: #F66232 !important; } .swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:hover { background-color: #f88763 !important; outline: none !important; box-shadow: none !important; } .modal { text-align: center; padding: 0 !important; z-index: 10050; } .modal:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; } .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; } .modal-header { border-bottom: none; } .modal-body { padding: 0 30px; } .modal-body h2 { text-align: center; margin-bottom: 20px; font-size: 1.125rem; } @media (min-width: 767px) { .modal-body h2 { font-size: 1.25rem; } } .modal-form { max-width: 400px; margin: 0 auto; } .modal-footer { text-align: center; border: none; padding-bottom: 30px; } .modal-header .close { outline: none; } .error-page { text-align: center; margin-top: 50%; } @media (min-width: 767px) { .error-page { padding: 15%; margin-top: 0; } } .error-page h1 { text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000; color: #9b88b6; font-size: 1.5rem; line-height: 1; } @media (min-width: 767px) { .error-page h1 { font-size: 1.75rem; } } .error-page h1 img { padding: 20px; margin: 0 auto; } @media (min-width: 767px) { .error-page h1 img { padding: 15px; } } .error-page h1 strong { display: block; font-size: 6.25rem; font-weight: 700; line-height: 1; } @media (min-width: 767px) { .error-page h1 strong { font-size: 8.75rem; } } .error-page p { text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000; color: #ffffff; padding: 0 30px 0; font-size: 0.875rem; } @media (min-width: 767px) { .error-page p { font-size: 1.125rem; } } .error-page a { background-color: #9b88b6 !important; } .console { background-color: #18171B; color: #1bff00; margin: 5px; padding: 5px; font-size: 0.875rem; line-height: 1.2em; font: 12px Menlo, Monaco, Consolas, monospace; word-wrap: break-word; white-space: pre-wrap; position: relative; z-index: 99999; word-break: break-all; } table.dataTable.dtr-inline.collapsed > tbody > tr > td.child, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty { cursor: default !important; } table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before { display: none !important; } table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child, table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child { position: relative; padding-left: 30px; cursor: pointer; } table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child:before { top: 11px; left: 10px; height: 14px; width: 14px; display: block; position: absolute; color: #b3b3b3; text-align: center; text-indent: 0 !important; font-family: "Font Awesome 5 Free" !important; line-height: 14px; content: "+"; background-color: transparent; } @media (min-width: 767px) { table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child:before { top: 16px; } } @media (min-width: 1200px) { table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child:before { top: 24px; } } 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: "−"; font-family: "Font Awesome 5 Free" !important; background-color: transparent; } table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child { padding-left: 27px; } table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before { top: 5px; left: 4px; height: 14px; width: 14px; border-radius: 14px; line-height: 14px; text-indent: 3px; } table.dataTable.dtr-column > tbody > tr > td.control, table.dataTable.dtr-column > tbody > tr > th.control { position: relative; cursor: pointer; } table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > 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: 14px; box-shadow: 0 0 3px #444; box-sizing: content-box; text-align: center; text-indent: 0 !important; font-family: "Courier New", Courier, monospace; line-height: 14px; content: "+"; background-color: #337ab7; } table.dataTable.dtr-column > tbody > tr.parent td.control:before, table.dataTable.dtr-column > tbody > tr.parent th.control:before { content: "-"; background-color: red; } table.dataTable > tbody > tr.child { padding: 0.5em 1em; } table.dataTable > tbody > tr.child:hover { background: transparent !important; } table.dataTable > tbody > tr.child ul.dtr-details { display: inline-block; list-style-type: none; margin: 0; padding: 0; } table.dataTable > tbody > tr.child ul.dtr-details > li { border-bottom: 1px solid #ddd; padding: 0.8em 0; } table.dataTable > tbody > tr.child ul.dtr-details > li:first-child { padding-top: 0; } table.dataTable > tbody > tr.child ul.dtr-details > li:last-child { border-bottom: none; } div.dataTables_wrapper div.dataTables_length label, div.dataTables_wrapper div.dataTables_filter label { color: #000000; margin-bottom: 20px; } div.dataTables_wrapper div.dataTables_length select { margin-left: 10px; margin-right: 10px; font-size: 1rem; padding: 0 10px; } div.dataTables_wrapper div.dataTables_filter input { margin-left: 10px !important; } table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { bottom: 8px !important; opacity: 0.6 !important; } table.dataTable > tbody > tr.child ul.dtr-details { display: block; text-align: left; padding: 15px 15px 0 15px; background: #ffffff; } table.dataTable > tbody > tr.child ul.dtr-details li span { display: inline-block; vertical-align: top; padding-right: 30px; line-height: 1.2 !important; } table.dataTable > tbody > tr.child ul.dtr-details li span.dtr-title { width: 48%; max-width: 200px; font-weight: 400; color: #686767; } @media (min-width: 767px) { table.dataTable > tbody > tr.child ul.dtr-details li span.dtr-title .title-detail { font-size: 1rem; } } table.dataTable > tbody > tr.child ul.dtr-details li span.dtr-title .sub-detail { font-size: 0.6875rem; } @media (min-width: 767px) { table.dataTable > tbody > tr.child ul.dtr-details li span.dtr-title .sub-detail { font-size: 0.875rem; } } table.dataTable > tbody > tr.child ul.dtr-details li span.dtr-data .table-kms { font-size: 1rem; margin-top: 0; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; text-align: center; } @media (min-width: 767px) { table.dataTable > tbody > tr.child ul.dtr-details li span.dtr-data .table-kms { margin-top: -1px; font-size: 1.125rem; } } table.dataTable.nowrap th, table.dataTable.nowrap td, div.dataTables_wrapper div.dataTables_info { white-space: normal !important; } div.dataTables_wrapper div.dataTables_info { padding-top: 42px !important; white-space: normal !important; font-size: 0.875rem; color: #000000; } div.dataTables_wrapper div.dataTables_paginate { margin-top: 30px !important; } div.dataTables_wrapper div.dataTables_paginate .pagination > .active > a, div.dataTables_wrapper div.dataTables_paginate .pagination > .active > a:focus, div.dataTables_wrapper div.dataTables_paginate .pagination > .active > a:hover, div.dataTables_wrapper div.dataTables_paginate .pagination > .active > span, div.dataTables_wrapper div.dataTables_paginate .pagination > .active > span:focus, div.dataTables_wrapper div.dataTables_paginate .pagination > .active > span:hover { background-color: #F66232; border-color: #F66232; color: #ffffff; } div.dataTables_wrapper div.dataTables_paginate .pagination > li > a, div.dataTables_wrapper div.dataTables_paginate .pagination > li > span { color: #F66232; } .w-100 { width: 100% !important; } div.dataTables_wrapper div.dataTables_length select:focus, div.dataTables_wrapper div.dataTables_filter input:focus { border-color: #F66232; outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(246, 98, 50, 0.6); } .m-0 { margin: 0 !important; } .m-1 { margin: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .m-3 { margin: 1rem !important; } .m-4 { margin: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-0 { margin-top: 0 !important; } .mr-0 { margin-right: 0 !important; } .mb-0 { margin-bottom: 0 !important; } .ml-0 { margin-left: 0 !important; } .mx-0 { margin-left: 0 !important; margin-right: 0 !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .mt-1 { margin-top: 0.25rem !important; } .mr-1 { margin-right: 0.25rem !important; } .mb-1 { margin-bottom: 0.25rem !important; } .ml-1 { margin-left: 0.25rem !important; } .mx-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mr-2 { margin-right: 0.5rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .ml-2 { margin-left: 0.5rem !important; } .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .mt-3 { margin-top: 1rem !important; } .mr-3 { margin-right: 1rem !important; } .mb-3 { margin-bottom: 1rem !important; } .ml-3 { margin-left: 1rem !important; } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .my-3 { margin-bottom: 1rem !important; margin-top: 1rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mr-4 { margin-right: 1.5rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .ml-4 { margin-left: 1.5rem !important; } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .mt-5 { margin-top: 3rem !important; } .mr-5 { margin-right: 3rem !important; } .mb-5 { margin-bottom: 3rem !important; } .ml-5 { margin-left: 3rem !important; } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .mt-auto { margin-top: auto !important; } .mr-auto { margin-right: auto !important; } .mb-auto { margin-bottom: auto !important; } .ml-auto { margin-left: auto !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-auto { margin-bottom: auto !important; margin-top: auto !important; } .p-0 { padding: 0 !important; } .p-1 { padding: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .p-3 { padding: 1rem !important; } .p-4 { padding: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-0 { padding-top: 0 !important; } .pr-0 { padding-right: 0 !important; } .pb-0 { padding-bottom: 0 !important; } .pl-0 { padding-left: 0 !important; } .px-0 { padding-left: 0 !important; padding-right: 0 !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .pt-1 { padding-top: 0.25rem !important; } .pr-1 { padding-right: 0.25rem !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pl-1 { padding-left: 0.25rem !important; } .px-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pr-2 { padding-right: 0.5rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pl-2 { padding-left: 0.5rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .pt-3 { padding-top: 1rem !important; } .pr-3 { padding-right: 1rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pl-3 { padding-left: 1rem !important; } .py-3 { padding-bottom: 1rem !important; padding-top: 1rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pr-4 { padding-right: 1.5rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pl-4 { padding-left: 1.5rem !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .pt-5 { padding-top: 3rem !important; } .pr-5 { padding-right: 3rem !important; } .pb-5 { padding-bottom: 3rem !important; } .pl-5 { padding-left: 3rem !important; } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .cc_dialog.simple { max-width: 100% !important; } .dark.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_save button { background-color: #eaeaea !important; } .dark.cc_dialog button.cc_b_ok { background-color: #c0c0c0 !important; } @media (min-width: 380px) { .dark.cc_dialog button.cc_b_ok { margin: 10px !important; } } .dark.cc_dialog div div:nth-child(3n) { text-align: center !important; } .cc_css_reboot { padding: 1rem 1rem 20px !important; } html.bg-login { background: url("/themes/default/images/generic/fondo-login.jpg") no-repeat center center fixed; background-size: cover !important; } .wrapper.logged { padding-top: 103px; } @media (min-width: 767px) { .wrapper.logged { padding-top: 94px; } } .btn-primary { font-weight: bolder; } .form-control:focus { border-color: #F66232; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #F66232; } .upper-logo { max-width: 115px; padding: 10px; } @media (min-width: 767px) { .upper-logo { max-width: 125px; } } .navbar { border: none !important; border-color: transparent !important; margin-bottom: 0 !important; } .navbar-default { background-color: transparent; border-color: transparent; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { background-color: transparent; border-color: transparent; box-shadow: none; border: 0; } .navbar-default .navbar-nav > li > a { color: #F66232; } .navbar-default .navbar-nav > li > a:hover { color: #F66232; } .navbar-default .navbar-nav > li > a:active { color: #F66232; } .navbar-default .navbar-nav > li > a:focus { color: #F66232; } .navbar-brand { height: auto; } .navbar-fixed-top { z-index: 1030; } .navbar-button { min-height: 0 !important; border-bottom: 6px solid #F66232; } @media (min-width: 767px) { .navbar-button { border-bottom: 0; } } .navbar-default .navbar-toggle { border: none !important; background: #ffffff; margin-top: 13px; margin-right: 8px; padding: 5px 10px 10px 10px; } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background: transparent; } .navbar-default .navbar-toggle .icon-bar { background: #F66232 !important; width: 36px; height: 3px; margin-top: 6px; border-radius: 0.5rem; background-clip: padding-box; } .navbar-default .navbar-toggle:hover .icon-bar { background: #1b4f5f !important; } .cont-header { background: #ffffff; } @media (min-width: 767px) { .cont-header { border-bottom: 6px solid #F66232; } } @media (min-width: 767px) { .cont-header .col-sm-2 { width: 10%; } } @media (min-width: 767px) { .cont-header .col-sm-10 { width: 90%; } } @media (min-width: 767px) { .cont-header .container { margin: 0 5px 0; width: inherit; } } @media (min-width: 1200px) { .cont-header .container { margin: 0 auto; width: 1170px; } } .logo { display: inline-block; vertical-align: middle; width: 100%; max-width: 120px; margin: 10px 15px; } .logo img { display: block; max-width: 80%; margin-top: 5px; } @media (min-width: 767px) { .logo { max-width: 100px; margin: 15px 0 10px; } } @media (min-width: 992px) { .logo { margin: 10px 15px; } } .menu { font-family: "VectoraLTStd-Black", sans-serif; min-height: 0; } .menu ul { display: inline-block; width: 100%; margin: 0; background-color: #ffffff; } @media (min-width: 767px) { .menu ul { background-color: transparent; margin: 5px 0 0 0; padding-left: 15px; } } .menu ul li { display: inline-block; vertical-align: middle; width: 100%; text-align: center; padding: 0; text-transform: uppercase; } .menu ul li a { color: #F66232 !important; display: inline-block; width: 100%; text-decoration: none; font-size: 1rem; padding-top: 6px; padding-bottom: 6px; } .menu ul li a.active { font-family: "VectoraLTStd-Black", sans-serif; font-weight: bolder; color: #1b4f5f !important; } .menu ul li a.active:hover { opacity: 1; filter: alpha(opacity=100); font-weight: bolder; } .menu ul li a:hover { opacity: 0.8; filter: alpha(opacity=80); } .menu ul li a span { display: inline-block; vertical-align: middle; margin: 0; line-height: 30px; font-weight: bolder; } .menu ul li a img { display: inline-block; vertical-align: middle; width: 25px; margin: 0 5px; } @media (min-width: 767px) { .menu ul li a img { margin: 0; } } @media (min-width: 767px) { .menu ul li a { width: auto; border-bottom: none; font-size: 0.875rem; padding: 10px 5px; } .menu ul li a span { margin: 0; } } @media (min-width: 992px) { .menu ul li a { font-size: 1.125rem; } } @media (min-width: 1200px) { .menu ul li a { font-size: 1.125rem; } } @media (min-width: 767px) { .menu ul li { width: auto; padding: 0 5px; } } .menu ul li .fa-1_5x { font-size: 1.5rem; } .menu ul li.logout { background: #1b4f5f; margin-top: 10px; padding-top: 10px; padding-bottom: 10px; } @media (min-width: 767px) { .menu ul li.logout { background: #ffffff; } } .menu ul li.logout .header-user { display: inline-block; vertical-align: middle; padding-right: 15px; margin-right: 6px; border-right: 1px solid #ffffff; } @media (min-width: 767px) { .menu ul li.logout .header-user { padding-right: 5px; } } .menu ul li.logout .header-user .avatar { display: inline-block; vertical-align: middle; width: 28px; height: 28px; margin: 0 5px 0 0; border: 1px solid #e49d77; border-radius: 100%; background-clip: padding-box; } .menu ul li.logout .header-user .avatar img { display: block; } .menu ul li.logout .header-languages { display: inline-block; vertical-align: middle; margin-right: 6px; font-weight: bolder; } @media (min-width: 767px) { .menu ul li.logout .header-languages { padding-right: 5px; } } .menu ul li.logout .header-languages .first { color: #F66232; padding-left: 0; } @media (min-width: 767px) { .menu ul li.logout .header-languages .first { border-right: 1px solid #F66232; } } .menu ul li.logout .header-languages .active { color: #ffffff !important; } @media (min-width: 767px) { .menu ul li.logout .header-languages .active { color: #1b4f5f !important; } } .menu ul li.logout .header-languages span { padding-right: 10px; padding-left: 5px; } @media (min-width: 767px) { .menu ul li.logout .header-languages span { padding-right: 1px; } } .menu ul li.logout .header-languages span a { color: #F66232 !important; padding-left: 10px; } @media (min-width: 767px) { .menu ul li.logout .header-languages span a { padding: 0; } } .menu ul li.logout #logout { padding-left: 15px; border-left: 1px solid #ffffff; } @media (min-width: 767px) { .menu ul li.logout { border-top: none; } } .menu ul li.logout a { display: inline-block; vertical-align: middle; width: auto; padding-top: 1px; padding-bottom: 1px; padding-left: 0; color: #ffffff !important; } @media (min-width: 767px) { .menu ul li.logout a { color: #F66232 !important; } } .menu ul li.logout a img { width: 20px; margin-right: 10px; } @media (min-width: 767px) { .menu ul li.logout { float: right; margin-top: -1px; } } .user-score { font-family: "VectoraLTStd-Black", sans-serif; } .footer { background-color: #686767; } .error-page h1 { color: #F66232; } .error-page p { text-shadow: none; } .error-page a { background-color: #F66232 !important; } .dark.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_save button { background-color: #F66232 !important; color: #ffffff !important; } .dark.cc_dialog button.cc_b_ok { background-color: #F66232 !important; color: #ffffff !important; } .seccion-premios, .seccion-ganadores { margin: 20px 0 0 0; } .seccion-premios .item, .seccion-ganadores .item { background: #fff; text-align: center; border-radius: 12px; background-clip: padding-box; max-width: 400px; margin-left: auto; margin-right: auto; margin-bottom: 20px; } .seccion-premios .item.desactivado, .seccion-ganadores .item.desactivado { cursor: default; } .seccion-premios .item.desactivado img, .seccion-ganadores .item.desactivado img { opacity: 0.4; filter: alpha(opacity=40); } .seccion-premios .item.desactivado img:hover, .seccion-ganadores .item.desactivado img:hover { transform: scale(1); } .seccion-premios .item.desactivado h3, .seccion-ganadores .item.desactivado h3 { opacity: 0.5; filter: alpha(opacity=50); } .seccion-premios .item.desactivado:hover, .seccion-ganadores .item.desactivado:hover { transform: scale(1); } .seccion-premios .item.desactivado .descripcion, .seccion-ganadores .item.desactivado .descripcion { opacity: 0.5; filter: alpha(opacity=50); } .seccion-premios .item a, .seccion-ganadores .item a { margin: 0; } @media (min-width: 767px) { .seccion-premios .item a, .seccion-ganadores .item a { margin: 0; } } .seccion-premios .item h3, .seccion-ganadores .item h3 { margin: 0; padding: 0 20px; position: relative; height: 60px; overflow: hidden; text-transform: none; color: #fff; border-top-right-radius: 12px; border-top-left-radius: 12px; background-clip: padding-box; background: #000; font-weight: 700; } .seccion-premios .item h3 span, .seccion-ganadores .item h3 span { display: inline-block; width: 100%; font-size: 18px; font-size: 1.125rem; line-height: 1.1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media (min-width: 767px) { .seccion-premios .item h3 span, .seccion-ganadores .item h3 span { font-size: 16px; font-size: 1rem; } } @media (min-width: 992px) { .seccion-premios .item h3 span, .seccion-ganadores .item h3 span { font-size: 18px; font-size: 1.125rem; } } .seccion-premios .item .imagen-premio, .seccion-ganadores .item .imagen-premio { position: relative; overflow: hidden; border: 1px solid #CCC; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; background-clip: padding-box; } .seccion-premios .item .imagen-premio img, .seccion-ganadores .item .imagen-premio img { max-width: 100%; display: block; margin: 0 auto; } .seccion-premios .item .imagen-premio .more-info-button, .seccion-ganadores .item .imagen-premio .more-info-button { position: absolute; bottom: 0; left: 0; width: 100px; height: 100px; z-index: 2; cursor: pointer; } .seccion-premios .item .imagen-premio .more-info-button .txt-more-info-button, .seccion-ganadores .item .imagen-premio .more-info-button .txt-more-info-button { position: absolute; left: 10px; bottom: 10px; width: 100px; text-align: left; z-index: 3; font-size: 16px; font-size: 1rem; color: #fff; } .seccion-premios .item .imagen-premio .more-info-button .bg-more-info-button, .seccion-ganadores .item .imagen-premio .more-info-button .bg-more-info-button { width: 0; height: 0; border-style: solid; border-width: 100px 0 0 100px; border-color: transparent transparent transparent #F66232; } .seccion-premios .item .descripcion, .seccion-ganadores .item .descripcion { color: #fff; background: #34b1da; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; background-clip: padding-box; padding: 15px; margin: 0; text-align: left; } @media (min-width: 767px) { .seccion-premios .item, .seccion-ganadores .item { max-width: none; } } .seccion-premios .cta, .seccion-ganadores .cta { width: 100%; max-width: 400px; margin: 0 auto; min-height: 80px; } .seccion-premios .cta a, .seccion-ganadores .cta a { width: 100%; margin: 0; text-transform: none; font-size: 16px; font-size: 1rem; white-space: normal; line-height: 1.2; padding-top: 10px; padding-bottom: 10px; background: #686767; border: 1px solid #686767; } @media (min-width: 767px) { .seccion-premios .cta a, .seccion-ganadores .cta a { /*white-space:nowrap;*/ } } .seccion-premios .cta a:hover, .seccion-ganadores .cta a:hover, .seccion-premios .cta a:focus, .seccion-ganadores .cta a:focus, .seccion-premios .cta a:active, .seccion-ganadores .cta a:active { background: #686767 !important; border: 1px solid #686767 !important; } .seccion-premios .cta a:hover, .seccion-ganadores .cta a:hover { transform: scale(1.05); } .seccion-premios .modal-body { padding: 30px 30px 15px; text-align: center; } .prize-pt-5 { padding-top: 1.5rem; font-weight: bolder; } .bg-chrono { background-image: url("/themes/default/images/generic/chrono.png") !important; } .chrono { font-weight: bolder; } .chrono .block-number strong { font-style: italic; } .prizes .item-prize .box-image-prize .image-prize { position: absolute; top: 50%; left: 50%; width: 30% !important; height: 55% !important; transform: translate(-51%, -53%); } .standings-table .table-team-user { color: #F66232; } .bg-race { background-image: url("/themes/default/images/generic/bg-race-mb.jpg"); } @media (min-width: 767px) { .bg-race { background-image: url("/themes/default/images/generic/bg-race.jpg"); } } .bg-race .scroll-race { background-image: url("/themes/default/images/generic/bg-chrono.jpg"); } #animate-area { background-image: url("/themes/default/images/generic/decorate-mb.png"); } @media (min-width: 767px) { #animate-area { background-image: url("/themes/default/images/generic/decorate.png"); } } .item-race { width: 190px !important; top: 38px; } @media (min-width: 767px) { .item-race { width: 300px !important; top: 0; } }