/* ================================================================================== */ /* == Normalize.css v7.0.0 ========================================================== */ /* ================================================================================== */ html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:0.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none} *,*:before,*:after { box-sizing: border-box; margin: 0; padding: 0; list-style: none } /* Viewport Sizing */ @-webkit-viewport{width:device-width} @-moz-viewport{width:device-width} @-ms-viewport{width:device-width} @-o-viewport{width:device-width} @viewport{width:device-width} /* ================================================================================== */ /* == General Styles ================================================================ */ /* ================================================================================== */ html,body { background: #fff; font-family: "proxima-nova", Arial, Helvetica, Verdana, sans-serif; font-size: 15px; line-height: 1.4em; text-shadow: 0px 1px 0px rgba(255,255,255,0.9); color: #60646D; } html { min-height: 100%; position: relative;} body { margin-bottom: 80px; } /*For sticky footer*/ .container { padding: 0 25px; } .container:after { content: ""; display: table; clear: both;} a { color: #4078c0; color: #326FB0; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -ms-transition: all 0.218s; -o-transition: all 0.218s; transition: all 0.218s; } a:hover { /*color: #a4cb2f;*/ text-decoration: underline; } h1, h2, h3 { color: #37393A; } @media only screen and (max-width: 400px) { .container { padding: 0 25px; } } /* ================================================================================== */ /* == Header ======================================================================== */ /* ================================================================================== */ #header { position: fixed; width: 100%; height: 80px; line-height: 80px; z-index: 99; box-shadow: 0 2px 15px rgba(0,0,0,0.15), 0 1px 3px rgba(0,0,0,0.15); /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4798c5+0,174a81+100 */ background: #4798c5; /* Old browsers */ background: -moz-linear-gradient(top, #4798c5 0%, #174a81 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #4798c5 0%,#174a81 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #4798c5 0%,#174a81 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4798c5', endColorstr='#174a81',GradientType=0 ); /* IE6-9 */ background: rgba(29,92,155,1); background: -moz-linear-gradient(top, rgba(29,92,155,1) 0%, rgba(53,120,178,1) 50%, rgba(23,75,130,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(29,92,155,1)), color-stop(50%, rgba(53,120,178,1)), color-stop(100%, rgba(23,75,130,1))); background: -webkit-linear-gradient(top, rgba(29,92,155,1) 0%, rgba(53,120,178,1) 50%, rgba(23,75,130,1) 100%); background: -o-linear-gradient(top, rgba(29,92,155,1) 0%, rgba(53,120,178,1) 50%, rgba(23,75,130,1) 100%); background: -ms-linear-gradient(top, rgba(29,92,155,1) 0%, rgba(53,120,178,1) 50%, rgba(23,75,130,1) 100%); background: linear-gradient(to bottom, rgba(29,92,155,1) 0%, rgba(53,120,178,1) 50%, rgba(23,75,130,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d5c9b', endColorstr='#174b82', GradientType=0 ); background: #2b408d; /* Old browsers */ background: -moz-linear-gradient(90deg, #2b408d 0%, #0289cb 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(90deg, #2b408d 0%,#0289cb 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(0deg, #2b408d 0%,#0289cb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b408d', endColorstr='#0289cb',GradientType=1 ); /* IE6-9 gradient */ color: #fff; text-shadow: none; } #header .logo { float: left; font-size: 30px; font-weight: 400; text-decoration: none; margin: 0; text-shadow: 0 1px 1px rgba(0,0,0,0.5); color: #fff; } #header #username { float: right; } #header #username a { color: #fff; text-decoration: none; } @media only screen and (max-width: 470px) { #header .logo { font-size: 24px; } } @media only screen and (max-width: 380px) { #header .logo { font-size: 20px; } } /* ================================================================================== */ /* == Content ======================================================================= */ /* ================================================================================== */ .main { padding: 130px 50px 130px 0px; overflow: hidden; } .sidebar { width: 300px; width: 300px; height: 100vh; padding: 130px 50px 50px 50px; background: #f7fafc; border-right: 1px solid #ebeef1; position: fixed; top: 0; left: 0; z-index: 1; } .sidebar h3 { margin-bottom: 1em; } .content { float: right; width: calc(100% - 350px); } .content-inner { max-width: 800px; margin: 0 auto; } @media only screen and (max-width: 1000px) { .sidebar, .sidebar:after, #toc { width: 200px !important; } .content { width: calc(100% - 250px); } } @media only screen and (max-width: 800px) { .main { padding: 130px 50px 50px 50px; } .sidebar { display: none; } .content { float: none; width: 100%; } } @media only screen and (max-width: 500px) { .main { padding: 110px 30px 30px 30px; } } @media only screen and (max-width: 400px) { .main { padding: 110px 25px 25px 25px; } } /*Page Title*/ .page-title { position: relative; } .page-title h1 { font-size: 2.75rem; line-height: 1.2em; margin-top: 0; margin-bottom: 4rem; } .page-title .cnd-sort { position: absolute; top: 10px; right: 0; } /*Breadcrumbs*/ .breadcrumbs { list-style: none; overflow: hidden; text-shadow: none; margin-bottom: 40px; border: 1px solid #ebeef1; display: inline-block; border-radius: 4px; } .breadcrumbs li { float: left; } .breadcrumbs li a { color: #60646D; text-decoration: none; padding: 10px 0 10px 55px; background: #F3F5FA; position: relative; display: block; float: left; } .breadcrumbs li a:after { content: " "; display: block; width: 0; height: 0; border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-left: 30px solid #F3F5FA; position: absolute; top: 50%; margin-top: -50px; left: 100%; z-index: 2; } .breadcrumbs li a:before { content: " "; display: block; width: 0; height: 0; border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-left: 30px solid #fff; position: absolute; top: 50%; margin-top: -50px; margin-left: 1px; left: 100%; z-index: 1; } .breadcrumbs li:only-child a { padding-left: 20px !important; } .breadcrumbs li:first-child a { padding-left: 20px; } .breadcrumbs li:nth-child(2) a { background: hsla(34,85%,45%,1); } .breadcrumbs li:nth-child(2) a:after { border-left-color: hsla(34,85%,45%,1); } .breadcrumbs li:nth-child(3) a { background: hsla(34,85%,55%,1); } .breadcrumbs li:nth-child(3) a:after { border-left-color: hsla(34,85%,55%,1); } .breadcrumbs li:nth-child(4) a { background: hsla(34,85%,65%,1); } .breadcrumbs li:nth-child(4) a:after { border-left-color: hsla(34,85%,65%,1); } .breadcrumbs li:nth-child(5) a { background: hsla(34,85%,75%,1); } .breadcrumbs li:nth-child(5) a:after { border-left-color: hsla(34,85%,75%,1); } .breadcrumbs li:last-child a { background: #537FED; color: #fff; /*pointer-events: none;*/ /*cursor: default;*/ background: none; color: #326FB0; padding-right: 23px; padding-left: 45px; } .breadcrumbs li:last-child a:after { border: 0; } .breadcrumbs li a:hover { text-decoration: underline; } /*Table of Contents*/ #toc { margin: 0; width: 300px; text-shadow: none; z-index: 95; border: none; border-radius: 0; top: 100px; left: 0; } #toc a { display: block; padding: 5px 15px; } #toc a:hover { } #toc .active { background: #2F62A5; } #toc .active a { color: #fff; } #toc .tocify-subheader li { font-size: 13px; } #toc .tocify-header > li > a { padding: 6px 15px; } #toc ul ul a { color: #3c4257; } @media only screen and (max-width: 500px) { .page-title h1 { font-size: 2.5em; } } /* Unauthorized Message */ .unauthorized-message { border: 1px solid #ebeef1; background: #f7fafc; padding: 50px; border-radius: 8px; text-align: center; } .unauthorized-message h2 { margin: 0 0 0.75rem 0; } /* ================================================================================== */ /* == Article Styles ================================================================ */ /* ================================================================================== */ .page-title h1 { font-size: 32px; color: #000; font-weight: 700; margin: 0; padding: 0; } .post { line-height: 1.6; font-size: 16px; color: #3c4257; } .post p { margin: 0.75rem 0; } .post sup { font-size: 60% !important; } .post h1, .post h2, .post h3, .post h4, .post h5, .post h6 { font-weight: 700; color: #1a1f36; margin: 0.75rem 0; } .post h2 { margin-top: 2rem; } .post h3 { margin-top: 1.25rem; margin-top: 2rem; font-size: 16px; } .post h4, .post h5, .post h6 { font-size: 16px; font-weight: 600; margin-top: 1.875rem; margin-bottom: -0.75rem; } /*Lists*/ .post ul, .post ol { list-style: none; padding: 0; margin: 0.75rem 0; } .post ul li, .post ol li { padding-left: 2em; } .post ul > li, .post ol > li { position: relative; margin: 0.125rem 0; } .post ul ul, .post ol ol { margin: 0.125rem 0; } .post ul > li:before { content: ""; position: absolute; width: 0.375em; height: 0.375em; left: 0.5em; top: 0.55em; border-radius: 50%; background: #c1c9d2; } .post ol { counter-reset: listitem; } .post ol > li:before { counter-increment: listitem; content: counter(listitem); background: #e3e8ee; color: #697386; font-size: 12px; font-weight: 500; line-height: 20px; text-align: center; height: 20px; width: 20px; border-radius: 10px; position: absolute; left: 0; top: 3px; } /* Section */ .post .section { position: relative; margin-top: 3rem; padding-bottom: 2rem; border-top: 1px solid #e3e8ee; border-bottom: 1px solid #e3e8ee; } .post .section ~ .section { margin-top: 0; border-top: none; } .post .section .section-header h2 { font-size: 32px; } .post .section .section-header + .section-block { border-top: none; } .post .section .section-block { border-top: 1px dotted #e3e8ee; margin-top: 2rem; padding-bottom: 0.05rem; } .post .section .section-block h3 { font-size: 24px; } .post .section .section-block h4 { margin: 1.875rem 0 0 0; } .post .section .section-block h4 + table, .post .section .section-block h4 + pre { margin-top: 0.5rem !important; } /*Table*/ .post table { border-spacing: 0; border-collapse: collapse; width: 100%; margin: 1.2rem 0; } .post td, .post th { padding: 0.75rem; border: 1px solid #ebeef1; } .post table thead { font-size: 13px; color: #3C425B; text-transform: uppercase; padding: 0; line-height: 15px; } .post table tbody tr:nth-child(2n+1) td { background: #f7fafc; } .post table tbody, .post table tbody td, .post table tbody td p { font-size: 14px; line-height: 1.325; vertical-al///ign: top; } .post table tbody td p { margin: 0; } .post table ul, .post table ol { margin: 0; } /*Code*/ .post sup { top: -0.5em; } .post sub { bottom: -0.25em; } .post pre, .post code { font-size: 13px; font-family: 'Droid Sans Mono', monospace !important; } .post pre { padding: 0.75em 0 !important; margin: 1.2rem 0 !important; box-shadow: -1px 0px 0px 0px #2F62A5, 0px 0px 0px 1px #ebeef1 !important; border-left: 10px solid #2F62A5 !important; background-color: #fdfdfd !important; background-image: linear-gradient(#fff 50%, #f7fafc 50%) !important; } .post .endpoint { display: inline-block; background: rgba(35,157,239, 0.25); border: 1px solid rgba(35,157,239, 0.25); color: #239DEF; color: #326FB0; text-shadow: none; padding: 1px 15px 1px 0; border-radius: 6px 3px 3px 6px; margin: -0.75rem 0 0.25rem; } .post .endpoint strong { background: #326FB0; color: #fff; padding: 5px 10px; margin: 0 5px 0 -1px; border-radius: 3px 0 0 3px; } /*Images*/ .post .voImage { margin: 2rem 0; } .post .voImage img { display: block; max-width: 100%; height: auto; } .post .voImage.center { margin: 1.4em auto; } .post .voImage .caption { background: #F3F5F9; padding: 1em; font-size: .8rem; line-height: 1.45; } /* ================================================================================== */ /* == Archive ======================================================================= */ /* ================================================================================== */ .post-array ul li { margin-bottom: 30px; border-top: 1px solid #F3F5FA; padding-top: 30px; } .post-array ul li.has-thumbnail { overflow: hidden; } .post-array ul li.has-thumbnail .thumbnail { float: left; width: 220px; } .post-array ul li.has-thumbnail .thumbnail img { display: block; width: 100%; } .post-array ul li.has-thumbnail .text { float: right; width: calc(100% - 250px); } .post-array ul li .title { margin-bottom: 0.45em; } /* Pagination */ .cnd-pagination { overflow: hidden; text-align: center; font-size: 13px; margin: 40px 0; border-top: 1px solid #F3F5FA; padding-top: 15px; } .cnd-pagination button { padding: 0; margin: 0; background: none; color: #326FB0; border: none; position: relative; } .cnd-pagination .previous { float: left; padding-left: 15px; } .cnd-pagination .next { float: right; padding-right: 15px;} .cnd-pagination .previous:after { content: ""; height: 0; width: 0; border-style: solid; border-color: transparent #326FB0 transparent transparent; border-width: 5px 7px 5px 0; position: absolute; top: 50%; margin-top: -6px; left: 0; } .cnd-pagination .next:after { content: ""; height: 0; width: 0; border-style: solid; border-color: transparent transparent transparent #326FB0; border-width: 5px 0 5px 7px; position: absolute; top: 50%; margin-top: -6px; right: 0; } .cnd-pagination button:hover { color: #D2252C; } .cnd-pagination .previous:hover:after { border-right-color: #D2252C; } .cnd-pagination .next:hover:after { border-left-color: #D2252C; } #archive-pagination-top { display: none; } /*Filter Sidebar*/ .vo-cnd .sidebar .block { margin-bottom: 10px; } .vo-cnd .sidebar #cnd-search { float: none; width: 100%; height: 40px; line-height: 40px; font-size: 14px; padding: 0 0 0 10px; border: 1px solid #ccc; border-radius: 5px; color: #474747; font-family: "proxima-nova", Arial, sans-serif; } .vo-cnd .sidebar #cnd-search img { position: absolute; width: 16px; top: 7px; left: 8px; } .vo-cnd .sidebar #cnd-search INPUT { border: 1px solid #cecece; border-top: 1px solid #c2c2c2; border-bottom: 1px solid #dadada; font-size: 13px; height: 28px; padding: 0 10px 0 27px; width: 100%; border-radius: 20px; color: #474747; } .vo-cnd .sidebar .search-wrapper { position: relative; margin-bottom: 30px;} .vo-cnd .sidebar .search-wrapper .remove-search-filter { position: absolute; top: 13px; right: 11px; height: 14px; width: 14px; cursor: pointer; background: url(../../img/icon-cancel.svg) center; background-size: 14px; border: none; text-indent: -9999px; } .vo-cnd .sidebar ul { clear: both;} .vo-cnd .sidebar ul li { margin-bottom: 5px; } .vo-cnd .sidebar .cnd-header { padding: 20px 0; position: relative; border-top: 1px solid #d3d7de; } .vo-cnd .sidebar .cnd-header h3 { margin-bottom: 5px; font-size: 18px; } .vo-cnd .sidebar .cnd-header .collapse { display: none !important; width: 14px; height: 14px; float: right; } .vo-cnd .sidebar .cnd-header .collapse .ui-icon-triangle-1-e { display: block; width: 100%; height: 100%; background: blue url(../../img/icon-arrow-down.svg) center; background-size: 21px; } .vo-cnd .sidebar .cnd-header .collapse .ui-icon-triangle-1-s { display: block; width: 100%; height: 100%; background: green url(../../img/icon-arrow-up.svg) center; background-size: 21px; } .vo-cnd .sidebar .cnd-header .cancel { float: right; height: 14px; width: 14px; cursor: pointer; background: url(../../img/icon-cancel.svg) center no-repeat; background-size: 14px; border: none; margin-top: 3px; } .vo-cnd .sidebar .cnd-header .cancel .ui-icon-cancel { display: none; } .vo-cnd .sidebar #cnd-category.cnd-header { border: none; padding: 0 0 10px 0; } .vo-cnd .sidebar ul.cnd-list < ul { padding: 0 0 0 70px !important; font-weight: bold; } .vo-cnd .sidebar ul.cnd-list li { margin: 10px 0; } .vo-cnd .sidebar ul.cnd-list > ul li:before { content: "- "; color: #393d45; } .vo-cnd .sidebar ul.cnd-list > li:last-child { margin-bot/tom: 0; } .vo-cnd .sidebar ul.cnd-list span { cursor: pointer; display: block; } .vo-cnd .sidebar ul.cnd-list > li > span { position: relative; padding-left: 20px; } .vo-cnd .sidebar ul.cnd-list > li > span:before { content: ""; position: absolute; left: 0; top: 5px; width: 10px; height: 10px; background: #9EA4AE; border-radius: 3px; } .vo-cnd .sidebar ul.cnd-list > li.ui-has-child.ui-state-disabled > span:before { background: #393d45; } .vo-cnd .sidebar ul.cnd-list > li > span.ui-state-active:before { background: #36AF47; } .vo-cnd .sidebar ul.cnd-list li.ui-state-active { list-style-type: none; } .vo-cnd .sidebar ul.cnd-list li ul { margin-left: 21px; color: #393d45; font-size: 15px; } .vo-cnd .sidebar ul.cnd-list li ul li span:before { content: "- "; color: #393d45; } .vo-cnd .sidebar ul.cnd-list li ul li.ui-state-active { color: #F57946; } .vo-cnd .sidebar ul.cnd-list li ul li.ui-state-active:before, .vo-cnd .sidebar ul.cnd-list li ul li.ui-state-active span:before { color: #F57946; } .vo-cnd .sidebar ul.cnd-list .ui-state-active { background: none; border: none; color: inherit; } .vo-cnd .sidebar ul.cnd-list li.ui-state-active ul { } .vo-cnd .sidebar ul.cnd-list li.ui-state-disabled, .vo-cnd .sidebar ul.cnd-list li.ui-state-disabled span { opacity: 0.6; cursor: default; } #cms_blog_default_search .vo-cnd .content { margin-top: -48px; } /* ================================================================================== */ /* == Footer ======================================================================== */ /* ================================================================================== */ #footer { width: 100%; height: 80px; line-height: 80px; background: #0b2d53; color: #7caedd; font-size: 14px; text-shadow: none; position: absolute; bottom: 0; left: 0; z-index: 9; } #footer a { color: #7caedd; } #footer a:hover { color: #a4cb2f; } /* ================================================================================== */ /* == Buttons ======================================================================= */ /* ================================================================================== */ /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2017 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=cf50894a7467a27d095f0278c7d8e943) * Config saved to config.json and https://gist.github.com/cf50894a7467a27d095f0278c7d8e943 */ .btn { display: inline-block; margin-bottom: 0; font-weight: 600; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 0 15px; font-size: 14px; line-height: 38px; border-radius: 3px; user-select: none; font-family: 'proxima-nova'; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { /*outline: 5px auto -webkit-focus-ring-color;*/ outline: 0; outline-offset: -2px; } .btn:hover, .btn:focus, .btn.focus { color: #37393A; text-decoration: none; } .btn:active, .btn.active { outline: 0; background-image: none; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled] { cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); box-shadow: none; } a.btn.disabled { pointer-events: none; } .btn.unclickable { pointer-events: none; } /*Button Default*/ .btn-default { color: #37393A; background-color: #ffffff; border-color: #E6EAEE; } .btn-default:focus, .btn-default.focus { color: #37393A; background-color: #fff; border-color: #CFD6DE; } .btn-default:hover { color: #37393A; background-color: #fff; border-color: #CFD6DE; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #37393A; background-color: #fff; border-color: #CFD6DE; } .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus { color: #37393A; background-color: #fff; border-color: #CFD6DE; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled:hover, .btn-default[disabled]:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, .btn-default.disabled.focus, .btn-default[disabled].focus { background-color: #ffffff; border-color: #E6EAEE; } .btn-default .badge { color: #ffffff; background-color: #37393A; } /*Caret*/ .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;*/ background: url(../../img/icon-dropdown-arrow.svg) no-repeat; width: 8px; height: 6px; } .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; list-style: none; font-size: 14px; text-align: left; background-color: #ffffff; border: 1px solid #CFD6DE; /*border: 1px solid rgba(0, 0, 0, 0.15);*/ border-radius: 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .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 15px; clear: both; font-weight: normal; line-height: 1.42857143; color: #37393A; white-space: nowrap; cursor: pointer; } .dropdown-menu > li > a.level1 { padding-left: 30px; } .dropdown-menu > li > a.level2 { padding-left: 45px; } .dropdown-menu > li > a.level3 { padding-left: 60px; } .dropdown-menu > li > a.level4 { padding-left: 75px; } .dropdown-menu > li > a.level5 { padding-left: 90px; } .dropdown-menu > li > a.level6 { padding-left: 105px; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #37393A; background-color: #fff; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; outline: 0; background-color: #337ab7; } .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; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { left: auto; right: 0; } .dropdown-menu-left { left: 0; right: auto; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777777; white-space: nowrap; } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .dropup .caret { /*border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9;*/ content: ""; background: url(../../img/icon-dropdown-arrow-up.svg) no-repeat; width: 8px; height: 6px;} .dropup .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } .btn-group { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .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-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-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-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-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-left: 12px; padding-right: 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: 5px; } .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret { border-width: 0 5px 5px; } .btn-group > .btn + .dropdown-toggle .caret { margin: 0; } [data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } /* ================================================================================== */ /* ==