@charset "UTF-8"; ::-moz-selection { background: #6164C1; color: white; text-shadow: none; } ::selection { background: #6164C1; color: white; text-shadow: none; } html { font-size: 16px; } body, html { height: 100%; width: 100%; } .app { background: #f0f0f0; width: 100%; min-height: 100%; position: relative; } body { background: #f5f5f5; color: #59595A; font-size: 0.8125rem; line-height: 1.53846; font-family: 'Inter', sans-serif; font-optical-sizing: auto; font-style: normal; } a { color: inherit; text-decoration: none; } a:visited, a:active, a:focus, a:hover { outline: 0; text-decoration: none; cursor: pointer; } .touch li:hover, .touch li:focus, .touch a:hover, .touch a:focus { background-color: transparent !important; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 0.0625rem solid rgba(0, 0, 0, 0.1); } img { -ms-interpolation-mode: bicubic; } .img-rounded { border-radius: 0.125rem; } .img-circle { border-radius: 50%; } ol { list-style-position: outside; list-style-type: decimal; } ul { list-style-position: outside; list-style-type: disc; line-height: 1.5; } ol.list-style-none, ul.list-style-none { padding: 0; list-style: none; } .nav { padding: 0; } [ui-view].ng-enter { -webkit-animation: fadeIn 0.4s; animation: fadeIn 0.4s; } .page-height { height: calc(100vh - 5.938rem); } .page-height-o { height: calc(100vh - 2.5rem); } @media (max-width: 47em) { .page-height-xs { height: calc(100vh - 5.938rem); } } @media screen and (min-width: 48em) { .scroll { overflow-x: hidden; overflow-y: auto; height: 100%; } .fill-container { position: absolute; top: 3.438rem; bottom: 2.5rem; left: 12.5rem; right: 0; min-height: calc(100vh - 3.438rem - 2.5rem); } .display-columns { width: 100%; height: 100%; } .display-columns .column { float: left; height: 100%; } .display-columns .column:last-child { float: none; overflow: hidden; } } .row-equal { display: table; width: 100%; table-layout: fixed; } .row-equal .column { display: table-cell; vertical-align: top; float: none; } .row-equal .full-height { height: 100%; } .row-equal.align-middle .column { vertical-align: middle; } .ripple { overflow: hidden; } .ripple-effect { position: absolute; border-radius: 50%; width: 50px; height: 50px; background: white; animation: ripple-animation 2000ms; } @keyframes ripple-animation { from { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); opacity: 0.4; } to { -webkit-transform: scale(100, 100); -moz-transform: scale(100, 100); -o-transform: scale(100, 100); -ms-transform: scale(100, 100); transform: scale(100, 100); opacity: 0; } } @-webkit-keyframes ripple-animation { from { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); opacity: 0.4; } to { -webkit-transform: scale(100, 100); -moz-transform: scale(100, 100); -o-transform: scale(100, 100); -ms-transform: scale(100, 100); transform: scale(100, 100); opacity: 0; } } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Inter', sans-serif; } dt, .bold { font-weight: 700; } .climacon { line-height: 1; } .light { font-weight: 400; } small, .small { font-size: 0.6875rem; } .pullquote { display: block; float: left; width: 55%; font-style: italic; font-size: 1.6rem; } .pullquote::before { float: left; color: #E2E4E9; content: "“"; font-style: normal; font-size: 2.5rem; font-family: Georgia, serif; } .avatar { position: relative; display: inline-block; } .img-thumbnail { border-color: #e4e4e4; } .avatar-xlg { width: 32rem; } .avatar-xlg { width: 16rem; } .avatar-lg { width: 8rem; } .avatar-md { width: 4rem; } .avatar-sm { width: 3rem; } .avatar-xs { width: 2.125rem; } .avatar-xxs { width: 1.375rem; } figure { display: block; position: relative; overflow: hidden; margin-bottom: 1.25rem; } figure img { width: 100%; } figcaption { position: absolute; background: #44425B; background: rgba(68, 66, 91, 0.75); color: white; padding: 1.25rem 1.25rem; opacity: 0; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; } figure:hover figcaption { opacity: 1; } figure:before { content: "?"; position: absolute; background: white; background: rgba(255, 255, 255, 0.75); color: #59595A; width: 1.5rem; height: 1.5rem; border-radius: 50%; text-align: center; line-height: 1.5rem; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; opacity: 0.8; } figure:hover:before { opacity: 0; } .cap-left:before { bottom: 1.25rem; left: 1.25rem; } .cap-left figcaption { bottom: 0; left: -30%; } .cap-left:hover figcaption { left: 0; } .cap-right:before { bottom: 1.25rem; right: 1.25rem; } .cap-right figcaption { bottom: 0; right: -30%; } .cap-right:hover figcaption { right: 0; } .cap-top:before { top: 1.25rem; left: 1.25rem; } .cap-top figcaption { left: 0; top: -30%; } .cap-top:hover figcaption { top: 0; } .cap-bot:before { bottom: 1.25rem; left: 1.25rem; } .cap-bot figcaption { left: 0; bottom: -30%; } .cap-bot:hover figcaption { bottom: 0; } @-webkit-keyframes animSlideElasticLeft { 0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1000, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1000, 0, 0, 1); } 1.3% { -webkit-transform: matrix3d(1.83, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -790.068, 0, 0, 1); transform: matrix3d(1.83, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -790.068, 0, 0, 1); } 2.55% { -webkit-transform: matrix3d(2.015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -609.326, 0, 0, 1); transform: matrix3d(2.015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -609.326, 0, 0, 1); } 4.1% { -webkit-transform: matrix3d(1.864, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -419.708, 0, 0, 1); transform: matrix3d(1.864, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -419.708, 0, 0, 1); } 5.71% { -webkit-transform: matrix3d(1.583, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -265.321, 0, 0, 1); transform: matrix3d(1.583, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -265.321, 0, 0, 1); } 8.11% { -webkit-transform: matrix3d(1.234, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -105.491, 0, 0, 1); transform: matrix3d(1.234, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -105.491, 0, 0, 1); } 8.81% { -webkit-transform: matrix3d(1.166, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -72.799, 0, 0, 1); transform: matrix3d(1.166, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -72.799, 0, 0, 1); } 11.96% { -webkit-transform: matrix3d(1.01, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 16.084, 0, 0, 1); transform: matrix3d(1.01, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 16.084, 0, 0, 1); } 12.11% { -webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 18.434, 0, 0, 1); transform: matrix3d(1.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 18.434, 0, 0, 1); } 15.07% { -webkit-transform: matrix3d(0.985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 42.205, 0, 0, 1); transform: matrix3d(0.985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 42.205, 0, 0, 1); } 16.12% { -webkit-transform: matrix3d(0.986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 43.356, 0, 0, 1); transform: matrix3d(0.986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 43.356, 0, 0, 1); } 27.23% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 7.839, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 7.839, 0, 0, 1); } 27.58% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 7.069, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 7.069, 0, 0, 1); } 38.34% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1.037, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1.037, 0, 0, 1); } 40.09% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.97, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.97, 0, 0, 1); } 50% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.159, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.159, 0, 0, 1); } 60.56% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.025, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.025, 0, 0, 1); } 82.78% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1); } 100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } } @keyframes animSlideElasticLeft { 0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1000, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1000, 0, 0, 1); } 1.3% { -webkit-transform: matrix3d(1.83, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -790.068, 0, 0, 1); transform: matrix3d(1.83, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -790.068, 0, 0, 1); } 2.55% { -webkit-transform: matrix3d(2.015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -609.326, 0, 0, 1); transform: matrix3d(2.015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -609.326, 0, 0, 1); } 4.1% { -webkit-transform: matrix3d(1.864, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -419.708, 0, 0, 1); transform: matrix3d(1.864, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -419.708, 0, 0, 1); } 5.71% { -webkit-transform: matrix3d(1.583, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -265.321, 0, 0, 1); transform: matrix3d(1.583, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -265.321, 0, 0, 1); } 8.11% { -webkit-transform: matrix3d(1.234, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -105.491, 0, 0, 1); transform: matrix3d(1.234, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -105.491, 0, 0, 1); } 8.81% { -webkit-transform: matrix3d(1.166, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -72.799, 0, 0, 1); transform: matrix3d(1.166, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -72.799, 0, 0, 1); } 11.96% { -webkit-transform: matrix3d(1.01, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 16.084, 0, 0, 1); transform: matrix3d(1.01, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 16.084, 0, 0, 1); } 12.11% { -webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 18.434, 0, 0, 1); transform: matrix3d(1.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 18.434, 0, 0, 1); } 15.07% { -webkit-transform: matrix3d(0.985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 42.205, 0, 0, 1); transform: matrix3d(0.985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 42.205, 0, 0, 1); } 16.12% { -webkit-transform: matrix3d(0.986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 43.356, 0, 0, 1); transform: matrix3d(0.986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 43.356, 0, 0, 1); } 27.23% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 7.839, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 7.839, 0, 0, 1); } 27.58% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 7.069, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 7.069, 0, 0, 1); } 38.34% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1.037, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1.037, 0, 0, 1); } 40.09% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.97, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.97, 0, 0, 1); } 50% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.159, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.159, 0, 0, 1); } 60.56% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.025, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.025, 0, 0, 1); } 82.78% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1); } 100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } } @-webkit-keyframes animSlideElasticRight { 0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1000, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1000, 0, 0, 1); } 1.3% { -webkit-transform: matrix3d(1.83, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 790.068, 0, 0, 1); transform: matrix3d(1.83, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 790.068, 0, 0, 1); } 2.55% { -webkit-transform: matrix3d(2.015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 609.326, 0, 0, 1); transform: matrix3d(2.015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 609.326, 0, 0, 1); } 4.1% { -webkit-transform: matrix3d(1.864, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 419.708, 0, 0, 1); transform: matrix3d(1.864, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 419.708, 0, 0, 1); } 5.71% { -webkit-transform: matrix3d(1.583, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 265.321, 0, 0, 1); transform: matrix3d(1.583, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 265.321, 0, 0, 1); } 8.11% { -webkit-transform: matrix3d(1.234, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 105.491, 0, 0, 1); transform: matrix3d(1.234, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 105.491, 0, 0, 1); } 8.81% { -webkit-transform: matrix3d(1.166, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 72.799, 0, 0, 1); transform: matrix3d(1.166, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 72.799, 0, 0, 1); } 11.96% { -webkit-transform: matrix3d(1.01, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -16.084, 0, 0, 1); transform: matrix3d(1.01, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -16.084, 0, 0, 1); } 12.11% { -webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -18.434, 0, 0, 1); transform: matrix3d(1.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -18.434, 0, 0, 1); } 15.07% { -webkit-transform: matrix3d(0.985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -42.205, 0, 0, 1); transform: matrix3d(0.985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -42.205, 0, 0, 1); } 16.12% { -webkit-transform: matrix3d(0.986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -43.356, 0, 0, 1); transform: matrix3d(0.986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -43.356, 0, 0, 1); } 27.23% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -7.839, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -7.839, 0, 0, 1); } 27.58% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -7.069, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -7.069, 0, 0, 1); } 38.34% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.037, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.037, 0, 0, 1); } 40.09% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.97, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.97, 0, 0, 1); } 50% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.159, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.159, 0, 0, 1); } 60.56% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.025, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.025, 0, 0, 1); } 82.78% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.001, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.001, 0, 0, 1); } 100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } } @keyframes animSlideElasticRight { 0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1000, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1000, 0, 0, 1); } 1.3% { -webkit-transform: matrix3d(1.83, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 790.068, 0, 0, 1); transform: matrix3d(1.83, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 790.068, 0, 0, 1); } 2.55% { -webkit-transform: matrix3d(2.015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 609.326, 0, 0, 1); transform: matrix3d(2.015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 609.326, 0, 0, 1); } 4.1% { -webkit-transform: matrix3d(1.864, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 419.708, 0, 0, 1); transform: matrix3d(1.864, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 419.708, 0, 0, 1); } 5.71% { -webkit-transform: matrix3d(1.583, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 265.321, 0, 0, 1); transform: matrix3d(1.583, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 265.321, 0, 0, 1); } 8.11% { -webkit-transform: matrix3d(1.234, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 105.491, 0, 0, 1); transform: matrix3d(1.234, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 105.491, 0, 0, 1); } 8.81% { -webkit-transform: matrix3d(1.166, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 72.799, 0, 0, 1); transform: matrix3d(1.166, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 72.799, 0, 0, 1); } 11.96% { -webkit-transform: matrix3d(1.01, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -16.084, 0, 0, 1); transform: matrix3d(1.01, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -16.084, 0, 0, 1); } 12.11% { -webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -18.434, 0, 0, 1); transform: matrix3d(1.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -18.434, 0, 0, 1); } 15.07% { -webkit-transform: matrix3d(0.985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -42.205, 0, 0, 1); transform: matrix3d(0.985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -42.205, 0, 0, 1); } 16.12% { -webkit-transform: matrix3d(0.986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -43.356, 0, 0, 1); transform: matrix3d(0.986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -43.356, 0, 0, 1); } 27.23% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -7.839, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -7.839, 0, 0, 1); } 27.58% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -7.069, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -7.069, 0, 0, 1); } 38.34% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.037, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.037, 0, 0, 1); } 40.09% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.97, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.97, 0, 0, 1); } 50% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.159, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.159, 0, 0, 1); } 60.56% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.025, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.025, 0, 0, 1); } 82.78% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.001, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.001, 0, 0, 1); } 100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } } @-webkit-keyframes animSlideRight { 0% { -webkit-transform: translate3d(0, 0, 0) translate3d(0, 0, 0); } 100% { -webkit-transform: translate3d(100%, 0, 0); } } @keyframes animSlideRight { 0% { -webkit-transform: translate3d(0, 0, 0) translate3d(0, 0, 0); transform: translate3d(0, 0, 0) translate3d(0, 0, 0); } 100% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @-webkit-keyframes animSlideLeft { 0% { -webkit-transform: translate3d(0, 0, 0) translate3d(0, 0, 0); } 100% { -webkit-transform: translate3d(-100%, 0, 0); } } @keyframes animSlideLeft { 0% { -webkit-transform: translate3d(0, 0, 0) translate3d(0, 0, 0); transform: translate3d(0, 0, 0) translate3d(0, 0, 0); } 100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .pageload { width: 100%; height: 100%; position: fixed; top: 0; background-color: white; background-color: rgba(255, 255, 255, 0.75); z-index: 99999; display: table; opacity: 0.5; filter: alpha(opacity=50); } .pageload > div { display: table-cell; vertical-align: middle; } .pageload > div > div { margin: 0 auto; } .page-loading { overflow: hidden; } .preloader-container { position: absolute; right: 0; left: 12.5rem; } .layout-small-menu .preloader-container { left: 3.187rem; } .preloader { display: table; margin: 0 auto; padding-top: 1.5315rem; padding-bottom: 1.5315rem; -webkit-animation: 2s bulge infinite ease-out; animation: 2s bulge infinite ease-out; } .preloader span { width: 6px; height: 6px; float: left; margin: 0 2px; background-color: #cfd0ec; display: block; border-radius: 50%; opacity: 0.4; } .preloader span:nth-of-type(1) { -webkit-animation: 1s blink infinite 0.3333s; animation: 1s blink infinite 0.3333s; } .preloader span:nth-of-type(2) { -webkit-animation: 1s blink infinite 0.6666s; animation: 1s blink infinite 0.6666s; } .preloader span:nth-of-type(3) { -webkit-animation: 1s blink infinite 0.9999s; animation: 1s blink infinite 0.9999s; } @-webkit-keyframes blink { 50% { opacity: 1; } } @keyframes blink { 50% { opacity: 1; } } @-webkit-keyframes bulge { 50% { -webkit-transform: scale(1.05); transform: scale(1.05); } } @keyframes bulge { 50% { -webkit-transform: scale(1.05); transform: scale(1.05); } } @media (max-width: 47em) { .preloader-container { left: 0; } } .quick-launch-panel { display: none; visibility: hidden; } .quick-launch-panel.open { display: block; visibility: visible; } .quick-launch-panel.open + nav { display: none; visibility: hidden; } .quick-launch-apps { padding: 0; margin: 0; text-align: center; list-style: none; } .quick-launch-apps li { display: inline-block; } .quick-launch-apps a { display: block; padding: 0.5rem; text-align: center; } .quick-launch-apps a span.app-icon { border-radius: 0.125rem; width: 4.5rem; height: 4.5rem; display: block; font-size: 3rem; font-family: 'Inter', sans-serif; } .quick-launch-apps a span.app-icon i { display: block; font-size: 1.5rem; } .quick-launch-apps a span.app-title { display: block; font-size: 0.6875rem; padding-top: 0; margin-top: .5rem; } .sidebar-panel { position: fixed; top: 0; height: 100%; overflow-x: hidden; overflow-y: auto; box-shadow: 0 0 0 0.0625rem rgba(0, 0, 0, 0.075), 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.25); } .sidebar-panel .small-menu-visible { display: none !important; visibility: hidden; } .sidebar-panel > nav ul { padding: 0; list-style: none; } .sidebar-panel > nav ul > li > a { display: block; text-align: left; line-height: 1; -webkit-transition: background 150ms, color 150ms; transition: background 150ms, color 150ms; } .sidebar-panel > nav ul > li > a > span { display: inline-block; } .sidebar-panel > nav ul > li > a [class^="icon-"], .sidebar-panel > nav ul > li > a [class*=" icon-"] { padding-right: 0.9375rem; width: 1.875rem; text-align: center; } .sidebar-panel > nav .heading { position: relative; padding: 0.8125rem 1.563rem; } .sidebar-panel > nav .badge { border-radius: 0.8125rem; padding: 0.125rem 0.625rem; background-color: transparent; color: inherit; border: 0.0625rem solid #e4e4e4; margin-top: -0.125rem; } .sidebar-panel > nav li ul li a { padding: 0.625rem 1.563rem 0.625rem 3.588rem; } .sidebar-panel > nav li.menu-accordion > a::before { content: ''; position: relative; display: inline-block; float: right; margin-left: 0.3125rem; margin-top: 0.25rem; width: 0.375rem; height: 0.375rem; border-radius: 50%; } .sidebar-panel > nav > ul > li { position: relative; display: block; } .sidebar-panel > nav > ul > li > a:focus { background-color: transparent; } .sidebar-panel > nav > ul > li a { position: relative; padding: 0.8125rem 1.563rem; } .sidebar-panel > nav > ul > li > ul { padding: 0; margin: 0; } .sidebar-panel > nav > ul > li ul { max-height: 0; overflow: hidden; display: block; width: auto; } .sidebar-panel > nav > ul > li ul > li { opacity: 0; -webkit-transform: translate(30%, 0); -moz-transform: translate(30%, 0); -o-transform: translate(30%, 0); -ms-transform: translate(30%, 0); transform: translate(30%, 0); -webkit-transform: translate3d(30%, 0, 0); -moz-transform: translate3d(30%, 0, 0); -o-transform: translate3d(30%, 0, 0); -ms-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0); -webkit-transition: transform 150ms, opacity 150ms; transition: transform 150ms, opacity 150ms; } .sidebar-panel > nav > ul > li > .sub-menu .sub-menu { padding-left: 1.563rem; } .sidebar-panel > nav .open > ul { max-height: 51.25rem; } .sidebar-panel > nav .open > ul > li { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .sidebar-panel > nav .open > ul > li:first-child { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } .sidebar-panel > nav .open > ul > li:nth-child(2) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .sidebar-panel > nav .open > ul > li:nth-child(3) { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .sidebar-panel > nav .open > ul > li:nth-child(4) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .sidebar-panel > nav .open > ul > li:nth-child(5) { -webkit-transition-delay: 0.25s; transition-delay: 0.25s; } .sidebar-panel > nav .open > ul > li:nth-child(6) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .sidebar-panel > nav .open > ul > li:nth-child(7) { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } .sidebar-panel > nav .open > ul > li:nth-child(8) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .sidebar-panel > nav .open > ul > li:nth-child(9) { -webkit-transition-delay: 0.45s; transition-delay: 0.45s; } @media screen and (min-width: 48em) { .sidebar-panel { width: 12.5rem; z-index: 1050; } .sidebar-panel > nav > ul { width: 12.5rem; } .layout-small-menu { min-height: 100%; } .layout-small-menu .sidebar-panel { width: 4.375rem; overflow-x: visible !important; overflow-y: visible !important; } .layout-small-menu .sidebar-panel .brand-logo, .layout-small-menu .sidebar-panel .toggle-apps { display: none; visibility: hidden; text-align: center; } .layout-small-menu .sidebar-panel .small-menu-visible { display: block !important; visibility: visible; } .layout-small-menu .sidebar-panel .toggle-sidebar { text-align: center; margin: 0 auto; display: table; float: none; } .layout-small-menu .sidebar-panel > nav { overflow: visible !important; right: 0; } .layout-small-menu .sidebar-panel > nav > ul { width: 4.375rem; } .layout-small-menu .sidebar-panel > nav > ul > li { position: relative; text-align: center; } .layout-small-menu .sidebar-panel > nav > ul > li.menu-accordion > a::before { display: none; visibility: hidden; } .layout-small-menu .sidebar-panel > nav > ul > li ul > li { opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .layout-small-menu .sidebar-panel > nav > ul > li > a { padding: 0.9375rem 0; } .layout-small-menu .sidebar-panel > nav > ul > li > a > span { display: none; } .layout-small-menu .sidebar-panel > nav > ul > li > a > span.label { display: block; position: absolute; top: 0.3125rem; right: 0.3125rem; } .layout-small-menu .sidebar-panel > nav > ul > li > a > [class^="icon-"], .layout-small-menu .sidebar-panel > nav > ul > li > a > [class*=" icon-"] { display: block; padding: 0; width: 100%; } .layout-small-menu .sidebar-panel > nav > ul > li:hover > .sub-menu { max-height: 31.25rem; box-shadow: 0 0 0 0.0625rem rgba(0, 0, 0, 0.075), 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.25); } .layout-small-menu .sidebar-panel > nav > ul > li > .sub-menu { position: absolute; top: 0; left: 100%; max-height: 0; } .layout-small-menu .sidebar-panel > nav > ul > li > .sub-menu a { padding-left: 0.9375rem; white-space: nowrap; } .layout-small-menu .sidebar-panel > nav .multi-level { min-width: 11.25rem; } .layout-small-menu .sidebar-panel > nav .multi-level a span { margin-right: 1.563rem; } .layout-small-menu .sidebar-panel > nav .multi-level.menu-accordion > a::before { display: none; visibility: hidden; } .layout-small-menu .sidebar-panel > nav .multi-level .sub-menu { position: relative; left: auto; } .layout-small-menu .sidebar-panel > nav .multi-level .sub-menu > li > a { padding-left: 2.5rem; } .layout-small-menu .sidebar-panel > nav .multi-level .sub-menu > li > a .sub-menu { padding-left: 2.813rem; } .layout-small-menu .main-panel { margin-left: 4.375rem; } .layout-small-menu .fill-container { left: 4.375rem; } } @media screen and (min-width: 48em) { .sidebar-panel { -webkit-backface-visibility: hidden; } } .sidebar-panel { background-color: #fff; } .sidebar-panel > .brand { background-color: #fff; } .sidebar-panel > .brand a { color: #59595A; } .sidebar-panel > .brand a:active, .sidebar-panel > .brand a:focus, .sidebar-panel > .brand a:hover { color: #666667; } .sidebar-panel > .brand .hamburger-icon span { background-color: #59595A; } .sidebar-panel > .brand .hamburger-icon:hover span { background-color: #000; } .sidebar-panel .quick-launch-apps a { color: #59595A; } .sidebar-panel .quick-launch-apps a:visited, .sidebar-panel .quick-launch-apps a:active, .sidebar-panel .quick-launch-apps a:focus, .sidebar-panel .quick-launch-apps a:hover { color: #000; } .sidebar-panel > nav li.menu-accordion > a::before { box-shadow: 0 0 0 0.0625rem rgba(0, 0, 0, 0.2); } .sidebar-panel > nav li.open.menu-accordion > a::before { background: #6164C1; box-shadow: 0 0 0 0.0625rem #6164C1; } .sidebar-panel > nav > ul > li > ul { background-color: white; } .sidebar-panel > nav > ul > li > a:hover, .sidebar-panel > nav > ul > li.open > a, .sidebar-panel > nav > ul > li.open > a:hover, .sidebar-panel > nav > ul > li.open > a:focus { background-color: white; } .sidebar-panel > nav li.open > a, .sidebar-panel > nav li.active > a { color: #000; } .sidebar-panel > nav .open > a, .sidebar-panel > nav .open > a:hover, .sidebar-panel > nav .open > a:focus { background-color: transparent; } .sidebar-panel > nav a { color: #59595A; } .sidebar-panel > nav a:active, .sidebar-panel > nav a:focus, .sidebar-panel > nav a:hover { color: #000 !important; } .sidebar-panel > nav .heading { color: #404040; } @media screen and (min-width: 48em) { .small-menu .sidebar-panel > nav li.open { background-color: #fafafa; } .small-menu .sidebar-panel nav > ul > li > .sub-menu { background-color: #fafafa; } } .sidebar-panel .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: rgba(255, 255, 255, 0.5); } .main-panel > .header { width: 100%; height: 3.438rem; z-index: 1020; border: 0; margin: 0; border-radius: 0; } .main-panel > .header .navbar-text { margin-top: 1.125rem; margin-bottom: 1.125rem; margin-right: 1.25rem; margin-left: 1.25rem; } .main-panel > .header .navbar-btn { margin-top: 0.6565rem; margin-bottom: 0.6565rem; } .main-panel > .header .btn-lg.navbar-btn { margin-top: 0.3125rem; margin-bottom: 0.3125rem; } .main-panel > .header .btn-sm.navbar-btn { margin-top: 0.7815rem; margin-bottom: 0.7815rem; } .main-panel > .header .btn-xs.navbar-btn { margin-top: 1.0315rem; margin-bottom: 1.0315rem; } .main-panel > .header .navbar-nav { margin: 0; } .main-panel > .header .navbar-nav > li > a { padding-top: 1.125rem; padding-bottom: 1.125rem; max-height: 3.438rem; } .main-panel > .header .navbar-nav .dropdown-menu { display: block; transform-origin: top right; right: 0; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -o-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); margin-top: 0; border-color: rgba(0, 0, 0, 0.1); background-color: #f8f8f8; box-shadow: 0 0.375rem 0.75rem rgba(0, 0, 0, 0.1); border-radius: 0; transition: transform 150ms ease-out; border-top-left-radius: 0; border-top-right-radius: 0; min-width: auto; } .main-panel > .header .navbar-nav .dropdown-menu.notifications { min-width: 330px; } .main-panel > .header .navbar-nav .open .dropdown-menu { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } .main-panel > .header .nav > li > a:hover, .main-panel > .header .nav > li > a:focus { background-color: transparent; } .main-panel > .header .nav .open > a, .main-panel > .header .nav .open > a:hover, .main-panel > .header .nav .open > a:focus { background-color: transparent; } .main-panel > .header .header-avatar { width: 1.5rem; margin-top: -0.1rem; } .main-panel > .header::before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; right: 0; -webkit-transition: -webkit-transform, 150ms, cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: -moz-transform, 150ms, cubic-bezier(0.4, 0, 0.2, 1); transition: transform, 150ms, cubic-bezier(0.4, 0, 0.2, 1); } .main-panel > .header .search-form { margin-top: 0.6565rem; margin-bottom: 0.6565rem; position: relative; padding-left: 0; padding-right: 0; } .main-panel > .header .search-form .search-input { border: 0; background-color: transparent; padding-left: 0; padding-right: 0; } .main-panel > .header .icon-toggle-sidebar:before { content: "\e058"; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .layout-small-menu .main-panel > .header .icon-toggle-sidebar:before { content: "\e057"; } @media screen and (min-width: 48em) { .header.search-open { box-shadow: 0 0 0.0625rem rgba(0, 0, 0, 0.1); } .header.search-open::before { width: 100%; height: 100%; border-radius: 0; display: inline-block; background: #fff; } .header.search-open a, .header.search-open .navbar-text { color: #59595A !important; } .header.search-open a:hover, .header.search-open a:focus { background-color: transparent !important; } .search-predict { position: absolute; top: 1.6rem; margin-top: 1.25rem; min-width: 20rem; background-color: #fff; box-shadow: 0 0.125rem 0.25rem rgba(50, 70, 75, 0.2); padding: 0.625rem 1.25rem; z-index: 1; border-radius: 0.125rem; } .search-predict::before { position: absolute; top: -1rem; left: 1.25rem; width: 0; height: 0; border-width: 0.5rem; border-style: solid; border-color: transparent transparent rgba(50, 70, 75, 0.2) transparent; content: " "; pointer-events: none; } .search-predict::after { position: absolute; top: -0.875rem; left: 1.3125rem; width: 0; height: 0; border-width: 0.4375rem; border-style: solid; border-color: transparent transparent white transparent; content: " "; pointer-events: none; } .search-predict .heading { text-transform: uppercase; font-size: 0.6875rem; margin-top: 1rem; padding: 0.3125rem 1.25rem; background-color: #e4e4e4; margin-left: -1.25rem; margin-right: -1.25rem; line-height: 1; } .search-predict .predictive-list { list-style: none; padding: 0; margin: 1rem 0 0; } .search-predict .predictive-list a { padding: 0.3125rem 0; display: block; } .search-predict .predictive-list img { width: 2rem; height: 2rem; display: inline-block; vertical-align: middle; } .search-predict .predictive-list span { line-height: 2rem; padding-left: 1rem; } } @media screen and (min-width: 48em) { .main-panel > .header { position: relative; width: 100%; } .main-panel > .header .navbar-form { margin-top: 0.6565rem; margin-bottom: 0.6565rem; } .navbar-nav.navbar-right:last-child { margin-right: 0; } .main-panel > header .dropdown-menu { padding: 0; } } @media (max-width: 47em) { .main-panel > .header { width: 100%; } .main-panel > .header .navbar-nav .open .dropdown-menu { position: absolute; left: auto; right: 0; } .main-panel > .header > .navbar-nav { float: left; } .main-panel > .header > .navbar-right { float: right; } .main-panel > .header > .nav > li { float: left; } } .main-panel > .header { background-color: #6164C1; } .main-panel > .header .navbar-text { color: #FFF; } .main-panel > .header .nav > li > a { color: #FFF; } .main-panel > .header .nav > li > a:hover, .main-panel > .header .nav > li > a:focus { background-color: #6164C1; color: #fff; } .main-panel > .header .nav .open > a, .main-panel > .header .nav .open > a:hover, .main-panel > .header .nav .open > a:focus { background-color: #6164C1; color: #fff; } .main-panel > .header .hamburger-icon span { background: #FFF; } .main-panel > .header .hamburger-icon:hover span { background: #fff; } @media (max-width: 47em) { .header .brand .brand-logo { color: #FFF; } } .brand { position: relative; width: 100%; height: 3.438rem; display: block; } .brand:before, .brand:after { content: " "; display: table; } .brand:after { clear: both; } .brand .brand-logo { margin-top: 1.269rem; margin-bottom: 1.269rem; display: inline-block; padding: 0 1.563rem; font-size: 0.875rem; text-transform: uppercase; line-height: 1; } .brand .toggle-sidebar { padding-top: 0; padding-bottom: 0; padding-right: 1.563rem; padding-left: 1.563rem; float: right; padding-top: 1.219rem; padding-bottom: 1.219rem; } .brand .toggle-apps { padding-top: 0; padding-bottom: 0; padding-right: 1.563rem; padding-left: 1.563rem; float: right; padding-top: 1.094rem; padding-bottom: 1.094rem; } @media (max-width: 47em) { .brand .toggle-apps { width: 100%; text-align: center; } .brand .brand-logo { display: inline-block; float: none; padding-left: 0; } .brand .toggle-offscreen { float: left; margin-top: 0.4065rem; margin-bottom: 0.4065rem; margin-right: 0.9375rem; margin-left: 0.5rem; } .brand .toggle-chat { position: absolute; top: 0; border: 0.0625rem solid transparent; margin-top: 0.469rem; margin-bottom: 0.469rem; border-radius: 0; } .brand .toggle-offscreen { left: 0; } .header .brand .toggle-chat { right: 0; } } .main-panel { background: #f0f0f0; min-height: 100%; } .main-panel:before, .main-panel:after { content: " "; display: table; } .main-panel:after { clear: both; } .main-panel:before, .main-panel:after { content: " "; display: table; } .main-panel:after { clear: both; } .main-panel::after { content: ''; height: 2.5rem; } .main-panel > .main-content { padding: 0.75rem; } .main-panel > .main-content:before, .main-panel > .main-content:after { content: " "; display: table; } .main-panel > .main-content:after { clear: both; } .main-panel .page-title { background-color: #f8f8f8; border-bottom: 0.0625rem solid #e4e4e4; padding: 0.3125rem 0.75rem; margin-left: -0.75rem; margin-right: -0.75rem; margin-top: -0.75rem; margin-bottom: 0.75rem; } .main-panel .page-title .title { font-size: 1.125rem; } .main-panel .page-title .breadcrumb { margin: 0; padding: 0; } .main-panel .page-title .btn { margin-top: 0.5625rem; margin-bottom: 0.5625rem; } .center-wrapper { display: table; width: 100%; height: 100%; position: relative; } .center-wrapper .center-content { display: table-cell; vertical-align: middle; width: 100%; height: 100%; float: none; } @media screen and (min-width: 48em) { .main-panel { margin-left: 12.5rem; } } .row { margin-right: -0.375rem; margin-left: -0.375rem; } .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-left: 0.375rem; padding-right: 0.375rem; } footer.content-footer, footer.session-footer { position: absolute; bottom: 0; width: 100%; height: 2.5rem; padding: 0 0.75rem; border-top: 0.0625rem solid rgba(0, 0, 0, 0.03); z-index: 1000; } footer.content-footer:before, footer.content-footer:after, footer.session-footer:before, footer.session-footer:after { content: " "; display: table; } footer.content-footer:after, footer.session-footer:after { clear: both; } footer.content-footer .footer-text, footer.session-footer .footer-text { padding-right: 1.25rem; padding-left: 1.25rem; margin-top: 0.656rem; margin-bottom: 0.656rem; display: inline-block; float: left; } footer.content-footer .footer-text.small, footer.session-footer .footer-text.small { margin-top: 0.78125rem; margin-bottom: 0.78125rem; } footer.content-footer .footer-right, footer.session-footer .footer-right { float: right; margin-right: 0; } footer.content-footer nav, footer.session-footer nav { margin-right: 1.25rem; } footer.content-footer nav ul, footer.session-footer nav ul { list-style: none; margin: 0; font-weight: normal; line-height: 1; } footer.content-footer nav ul li, footer.session-footer nav ul li { display: inline-block; vertical-align: -webkit-baseline-middle; } footer.content-footer nav ul li a, footer.session-footer nav ul li a { color: #59595A; padding-top: 0.656rem; padding-bottom: 0.656rem; padding-right: 0.625rem; padding-left: 0.625rem; line-height: 1.25rem; max-height: 2.5rem; } footer.content-footer nav ul li a:hover, footer.content-footer nav ul li a:focus, footer.session-footer nav ul li a:hover, footer.session-footer nav ul li a:focus { background-color: transparent; color: #4c4c4d; } footer.content-footer nav ul li:first-child, footer.session-footer nav ul li:first-child { margin-left: 0; } footer.content-footer nav ul li:first-child a, footer.session-footer nav ul li:first-child a { padding-left: 0; } footer.content-footer li:hover, footer.content-footer li a:hover, footer.content-footer li a:active, footer.session-footer li:hover, footer.session-footer li a:hover, footer.session-footer li a:active { background: transparent; } footer.session-footer { padding: 0 4rem; } footer.session-footer .scroll-up { display: none; } .layout-chat-open .chat-panel { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .chat-panel { position: fixed; top: 3.438rem; bottom: 0; right: 0; z-index: 1000; width: 12.5rem; background-color: rgba(255, 255, 255, 0.99); overflow-x: hidden; overflow-y: auto; -webkit-transition: -webkit-transform 150ms cubic-bezier(0.7, 0, 0.3, 1); -moz-transition: -moz-transform 150ms cubic-bezier(0.7, 0, 0.3, 1); -o-transition: -o-transform 150ms cubic-bezier(0.7, 0, 0.3, 1); transition: transform 150ms cubic-bezier(0.7, 0, 0.3, 1); border-left: 0.0625rem solid #e4e4e4; -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -o-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .chat-panel .chat-inner { width: 100%; height: 100%; } .chat-panel .chat-users, .chat-panel .chat-conversation { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; -webkit-transition: -webkit-transform 150ms cubic-bezier(0.7, 0, 0.3, 1); -moz-transition: -moz-transform 150ms cubic-bezier(0.7, 0, 0.3, 1); -o-transition: -o-transform 150ms cubic-bezier(0.7, 0, 0.3, 1); transition: transform 150ms cubic-bezier(0.7, 0, 0.3, 1); background-color: white; } .chat-panel .chat-header { position: absolute; top: 0; right: 0; left: 0; height: 3.438rem; } .chat-panel .chat-header:before, .chat-panel .chat-header:after { content: " "; display: table; } .chat-panel .chat-header:after { clear: both; } .chat-panel .chat-header .chat-header-title { float: none; text-align: center; width: 100%; padding-top: 1.125rem; padding-bottom: 1.125rem; } .chat-panel .chat-header .chat-header-title.text-left { text-align: left !important; } .chat-panel .chat-header .chat-right, .chat-panel .chat-header .chat-back { padding-right: 1.25rem; padding-left: 1.25rem; padding-top: 1rem; padding-bottom: 1rem; background-color: transparent; background-image: none; border: 0.0625rem solid transparent; cursor: pointer; } .chat-panel .chat-header .chat-right { position: absolute; right: 0; top: 0; } .chat-panel .chat-header .chat-back { position: absolute; left: 0; top: 0; font-size: 1rem; line-height: 1; color: black; text-shadow: 0 0.0625rem 0 white; opacity: 0.4; } .chat-panel .chat-header .chat-back:hover { opacity: 0.5; } .chat-panel .chat-users .nav-tabs { background: #efefef; } .chat-panel .chat-users .nav-tabs:before, .chat-panel .chat-users .nav-tabs:after { content: " "; display: table; } .chat-panel .chat-users .nav-tabs:after { clear: both; } .chat-panel .chat-users .nav-tabs li { position: relative; } .chat-panel .chat-users .nav-tabs li::after { content: ''; height: 1px; position: absolute; bottom: 0; left: 0; right: 0; background-color: #e4e4e4; -webkit-transition: background 150ms cubic-bezier(0.7, 0, 0.3, 1); transition: background 150ms cubic-bezier(0.7, 0, 0.3, 1); } .chat-panel .chat-users .nav-tabs li > a { border-radius: 0; border: 0; } .chat-panel .chat-users .nav-tabs li.active::after, .chat-panel .chat-users .nav-tabs li.active:hover::after, .chat-panel .chat-users .nav-tabs li.active:focus::after, .chat-panel .chat-users .nav-tabs li:hover::after { background-color: #6164C1; } .chat-panel .chat-users .nav-tabs li > a:hover, .chat-panel .chat-users .nav-tabs li > a:focus { border: 0; background: transparent; } .chat-panel .chat-users .tab-content { position: absolute; top: 2.375rem; bottom: 0; left: 0; right: 0; overflow-x: hidden; overflow-y: auto; } .chat-panel .activity-feed { list-style: none; padding: 1.25rem; } .chat-panel .activity-feed .feed-item { position: relative; padding-bottom: 1.25rem; padding-left: 1.875rem; border-left: 0.0625rem solid #e2e2e2; } .chat-panel .activity-feed .feed-item:last-child { border-color: transparent; } .chat-panel .activity-feed .feed-item::after { content: ""; display: block; position: absolute; top: 0; left: -0.375rem; width: 0.625rem; height: 0.625rem; border-radius: 0.375rem; background: #fff; border: 0.0625rem solid #e2e2e2; } .chat-panel .activity-feed .feed-item.active::after, .chat-panel .activity-feed .feed-item.inactive::after { font-family: 'FontAwesome'; font-weight: normal; font-style: normal; color: white; left: -0.4375rem; width: 0.875rem; height: 0.875rem; border-radius: 0.5rem; line-height: 0.75rem; font-size: 0.5rem; text-align: center; } .chat-panel .activity-feed .feed-item.active::after { content: "\f00c"; background: #6FC080; border: 0.0625rem solid #6FC080; } .chat-panel .activity-feed .feed-item.inactive::after { content: "\f00d"; background: #DD6777; border: 0.0625rem solid #DD6777; } .chat-panel .activity-feed .feed-item time { display: block; position: relative; top: -0.3125rem; color: #999999; } .chat-panel .activity-feed .feed-item span { position: relative; top: -0.1875rem; } .chat-panel .favourite-list a { position: relative; display: block; padding: 0.625rem 1.25rem; border-bottom: 0.0625rem solid #e4e4e4; } .chat-panel .chat-conversation { -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -o-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .chat-panel.conversation-open .chat-users { display: none; } .chat-panel.conversation-open .chat-conversation { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .chat-panel .chat-group { margin-bottom: 1.25rem; } .chat-panel .chat-group .chat-group-header, .chat-panel .chat-group a { display: block; position: relative; padding: 0.3125rem 1.25rem; } .chat-panel .chat-group .chat-group-header:hover, .chat-panel .chat-group a:hover { color: #404040; } .chat-panel .chat-group .status-online, .chat-panel .chat-group .status-away, .chat-panel .chat-group .status-no-disturb, .chat-panel .chat-group .status-invisible, .chat-panel .chat-group .status-offline { margin-right: 0.3125rem; display: inline-block; background-color: #e2e2e2; width: 0.5rem; height: 0.5rem; border: 0.0625rem solid #e2e2e2; border-radius: 0.5rem; } .chat-panel .chat-group .status-online { border-color: #6FC080; background-color: #6FC080; } .chat-panel .chat-group .status-away { border-color: #F2B776; background-color: #F2B776; } .chat-panel .chat-group .status-no-disturb { border-color: #DD6777; background-color: #DD6777; } .chat-panel .chat-group .status-invisible, .chat-panel .chat-group .status-offline { border-color: #6FC080; background-color: white; } .chat-panel .chat-conversation .chat-conversation-content { position: absolute; top: 3.438rem; bottom: 3.438rem; left: 0; right: 0; padding: 1.25rem; overflow-x: hidden; overflow-y: auto; } .chat-panel .chat-conversation .chat-conversation-footer { position: absolute; bottom: 0; width: 100%; border-top: 0.0625rem solid rgba(0, 0, 0, 0.07); } .chat-panel .chat-conversation .chat-conversation-user { margin-bottom: 1.25rem; float: left; width: 100%; } .chat-panel .chat-conversation .chat-conversation-message { position: relative; margin-left: 0.375rem; padding: 0.625rem 1.25rem; background-color: #e2e2e2; float: left; border-radius: 0; } .chat-panel .chat-conversation .chat-conversation-message::before { content: ""; width: 0; height: 0; position: absolute; right: 0; top: 0; } .chat-panel .chat-conversation .chat-conversation-user.me .chat-conversation-message::before { right: 0; margin-right: -0.875rem; border-top: 0.9375rem solid #6EC7E6; border-right: 0.9375rem solid transparent; } .chat-panel .chat-conversation .chat-conversation-user.them .chat-conversation-message::before { border-top: 0.9375rem solid #e2e2e2; border-left: 0.9375rem solid transparent; left: 0; margin-left: -0.875rem; } .chat-panel .chat-conversation .chat-conversation-user.me .chat-conversation-message { position: relative; margin-left: 0; margin-right: 0.375rem; background-color: #6EC7E6; float: right; } .chat-panel .chat-conversation .chat-conversation-user.me .chat-conversation-message p { color: white; } .chat-panel .chat-conversation .chat-input { outline: none; resize: none; overflow: hidden; padding: 0.625rem 0; margin-top: 0rem; margin-bottom: 0rem; display: block; border: 0; border-radius: 0; box-shadow: none; position: absolute; top: 0; left: 2.813rem; right: 2.813rem; } .chat-panel .chat-conversation .chat-input:empty::before { content: "Write something..."; } .chat-panel .chat-conversation .chat-input:focus::before { content: ""; } .chat-panel .chat-conversation .chat-input-tool { outline: none; background: transparent; border: none; padding: 0.625rem 1.25rem; margin-top: -0.0315rem; margin-bottom: -0.0315rem; color: inherit; float: left; } .chat-panel .chat-conversation .chat-send { outline: none; background: transparent; border: none; position: relative; overflow: hidden; padding: 0.625rem 1.25rem; margin-top: -0.0315rem; margin-bottom: -0.0315rem; float: right; } .chat-panel .chat-conversation .chat-input:empty + .chat-send { color: #2B8EC2; } .chat-panel .chat-conversation .chat-send > i { position: relative; } .chat-panel .chat-conversation p { margin: 0; } @media (max-width: 47em) { .layout-chat-open { overflow: hidden; height: 100%; } .chat-panel { width: 100%; } } .hamburger-icon { tap-highlight-color: transparent; padding: 0.9375rem; margin-top: -2px; } .hamburger-icon span { display: block; width: 1.2rem; height: 0.125rem; pointer-events: none; } .hamburger-icon span:nth-child(2) { margin: 0.1875rem 0; } .hamburger-icon.v2 span:first-child { width: 0.875rem; } .hamburger-icon.v2 span:nth-child(2) { width: 0.625rem; } .hamburger-icon.v3 span { height: 1px; } .hamburger-icon.v3 span:nth-child(3) { margin: 0 0 0.1875rem 0; } .hamburger-icon.v3 span:nth-child(4) { width: 0.625rem; } .header li .hamburger-icon { padding-top: 1.43775rem; padding-bottom: 1.43775rem; } @media (max-width: 47em) { * { -webkit-overflow-scrolling: touch; } .main-panel { position: relative; min-height: 100%; } .main-panel, .brand { width: 100%; } .main-panel, .sidebar-panel { -webkit-transition: -webkit-transform 150ms cubic-bezier(0.7, 0, 0.3, 1); -moz-transition: -moz-transform 150ms cubic-bezier(0.7, 0, 0.3, 1); -o-transition: -o-transform 150ms cubic-bezier(0.7, 0, 0.3, 1); transition: transform 150ms cubic-bezier(0.7, 0, 0.3, 1); } .offscreen::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.3); z-index: 9999; } .offscreen footer.content-footer { display: none; } .sidebar-panel { z-index: 9999; -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .sidebar-panel.offscreen-right { -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -o-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .layout-right-sidebar .sidebar-panel { -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -o-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .offscreen .sidebar-panel { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .app .offscreen-left, .app .offscreen-right { width: 12.5rem; } .app .offscreen-right, .app.layout-right-sidebar .sidebar-panel { right: 0; } .move-right .sidebar-panel > nav { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .no-csstransforms .move-right .main-panel { right: 12.5rem; } .no-csstransforms .move-left .main-panel { left: 12.5rem; } } .card-img-overlay + .card-block { position: relative; z-index: 100; } .card-circle-icon { display: inline-block; vertical-align: middle; width: 2.5rem; height: 2.5rem; border-radius: 1.25rem; text-align: center; font-size: 1rem; line-height: 2.5rem; } .card-circle-icon.pull-left { margin-right: 1.25rem; } .card-circle-icon.pull-right { margin-left: 1.25rem; } .card-circle-bg-icon { position: absolute; right: 0.75rem; top: 0.75rem; line-height: 5rem; font-size: 3.75rem; } .card-circle-bg-icon i { opacity: 0.2; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } .card { position: relative; margin-bottom: 0.75rem; border: 0.0625rem solid #e4e4e4; border-radius: 0; } .card-block { padding: 1.25rem; } .card-title { margin-top: 0; margin-bottom: .75rem; } .card-subtitle { margin-top: -.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card > .list-group:first-child .list-group-item:first-child { border-radius: .25rem .25rem 0 0; } .card > .list-group:last-child .list-group-item:last-child { border-radius: 0 0 .25rem .25rem; } .card-header { padding: .75rem 1.25rem; background-color: #f5f5f5; border-bottom: 0.0625rem solid #e4e4e4; } .card-header:before, .card-header:after { content: " "; display: table; } .card-header:after { clear: both; } .card-header:first-child { border-radius: 0 0 0 0; } .card-footer { padding: .75rem 1.25rem; background-color: #f5f5f5; border-top: 0.0625rem solid #e4e4e4; } .card-footer:last-child { border-radius: 0 0 .1875rem .1875rem; } .card-primary { background-color: #6164C1; border-color: #6164C1; } .card-success { background-color: #6FC080; border-color: #6FC080; } .card-info { background-color: #6EC7E6; border-color: #6EC7E6; } .card-warning { background-color: #F2B776; border-color: #F2B776; } .card-danger { background-color: #DD6777; border-color: #DD6777; } .card-inverse .card-header, .card-inverse .card-footer { border-bottom: 0.075rem solid rgba(255, 255, 255, 0.2); } .card-inverse .card-header, .card-inverse .card-footer, .card-inverse .card-title, .card-inverse .card-blockquote { color: #fff; } .card-inverse .card-link, .card-inverse .card-text, .card-inverse .card-blockquote > footer { color: rgba(255, 255, 255, 0.65); } .card-inverse .card-link:focus, .card-inverse .card-link:hover { color: #fff; } .card-blockquote { padding: 0; margin-bottom: 0; border-left: 0; } .card-img { border-radius: 0; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img-top { border-radius: 0 0 0 0; } .card-img-bottom { border-radius: 0 0 0 0; } .card-deck { display: table; table-layout: fixed; border-spacing: 1.25rem 0; } .card-deck .card { display: table-cell; width: 1%; vertical-align: top; } .card-deck-wrapper { margin-right: -1.25rem; margin-left: -1.25rem; } .card-group { display: table; width: 100%; table-layout: fixed; } .card-group .card { display: table-cell; vertical-align: top; } .card-group .card + .card { margin-left: 0; border-left: 0; } .card-group .card:first-child .card-img-top { border-top-right-radius: 0; } .card-group .card:first-child .card-img-bottom { border-bottom-right-radius: 0; } .card-group .card:last-child .card-img-top { border-top-left-radius: 0; } .card-group .card:last-child .card-img-bottom { border-bottom-left-radius: 0; } .card-group .card:not(:first-child):not(:last-child) { border-radius: 0; } .card-group .card:not(:first-child):not(:last-child) .card-img-top, .card-group .card:not(:first-child):not(:last-child) .card-img-bottom { border-radius: 0; } .card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; } .card-columns.four { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } .card-columns .card { display: inline-block; width: 100%; } .card-controls { float: right; line-height: 1; } .card-controls a { margin-left: 0.625rem; display: inline-block; font-size: 1rem; } .card-collapsed > .card-block { display: none; } .card-refreshing::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(255, 255, 255, 0.6); z-index: 1; } .card-refreshing::after { content: ''; position: absolute; top: 50%; left: 50%; margin: -10px 0 0 -10px; width: 20px; height: 20px; background-color: #6164C1; -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out; animation: sk-rotatePlane 1.2s infinite ease-in-out; z-index: 9; } .card-todo { padding: 0; } .card-todo .todo-title { margin: 0 1.25rem; padding: 0.625rem 0; font-size: 1rem; border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.05); } .card-todo .todo-body { padding: 1.25rem; } .card-todo .todo-body > ul { margin-bottom: 0; } .card-todo .todo-footer { background-color: rgba(0, 0, 0, 0.05); padding: 0.625rem 1.25rem; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .notifications { min-width: 18.75rem; padding: 0; margin: 0; list-style: none; } .notifications .notification-icon { width: 1.875rem; } .notifications .notification-message { padding-left: 0.625rem; } .notifications .notifications-header, .notifications .notifications-footer { padding: 0 1.25rem; } .notifications .notifications-header { padding-top: 0.625rem; padding-bottom: 0.625rem; border-bottom: 0.0625rem solid #e4e4e4; } .notifications .notifications-header p { margin: 0; } .notifications .notifications-footer { padding-top: 50.3125rem; padding-bottom: 0.3125rem; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .notifications li a { font-size: 0.8125rem; padding: 0; display: table; width: 100%; height: 100%; border-spacing: 0; table-layout: fixed; overflow: hidden; line-height: 1.563rem; } .notifications .notification-icon, .notifications .notification-message, .notifications .time { display: table-cell; vertical-align: middle; position: relative; float: none; height: 100%; } .notifications .time { font-size: 0.75rem; color: #666667; width: 1.5rem; } .notifications .avatar { width: 1.5rem; } .notifications a:hover, .notifications a:active { color: #4c4c4d; background-color: transparent; } .notifications .notifications-list { list-style: none; padding: 0; } .notifications .notifications-list li { border-bottom: 0.0625rem solid #f1f1f1; } .notifications .notifications-list li a { position: relative; padding: 1.25rem; } .circle-icon { position: relative; display: table; margin: 0; float: left; text-align: center; line-height: 1.875rem; width: 1.875rem; height: 1.875rem; border-radius: 50%; } .circle-icon > i { display: table-cell; float: none; width: 100%; height: 100%; vertical-align: middle; font-size: .75rem; } .accordion .panel { border: 0.0625rem solid #f1f1f1; border-radius: 0; } .accordion .panel-heading { background-color: white !important; border-radius: 0; } .accordion .panel-heading a { color: #59595A; position: relative; display: block; } .accordion .panel-body { border-top: 0 !important; } .layout-fixed-header .main-panel > .header { position: fixed; top: 0; } .layout-fixed-header .main-content { padding-top: 4.188rem; } .layout-fixed-header .main-content.no-padding { padding-top: 3.438rem; padding-left: 0; padding-right: 0; padding-bottom: 0; } @media screen and (min-width: 48em) { .layout-right-sidebar .sidebar-panel { right: 0; } .layout-right-sidebar .main-panel { margin-left: 0; margin-right: 12.5rem; } .layout-right-sidebar.layout-small-menu .sidebar-panel nav > ul > li > .sub-menu { right: 100% !important; left: auto !important; } .layout-right-sidebar.layout-small-menu .main-panel { margin-left: 0; margin-right: 4.375rem; } .layout-right-sidebar .fill-container { left: 0; right: 12.5rem; } .layout-right-sidebar.layout-small-menu .fill-container { right: 0; right: 4.375rem; } .layout-static-sidebar, .layout-small-menu, .layout-boxed { overflow: hidden; } .layout-static-sidebar .sidebar-panel, .layout-small-menu .sidebar-panel, .layout-boxed .sidebar-panel { position: absolute; } .layout-static-sidebar .sidebar-panel > nav, .layout-small-menu .sidebar-panel > nav, .layout-boxed .sidebar-panel > nav { position: static; top: 0; right: auto; bottom: auto; left: auto; overflow: visible; display: block; } .layout-boxed { box-shadow: 0 0 0.3125rem rgba(0, 0, 0, 0.2); } .layout-static-sidebar .full-height-content, .layout-boxed .full-height-content { position: static; height: 100%; } .layout-static-sidebar .full-height-content .fill-container, .layout-boxed .full-height-content .fill-container { width: auto; height: auto; top: 3.438rem; bottom: 2.5rem; } .layout-static-sidebar.layout-fixed-header .full-height-content, .layout-boxed.layout-fixed-header .full-height-content { margin-top: 3.438rem; } .layout-static-sidebar .main-panel, .layout-boxed .main-panel { min-height: 63.75rem; } .layout-fixed-header .main-panel > .header { padding-left: 12.5rem; margin-left: -12.5rem; } .layout-fixed-header.layout-small-menu .main-panel > .header { padding-left: 4.375rem; margin-left: -4.375rem; } .layout-fixed-header .full-height-content { top: 3.438rem; } .layout-fixed-header.layout-right-sidebar .main-panel > .header { padding-left: 0; padding-right: 12.5rem; margin-left: 0; margin-right: -12.5rem; } .layout-fixed-header.layout-right-sidebar.layout-small-menu .main-panel > .header { padding-left: 0; padding-right: 4.375rem; margin-left: 0; margin-right: -4.375rem; } .layout-fixed-header.layout-small-menu .sidebar-panel > .brand, .layout-fixed-header.layout-boxed .sidebar-panel > .brand, .layout-fixed-header.layout-static-sidebar .sidebar-panel > .brand { position: fixed; top: 0; width: 12.5rem; z-index: 9; } .layout-fixed-header.layout-small-menu .sidebar-panel > .brand { width: 4.375rem; } .layout-fixed-header.layout-small-menu .sidebar-panel > nav, .layout-fixed-header.layout-boxed .sidebar-panel > nav, .layout-fixed-header.layout-static-sidebar .sidebar-panel > nav { margin-top: 3.438rem; } footer.content-footer { padding-left: 13.25rem; } .layout-small-menu footer.content-footer { padding-left: 5.125rem; } .layout-right-sidebar footer.content-footer { padding-left: 0; padding-right: 13.25rem; } .layout-small-menu.layout-right-sidebar footer.content-footer { padding-left: 0; padding-right: 5.125rem; } .layout-fixed-footer footer.content-footer { position: fixed; bottom: 0; background: #f0f0f0; padding-left: 12.5rem; } .layout-fixed-footer.layout-small-menu footer.content-footer { padding-left: 5.125rem; } .layout-fixed-footer.layout-right-sidebar footer.content-footer { padding-left: 0; padding-right: 13.25rem; } .layout-fixed-footer.layout-right-sidebar.layout-small-menu footer.content-footer { padding-left: 0; padding-right: 5.125rem; } } .layout-right-sidebar .chat-panel { right: auto; left: 0; -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .layout-chat-open .chat-panel { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @media (max-width: 47em) { .layout-right-sidebar .brand .toggle-offscreen { left: auto; right: 0; } .layout-right-sidebar .brand .toggle-chat { left: 0; right: auto; } } .layout-boxed { margin-right: auto; margin-left: auto; } .layout-boxed .chat-panel { position: absolute; } @media (min-width: 48em) { .layout-boxed, .layout-boxed .preloader { max-width: 46.88rem; } .layout-boxed.layout-fixed-header .main-panel > .header { max-width: 46.88rem; } .layout-boxed.layout-fixed-footer footer.content-footer { max-width: 46.88rem; } } @media (min-width: 62rem) { .layout-boxed, .layout-boxed .preloader { max-width: 60.63rem; } .layout-boxed.layout-fixed-header .main-panel > .header { max-width: 60.63rem; } .layout-boxed.layout-fixed-footer footer.content-footer { max-width: 60.63rem; } } @media (min-width: 75rem) { .layout-boxed, .layout-boxed .preloader { max-width: 73.13rem; } .layout-boxed.layout-fixed-header .main-panel > .header { max-width: 73.13rem; } .layout-boxed.layout-fixed-footer footer.content-footer { max-width: 73.13rem; } } .switch { position: relative; display: block; padding: 0.3125rem 0; height: 1.875rem; } .switch span { width: 3.125rem; height: 1.25rem; -webkit-transition: background-color 150ms; transition: background-color 150ms; position: relative; display: inline-block; box-sizing: content-box; background-color: #e4e4e4; background-clip: content-box; vertical-align: middle; cursor: pointer; border-radius: 1.25rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .switch input { display: none; } .switch span i { position: absolute; top: -0.3125rem; display: inline-block; cursor: pointer; padding-right: 1.25rem; -webkit-transition: all ease 0.2s; transition: all ease 0.2s; } .switch span i::before { display: block; content: ''; width: 1.875rem; height: 1.875rem; border-radius: 100%; background: white; box-shadow: 0 0 0 0.0625rem rgba(0, 0, 0, 0.075), 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.25); } .switch :disabled + span i::before { background-color: #efefef; } .switch :checked + span { -webkit-transition: background-color 150ms; transition: background-color 150ms; } .switch :checked + span i { padding-right: 0; padding-left: 1.313rem; } .switch :checked + span { background-color: rgba(111, 192, 128, 0.6); } .switch :checked + span i:before { background-color: #6FC080; } .switch.switch-sm { border-radius: 1.25rem; } .switch.switch-sm span { width: 2.063rem; height: 0.625rem; } .switch.switch-sm span i::before { width: 1.25rem; height: 1.25rem; } .switch.switch-sm :checked + span i { padding-left: 0.875rem; } .switch.switch-lg { border-radius: 2.5rem; } .switch.switch-lg span { width: 4.125rem; height: 1.875rem; } .switch.switch-lg span i::before { width: 2.5rem; height: 2.5rem; } .switch.switch-lg :checked + span i { padding-left: 1.688rem; } .switch.switch-primary :checked + span { background-color: rgba(97, 100, 193, 0.6); } .switch.switch-primary :checked + span i:before { background-color: #6164C1; } .switch.switch-warning :checked + span { background-color: rgba(242, 183, 118, 0.6); } .switch.switch-warning :checked + span i:before { background-color: #F2B776; } .switch.switch-danger :checked + span { background-color: rgba(221, 103, 119, 0.6); } .switch.switch-danger :checked + span i:before { background-color: #DD6777; } .switch.switch-info :checked + span { background-color: rgba(110, 199, 230, 0.6); } .switch.switch-info :checked + span i:before { background-color: #6EC7E6; } .switch.switch-dark :checked + span { background-color: rgba(68, 66, 91, 0.6); } .switch.switch-dark :checked + span i:before { background-color: #44425B; } @media print { .main-content { width: 100%; } .sidebar-panel, .content-footer, .chat-panel, .header, .no-print { display: none; } } .alert { padding: 0.625em 1.25rem; border-radius: 0; } .alert-dismissable .close { right: 0; } .alert-success { background-color: #d9efde; border-color: #cfead4; color: #3d8c4e; } .alert-success hr { border-top-color: #bde2c5; } .alert-success .alert-link { color: #2e683a; } .alert-info { background-color: #f1f9fc; border-color: #e3f4fa; color: #23a0cb; } .alert-info hr { border-top-color: #ceecf7; } .alert-info .alert-link { color: #1c7da0; } .alert-warning { background-color: #fdf4ea; border-color: #fceddc; color: #eb9230; } .alert-warning hr { border-top-color: #fae1c5; } .alert-warning .alert-link { color: #d47914; } .alert-danger { background-color: #f9e4e7; border-color: #f6d8dc; color: #b5293c; } .alert-danger hr { border-top-color: #f2c3c9; } .alert-danger .alert-link { color: #8c1f2e; } .breadcrumb { background-color: white; border-radius: 0; } .breadcrumb > li + li::before { padding: 0 0.3125em; content: ""; font-family: FontAwesome; } .btn { position: relative; padding-right: 1.25rem; padding-left: 1.25rem; outline: 0; font-size: 0.8125rem; border-radius: 0; -webkit-transition: all 150ms linear; transition: all 150ms linear; line-height: 1.3rem; position: relative; z-index: 1; -webkit-backface-visibility: hidden; } .btn:focus, .btn:active, .btn.active, .btn:active:focus, .btn.active:focus { outline: 0; } .btn:active, .btn.active, .btn-group.open .dropdown-toggle { box-shadow: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.6875rem 1rem; font-size: 1.125rem; line-height: 1.25; border-radius: 0; } .btn-sm, .btn-group-sm > .btn { padding: 0.3125rem 0.625rem; font-size: 0.75rem; line-height: 1.5; border-radius: 0; } .btn-xs, .btn-group-xs > .btn { padding: 0.0625rem 0.3125rem; font-size: 0.75rem; line-height: 1.5; } .btn-round, .btn-round a, .btn-round .btn, .input-round { border-radius: 2.5rem; } .btn-round::before, .btn-round a::before, .btn-round .btn::before, .input-round::before { border-radius: 2.5rem; } .btn-default { color: #59595A; background-color: #e2e2e2; border-color: rgba(0, 0, 0, 0.04); } .btn-default:focus, .btn-default.focus { color: #59595A; background-color: #c9c9c9; border-color: rgba(0, 0, 0, 0.04); } .btn-default:hover { color: #59595A; background-color: #c9c9c9; border-color: rgba(0, 0, 0, 0.04); } .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { color: #59595A; background-color: #c9c9c9; border-color: rgba(0, 0, 0, 0.04); } .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: #59595A; background-color: #b7b7b7; border-color: rgba(0, 0, 0, 0.04); } .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { background-image: none; } .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active { background-color: #e2e2e2; border-color: rgba(0, 0, 0, 0.04); } .btn-default .badge { color: #e2e2e2; background-color: #59595A; } .btn-default.btn-outline { color: #59595A; } .btn-primary { color: white; background-color: #6164C1; border-color: #6164C1; } .btn-primary:focus, .btn-primary.focus { color: white; background-color: #4347ac; border-color: #2e3075; } .btn-primary:hover { color: white; background-color: #4347ac; border-color: #4044a4; } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { color: white; background-color: #4347ac; border-color: #4044a4; } .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: white; background-color: #393c92; border-color: #2e3075; } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { background-image: none; } .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active { background-color: #6164C1; border-color: #6164C1; } .btn-primary .badge { color: #6164C1; background-color: white; } .btn-warning { color: white; background-color: #F2B776; border-color: #F2B776; } .btn-warning:focus, .btn-warning.focus { color: white; background-color: #ee9f47; border-color: #d47914; } .btn-warning:hover { color: white; background-color: #ee9f47; border-color: #ed9a3e; } .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { color: white; background-color: #ee9f47; border-color: #ed9a3e; } .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: white; background-color: #ea8d27; border-color: #d47914; } .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { background-image: none; } .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active { background-color: #F2B776; border-color: #F2B776; } .btn-warning .badge { color: #F2B776; background-color: white; } .btn-success { color: white; background-color: #6FC080; border-color: #6FC080; } .btn-success:focus, .btn-success.focus { color: white; background-color: #4daf61; border-color: #357a44; } .btn-success:hover { color: white; background-color: #4daf61; border-color: #4aa85d; } .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { color: white; background-color: #4daf61; border-color: #4aa85d; } .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: white; background-color: #429654; border-color: #357a44; } .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { background-image: none; } .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active { background-color: #6FC080; border-color: #6FC080; } .btn-success .badge { color: #6FC080; background-color: white; } .btn-info { color: white; background-color: #6EC7E6; border-color: #6EC7E6; } .btn-info:focus, .btn-info.focus { color: white; background-color: #43b6de; border-color: #1f8fb5; } .btn-info:hover { color: white; background-color: #43b6de; border-color: #3ab3dd; } .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { color: white; background-color: #43b6de; border-color: #3ab3dd; } .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: white; background-color: #25aad8; border-color: #1f8fb5; } .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { background-image: none; } .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active { background-color: #6EC7E6; border-color: #6EC7E6; } .btn-info .badge { color: #6EC7E6; background-color: white; } .btn-danger { color: white; background-color: #DD6777; border-color: #DD6777; } .btn-danger:focus, .btn-danger.focus { color: white; background-color: #d43d52; border-color: #a12435; } .btn-danger:hover { color: white; background-color: #d43d52; border-color: #d2354a; } .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { color: white; background-color: #d43d52; border-color: #d2354a; } .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: white; background-color: #c22b40; border-color: #a12435; } .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { background-image: none; } .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active { background-color: #DD6777; border-color: #DD6777; } .btn-danger .badge { color: #DD6777; background-color: white; } .btn-dark { color: white; background-color: #44425B; border-color: #44425B; } .btn-dark:focus, .btn-dark.focus { color: white; background-color: #2e2d3d; border-color: #0d0c11; } .btn-dark:hover { color: white; background-color: #2e2d3d; border-color: #292838; } .btn-dark:active, .btn-dark.active, .open > .btn-dark.dropdown-toggle { color: white; background-color: #2e2d3d; border-color: #292838; } .btn-dark:active:hover, .btn-dark:active:focus, .btn-dark:active.focus, .btn-dark.active:hover, .btn-dark.active:focus, .btn-dark.active.focus, .open > .btn-dark.dropdown-toggle:hover, .open > .btn-dark.dropdown-toggle:focus, .open > .btn-dark.dropdown-toggle.focus { color: white; background-color: #1e1e29; border-color: #0d0c11; } .btn-dark:active, .btn-dark.active, .open > .btn-dark.dropdown-toggle { background-image: none; } .btn-dark.disabled, .btn-dark.disabled:hover, .btn-dark.disabled:focus, .btn-dark.disabled.focus, .btn-dark.disabled:active, .btn-dark.disabled.active, .btn-dark[disabled], .btn-dark[disabled]:hover, .btn-dark[disabled]:focus, .btn-dark[disabled].focus, .btn-dark[disabled]:active, .btn-dark[disabled].active, fieldset[disabled] .btn-dark, fieldset[disabled] .btn-dark:hover, fieldset[disabled] .btn-dark:focus, fieldset[disabled] .btn-dark.focus, fieldset[disabled] .btn-dark:active, fieldset[disabled] .btn-dark.active { background-color: #44425B; border-color: #44425B; } .btn-dark .badge { color: #44425B; background-color: white; } .btn-shadow { box-shadow: rgba(0, 0, 0, 0.137255) 0 0.125rem 0.125rem 0, rgba(0, 0, 0, 0.2) 0 0.1875rem 0.0625rem -0.125rem, rgba(0, 0, 0, 0.117647) 0 0.0625rem 0.3125rem 0; } .close { font-weight: 400; } .btn.text-left { text-align: left; } .btn.text-right { text-align: right; } pre { -webkit-overflow-scrolling: touch; padding: 0.625em; border-color: #e4e4e4; color: #59595A; white-space: nowrap; border-radius: 0; } .dropdown-menu { border-color: #e4e4e4; border-radius: 0; box-shadow: none; -webkit-transition: opacity 150ms ease-in-out, visibility 150ms ease-in-out; transition: opacity 150ms ease-in-out, visibility 150ms ease-in-out; } .dropdown-menu > li > a { padding-right: 1.25rem; padding-left: 1.25rem; color: #59595A; font-size: 0.8125rem; } .open .dropdown-menu { visibility: visible; opacity: 1; } .dropdown-header { padding-left: 1.25rem; padding-right: 1.25rem; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: #f8f8f8; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background-color: #f8f8f8; color: #59595A; } label { font-weight: 600; } textarea { resize: vertical; } .no-resize { resize: none; } select.form-control { display: inline-block; vertical-align: middle; } .placeholder { color: #7f7f80; } .form-control { border-color: #e4e4e4; font-weight: 400; font-size: 0.8125rem; border-radius: 0; -webkit-transition: border 150ms linear; transition: border 150ms linear; box-shadow: none; } .form-control:focus { border-color: #8d8fd2; box-shadow: none; } .cs-radio label { display: inline-block; cursor: pointer; position: relative; padding-left: 1.875em; margin-right: 0.9375em; } .cs-radio label:before { content: ""; display: block; width: 16px; height: 16px; margin-right: 0.875em; position: absolute; top: 0; left: 0; border: 0.0625rem solid #e4e4e4; background-color: #fff; border-radius: 50%; } .cs-radio input[type="radio"] { display: none !important; *display: inline; } .cs-radio input[type="radio"]:checked + label:after { content: ''; display: block; position: absolute; top: 3px; left: 3px; width: 10px; height: 10px; background-color: #6164C1; border-radius: 50%; } .cs-radio input[type="radio"]:checked:disabled + label:after { opacity: 0.6; cursor: not-allowed; } .cs-checkbox label { display: inline-block; cursor: pointer; position: relative; padding-left: 1.875em; margin-right: 0.9375em; } .cs-checkbox label:before { content: ""; display: block; width: 16px; height: 16px; margin-right: 0.75rem; position: absolute; top: 0; left: 0; border: 0.0625rem solid #e4e4e4; background-color: #fff; } .cs-checkbox input[type="checkbox"] { display: none !important; *display: inline; } .cs-checkbox input[type="checkbox"]:checked + label:after { content: ''; display: block; position: absolute; top: 3px; left: 3px; width: 10px; height: 10px; background-color: #6164C1; } .cs-checkbox input[type="checkbox"]:checked:disabled + label:after { opacity: 0.6; cursor: not-allowed; } .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: #6FC080; } .has-success .form-control { border-color: #6FC080; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: #4daf61; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #b6dfbf; } .has-success .input-group-addon { color: #6FC080; border-color: #6FC080; background-color: #6FC080; } .has-success .form-control-feedback { color: #6FC080; } .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: #F2B776; } .has-warning .form-control { border-color: #F2B776; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus { border-color: #ee9f47; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fbe8d3; } .has-warning .input-group-addon { color: #F2B776; border-color: #F2B776; background-color: #F2B776; } .has-warning .form-control-feedback { color: #F2B776; } .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: #DD6777; } .has-error .form-control { border-color: #DD6777; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: #d43d52; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f0bac2; } .has-error .input-group-addon { color: #DD6777; border-color: #DD6777; background-color: #DD6777; } .has-error .form-control-feedback { color: #DD6777; } .spinner .form-control { text-align: center; } .input-group-btn > .btn { z-index: 2; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-bottom-left-radius: 0; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -0.125rem; } .input-group-addon { font-size: 0.8125rem; color: #59595A; border-radius: 0; border-color: #e4e4e4; background-color: #e7e7e7; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { border-radius: 0; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { border-radius: 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 .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-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { font-size: inherit; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { border-radius: 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 .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; } .label { border-radius: 0.0625rem; } .label-default { background-color: #e2e2e2; color: #59595A; } .label-default[href]:hover, .label-default[href]:focus { background-color: #c9c9c9; } .label-primary { background-color: #6164C1; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #4347ac; } .label-success { background-color: #6FC080; } .label-success[href]:hover, .label-success[href]:focus { background-color: #4daf61; } .label-info { background-color: #6EC7E6; } .label-info[href]:hover, .label-info[href]:focus { background-color: #43b6de; } .label-warning { background-color: #F2B776; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ee9f47; } .label-danger { background-color: #DD6777; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #d43d52; } .list-group { margin-bottom: 1.25rem; } .list-group-item { border-color: #e4e4e4; } .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .list-group-item:last-child { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } a.list-group-item:hover, a.list-group-item:focus { background-color: #efefef; } .list-group-item-success { color: #3d8c4e; background-color: #d9efde; } a.list-group-item-success, button.list-group-item-success { color: #3d8c4e; } 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: #3d8c4e; background-color: #c8e7ce; } 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: #3d8c4e; border-color: #3d8c4e; } .list-group-item-info { color: #23a0cb; background-color: #f1f9fc; } a.list-group-item-info, button.list-group-item-info { color: #23a0cb; } 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: #23a0cb; background-color: #dbf1f9; } 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: #23a0cb; border-color: #23a0cb; } .list-group-item-warning { color: #e98619; background-color: white; } a.list-group-item-warning, button.list-group-item-warning { color: #e98619; } 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: #e98619; background-color: #f2f2f2; } 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: #e98619; border-color: #e98619; } .list-group-item-danger { color: #b5293c; background-color: #f9e4e7; } a.list-group-item-danger, button.list-group-item-danger { color: #b5293c; } 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: #b5293c; background-color: #f4cfd4; } 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: #b5293c; border-color: #b5293c; } .modal { z-index: 2020; background: black; background: rgba(0, 0, 0, 0.4); } .modal-content { box-shadow: none; border-radius: 0; } .modal .modal-dialog, .modal.in .modal-dialog { -webkit-animation-duration: 800ms; animation-duration: 800ms; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .modal .modal-dialog { -webkit-animation-name: animation-close; animation-name: animation-close; -webkit-animation-duration: 150ms; animation-duration: 150ms; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .modal.in .modal-dialog { -webkit-animation-name: animation-open; animation-name: animation-open; } .navbar { min-height: 0; } .navbar-inverse { border-color: #44425B; background-color: #44425B; } .navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a { color: white; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: white; background-color: #3d3c52; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #44425B; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #39374c; } .navbar-inverse .dropdown-menu { border-color: #44425B; } .nav > li > a:hover, .nav > li > a:focus { background-color: #6164C1; color: #fff; } .nav-pills > li > a { border-radius: 0; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { background-color: #6164C1; color: white; } .nav-tabs { background: transparent; padding: 0; margin: 0; border-bottom: 0.0625rem solid #e4e4e4; } .nav-tabs > li { margin: 0; border: none; padding: 0 1.25rem; float: left; position: relative; display: block; text-decoration: none; text-align: center; overflow: hidden; } .nav-tabs > li > a { margin: 0; border: 0; padding: 0.625rem 1.25rem; } .nav-tabs > li > a:hover, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus { border-color: transparent; background-color: transparent; color: #383839; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border: 0; background-color: transparent; } .nav-tabs > li.active::before { height: 0.125rem; width: 100%; display: block; content: " "; bottom: 0; left: 0; position: absolute; background: #6164C1; -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards; animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards; -webkit-transition: all 1s cubic-bezier(0.4, 0, 1, 1); transition: all 1s cubic-bezier(0.4, 0, 1, 1); } @media (max-width: 47em) { .nav-justified-xs .nav > li { display: table-cell; width: 1%; } .nav-justified-xs .nav > li > a { margin-bottom: 0; } } .box-tab { position: relative; margin-bottom: 1.25rem; } .box-tab.vertical { display: table; } .box-tab.vertical .nav-tabs { display: table-cell; border-bottom: 0; border-right: 0.0625rem solid #e4e4e4; } .box-tab.vertical .nav-tabs li { float: none; text-align: left; } .box-tab.vertical .nav-tabs li.active::before { height: 100%; width: 0.125rem; bottom: 0; left: auto; right: 0; } .box-tab.vertical .tab-content { display: table-cell; } .box-tab .nav-tabs { position: relative; margin: 0 auto; padding: 0; } .box-tab .nav-tabs li { position: relative; display: block; margin: 0; text-align: center; z-index: 1; } .box-tab .nav-tabs li:not(:last-child) { border-right: none; } .box-tab .nav-tabs li a { position: relative; display: block; text-overflow: ellipsis; white-space: nowrap; border-radius: 0; overflow: hidden; } .box-tab .nav-tabs li a:hover { color: #454545; } .box-tab .nav-tabs li.active a, .box-tab .nav-tabs li.active a:hover { color: #59595A; } .box-tab .nav-tabs li.active a::before { background-color: white; -webkit-transform: perspective(56.25rem) rotate3d(1, 0, 0, 0deg); transform: perspective(56.25rem) rotate3d(1, 0, 0, 0deg); border-top-left-radius: 0; border-top-right-radius: 0; } .box-tab .nav-tabs.nav-justified > li > a, .box-tab .nav-tabs.nav-justified > .active > a, .box-tab .nav-tabs.nav-justified > .active > a:focus, .box-tab .nav-tabs.nav-justified > .active > a:hover { border: 0; } .box-tab .tab-content { padding: 0.9375rem; background-color: #fff; } .box-tab.justified .nav-tabs li { display: table-cell; float: none; width: 1%; vertical-align: top; text-align: center; } .box-tab .wizard-tabs { background-color: #f0f0f0; list-style: none; padding: 0; margin: 0; border-bottom: 0.0625rem solid #e4e4e4; } .box-tab .wizard-tabs li { display: table-cell; float: none; width: 1%; vertical-align: middle; text-align: center; } .box-tab .wizard-tabs li.active a { background-color: #fafafa; } .box-tab .wizard-tabs li.active a:after { border-left-color: #fafafa; } .box-tab .wizard-tabs li:last-child a:before, .box-tab .wizard-tabs li:last-child a:after { display: none; } .box-tab .wizard-tabs a { position: relative; display: block; text-align: center; cursor: pointer; padding: 0.625rem 1.25rem; text-overflow: ellipsis; white-space: nowrap; } .box-tab .wizard-tabs a:hover { background: #eee; } @media screen and (min-width: 48em) { .box-tab .wizard-tabs a::before, .box-tab .wizard-tabs a::after { content: ''; position: absolute; top: 0; left: 100%; z-index: 1; display: block; width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 10px solid transparent; } .box-tab .wizard-tabs a::before { margin-left: 1px; border-left-color: #d5d5d5; } .box-tab .wizard-tabs a::after { border-left-color: #f0f0f0; } } @media (max-width: 47em) { .box-tab .wizard-tabs li { display: block; width: 100%; } .box-tab .wizard-tabs li a { border-bottom: 0.0625rem solid #e4e4e4; } } .pagination > li > a, .pagination > li > span { border-color: #e4e4e4; } .pagination > li:first-child > a, .pagination > li:first-child > span { border-top-left-radius: 0; border-bottom-left-radius: 0; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 0; border-bottom-right-radius: 0; } .pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus { border-color: #d7d7d7; background-color: #f1f1f1; } .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus { border-color: #6164C1; background-color: #6164C1; color: white; } .pager.pager-square li > a, .pager.pager-square li > span { border-radius: 0; } .ng-table-pagination { margin: 0; } .panel { border-radius: 0; position: relative; margin-bottom: 0.75rem; } .panel.panel-bordered { border-width: 1px; } .panel.panel-bordered .panel-heading { border-radius: 0; } .panel-heading { position: relative; border-color: transparent; border-top-right-radius: 0; border-top-left-radius: 0; text-transform: uppercase; } .panel-heading:before, .panel-heading:after { content: " "; display: table; } .panel-heading:after { clear: both; } .panel-group .panel-heading + .panel-collapse > .panel-body { border-color: #ececec; } .panel-footer { border-color: #ececec; background-color: #fcfcfc; } .panel-default { border-color: #e2e2e2; } .panel-default > .panel-heading { color: #59595A; background-color: #e2e2e2; border-color: #e2e2e2; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #e2e2e2; } .panel-default > .panel-heading .badge { color: #e2e2e2; background-color: #59595A; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #e2e2e2; } .panel-primary { border-color: #6164C1; } .panel-primary > .panel-heading { color: white; background-color: #6164C1; border-color: #6164C1; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #6164C1; } .panel-primary > .panel-heading .badge { color: #6164C1; background-color: white; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #6164C1; } .panel-success { border-color: #6FC080; } .panel-success > .panel-heading { color: white; background-color: #6FC080; border-color: #6FC080; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #6FC080; } .panel-success > .panel-heading .badge { color: #6FC080; background-color: white; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #6FC080; } .panel-warning { border-color: #F2B776; } .panel-warning > .panel-heading { color: white; background-color: #F2B776; border-color: #F2B776; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #F2B776; } .panel-warning > .panel-heading .badge { color: #F2B776; background-color: white; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #F2B776; } .panel-danger { border-color: #DD6777; } .panel-danger > .panel-heading { color: white; background-color: #DD6777; border-color: #DD6777; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #DD6777; } .panel-danger > .panel-heading .badge { color: #DD6777; background-color: white; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #DD6777; } .panel-info { border-color: #6EC7E6; } .panel-info > .panel-heading { color: white; background-color: #6EC7E6; border-color: #6EC7E6; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #6EC7E6; } .panel-info > .panel-heading .badge { color: #6EC7E6; background-color: white; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #6EC7E6; } .accordion-toggle { font-size: 0.8125rem; } .popover { box-shadow: 0 0.0625rem 0.0625rem rgba(0, 0, 0, 0.05); font-family: inherit; font-size: inherit; border-radius: 0; border-color: #e4e4e4; padding: 0; } .popover .popover-title { border-bottom-color: #e4e4e4; background-color: #FAFBFD; border-top-left-radius: 0; border-top-right-radius: 0; } .popover .popover-content:last-child { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .progress { margin-bottom: 1.25rem; height: 0.1875rem; background-color: #D0DBEC; box-shadow: none; border-radius: 0; } .progress-bar { background-color: #6164C1; box-shadow: none; } .progress-bar-success { background-color: #6FC080; } .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-info { background-color: #6EC7E6; } .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-warning { background-color: #F2B776; } .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-danger { background-color: #DD6777; } .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .table { background-color: white; } .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: 0.625rem 1.25rem; border-color: #e4e4e4; } .table.table-condensed > thead > tr > th, .table.table-condensed > thead > tr > td, .table.table-condensed > tbody > tr > th, .table.table-condensed > tbody > tr > td, .table.table-condensed > tfoot > tr > th, .table.table-condensed > tfoot > tr > td { padding: 5px !important; vertical-align: middle !important; } .table > thead > tr > th { border-bottom-width: 0; } .table > thead > tr > th, .table > tfoot > tr > th { border-color: #e4e4e4; font-weight: 400; text-transform: uppercase; } .table-hover > tbody > tr:hover { background-color: #f3f3f3 !important; } .table-bordered { border-color: #e4e4e4; } .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-color: #e4e4e4; border-top: 0; border-left: 0; } .table-bordered > thead > tr > th:first-child, .table-bordered > thead > tr > td:first-child, .table-bordered > tbody > tr > th:first-child, .table-bordered > tbody > tr > td:first-child, .table-bordered > tfoot > tr > th:first-child, .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-bordered > thead > tr > th:last-child, .table-bordered > thead > tr > td:last-child, .table-bordered > tbody > tr > th:last-child, .table-bordered > tbody > tr > td:last-child, .table-bordered > tfoot > tr > th:last-child, .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 1px; } .table-striped > tbody > tr:nth-child(odd) { background-color: transparent; } .table-responsive { overflow-x: visible; } @media (max-width: 47em) { .table-responsive { overflow-x: auto; border-color: #e4e4e4; border-radius: 0; margin-bottom: 0; } } @media (max-width: 47em) { .no-more-tables table, .no-more-tables thead, .no-more-tables tbody, .no-more-tables th, .no-more-tables td, .no-more-tables tr { display: block; } .no-more-tables thead tr { position: absolute; top: -9999px; left: -9999px; } .no-more-tables tr { border: 0.0625rem solid #e4e4e4; } .no-more-tables td { position: relative; padding-left: 50% !important; border-top: 0 !important; border-bottom: 0.0625rem solid #e4e4e4; text-align: left; white-space: normal; } .no-more-tables td:before { position: absolute; top: 0.375rem; left: 0.375rem; padding-right: 0.625rem; width: 45%; text-align: left; white-space: nowrap; font-weight: 700; } .no-more-tables td:before { content: attr(data-title); } } @media (max-width: 47em) { .flip-scroll .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .flip-scroll * html .cf { zoom: 1; } .flip-scroll *:first-child + html .cf { zoom: 1; } .flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0; } .flip-scroll th, .flip-scroll td { margin: 0; vertical-align: top; } .flip-scroll th { text-align: left; } .flip-scroll table { display: block; position: relative; width: 100%; } .flip-scroll thead { display: block; float: left; } .flip-scroll tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; } .flip-scroll thead tr { display: block; } .flip-scroll th { display: block; text-align: right; } .flip-scroll tbody tr { display: inline-block; vertical-align: top; } .flip-scroll td { display: block; min-height: 1.25em; text-align: left; } .flip-scroll th { border-bottom: 0; border-left: 0; } .flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; } .flip-scroll tbody tr { border-left: 0.0625rem solid #babcbf; } .flip-scroll th:last-child, .flip-scroll td:last-child { border-bottom: 0.0625rem solid #babcbf; } } .tooltip-inner { border-radius: 0; background-color: 0; background: rgba(0, 0, 0, 0.6); padding: 0.125rem 1.25rem; } .tooltip.top .tooltip-arrow { border-top-color: rgba(0, 0, 0, 0.6); } .tooltip.top-left .tooltip-arrow { border-top-color: rgba(0, 0, 0, 0.6); } .tooltip.top-right .tooltip-arrow { border-top-color: rgba(0, 0, 0, 0.6); } .tooltip.right .tooltip-arrow { border-right-color: rgba(0, 0, 0, 0.6); } .tooltip.left .tooltip-arrow { border-left-color: rgba(0, 0, 0, 0.6); } .tooltip.bottom .tooltip-arrow { border-bottom-color: rgba(0, 0, 0, 0.6); } .tooltip.bottom-left .tooltip-arrow { border-bottom-color: rgba(0, 0, 0, 0.6); } .tooltip.bottom-right .tooltip-arrow { border-bottom-color: rgba(0, 0, 0, 0.6); } .tooltip.in { opacity: 1; } .bg-primary { background-color: #6164C1; } a.bg-primary:hover, a.bg-primary:focus { background-color: #4347ac; } .bg-primary-dark { background-color: #4f52ba; } a.bg-primary-dark:hover, a.bg-primary-dark:focus { background-color: #3c3f99; } .bg-primary-darker { background-color: #4347ac; } a.bg-primary-darker:hover, a.bg-primary-darker:focus { background-color: #353887; } .bg-primary-light { background-color: #7376c8; } a.bg-primary-light:hover, a.bg-primary-light:focus { background-color: #4f52ba; } .bg-primary-lighter { background-color: #8688cf; } a.bg-primary-lighter:hover, a.bg-primary-lighter:focus { background-color: #6164c1; } .bg-default { background-color: #e2e2e2; } a.bg-default:hover, a.bg-default:focus { background-color: #c9c9c9; } .bg-default-dark { background-color: #d5d5d5; } a.bg-default-dark:hover, a.bg-default-dark:focus { background-color: #bcbcbc; } .bg-default-darker { background-color: #c9c9c9; } a.bg-default-darker:hover, a.bg-default-darker:focus { background-color: #afafaf; } .bg-default-light { background-color: #efefef; } a.bg-default-light:hover, a.bg-default-light:focus { background-color: #d5d5d5; } .bg-default-lighter { background-color: #fbfbfb; } a.bg-default-lighter:hover, a.bg-default-lighter:focus { background-color: #e2e2e2; } .bg-warning { background-color: #F2B776; } a.bg-warning:hover, a.bg-warning:focus { background-color: #ee9f47; } .bg-warning-dark { background-color: #f0ab5f; } a.bg-warning-dark:hover, a.bg-warning-dark:focus { background-color: #eb9230; } .bg-warning-darker { background-color: #ee9f47; } a.bg-warning-darker:hover, a.bg-warning-darker:focus { background-color: #e98619; } .bg-warning-light { background-color: #f4c38d; } a.bg-warning-light:hover, a.bg-warning-light:focus { background-color: #f0ab5f; } .bg-warning-lighter { background-color: #f6cfa5; } a.bg-warning-lighter:hover, a.bg-warning-lighter:focus { background-color: #f2b776; } .bg-success { background-color: #6FC080; } a.bg-success:hover, a.bg-success:focus { background-color: #4daf61; } .bg-success-dark { background-color: #5db870; } a.bg-success-dark:hover, a.bg-success-dark:focus { background-color: #459e58; } .bg-success-darker { background-color: #4daf61; } a.bg-success-darker:hover, a.bg-success-darker:focus { background-color: #3d8c4e; } .bg-success-light { background-color: #81c890; } a.bg-success-light:hover, a.bg-success-light:focus { background-color: #5db870; } .bg-success-lighter { background-color: #92d09f; } a.bg-success-lighter:hover, a.bg-success-lighter:focus { background-color: #6fc080; } .bg-info { background-color: #6EC7E6; } a.bg-info:hover, a.bg-info:focus { background-color: #43b6de; } .bg-info-dark { background-color: #58bfe2; } a.bg-info-dark:hover, a.bg-info-dark:focus { background-color: #2daedb; } .bg-info-darker { background-color: #43b6de; } a.bg-info-darker:hover, a.bg-info-darker:focus { background-color: #23a0cb; } .bg-info-light { background-color: #84cfea; } a.bg-info-light:hover, a.bg-info-light:focus { background-color: #58bfe2; } .bg-info-lighter { background-color: #9ad8ee; } a.bg-info-lighter:hover, a.bg-info-lighter:focus { background-color: #6ec7e6; } .bg-danger { background-color: #DD6777; } a.bg-danger:hover, a.bg-danger:focus { background-color: #d43d52; } .bg-danger-dark { background-color: #d85264; } a.bg-danger-dark:hover, a.bg-danger-dark:focus { background-color: #ca2d43; } .bg-danger-darker { background-color: #d43d52; } a.bg-danger-darker:hover, a.bg-danger-darker:focus { background-color: #b5293c; } .bg-danger-light { background-color: #e27c8a; } a.bg-danger-light:hover, a.bg-danger-light:focus { background-color: #d85264; } .bg-danger-lighter { background-color: #e6919c; } a.bg-danger-lighter:hover, a.bg-danger-lighter:focus { background-color: #dd6777; } .bg-white { background-color: white; } a.bg-white:hover, a.bg-white:focus { background-color: #e6e6e6; } .bg-white-dark { background-color: #f2f2f2; } a.bg-white-dark:hover, a.bg-white-dark:focus { background-color: #d9d9d9; } .bg-white-darker { background-color: #e6e6e6; } a.bg-white-darker:hover, a.bg-white-darker:focus { background-color: #cccccc; } .bg-white-light { background-color: white; } a.bg-white-light:hover, a.bg-white-light:focus { background-color: #e6e6e6; } .bg-white-lighter { background-color: white; } a.bg-white-lighter:hover, a.bg-white-lighter:focus { background-color: #e6e6e6; } .bg-dark { background-color: #44425B; } a.bg-dark:hover, a.bg-dark:focus { background-color: #2e2d3d; } .bg-dark-dark { background-color: #39374c; } a.bg-dark-dark:hover, a.bg-dark-dark:focus { background-color: #23222f; } .bg-dark-darker { background-color: #2e2d3d; } a.bg-dark-darker:hover, a.bg-dark-darker:focus { background-color: #181720; } .bg-dark-light { background-color: #4f4d6a; } a.bg-dark-light:hover, a.bg-dark-light:focus { background-color: #39374c; } .bg-dark-lighter { background-color: #5a5779; } a.bg-dark-lighter:hover, a.bg-dark-lighter:focus { background-color: #44425b; } .bg-red { background-color: #F44336; } a.bg-red:hover, a.bg-red:focus { background-color: #ea1c0d; } .bg-red-dark { background-color: #f32c1e; } a.bg-red-dark:hover, a.bg-red-dark:focus { background-color: #d2190b; } .bg-red-darker { background-color: #ea1c0d; } a.bg-red-darker:hover, a.bg-red-darker:focus { background-color: #ba160a; } .bg-red-light { background-color: #f55a4e; } a.bg-red-light:hover, a.bg-red-light:focus { background-color: #f32c1e; } .bg-red-lighter { background-color: #f77066; } a.bg-red-lighter:hover, a.bg-red-lighter:focus { background-color: #f44336; } .bg-pink { background-color: #E91E63; } a.bg-pink:hover, a.bg-pink:focus { background-color: #c1134e; } .bg-pink-dark { background-color: #d81557; } a.bg-pink-dark:hover, a.bg-pink-dark:focus { background-color: #aa1145; } .bg-pink-darker { background-color: #c1134e; } a.bg-pink-darker:hover, a.bg-pink-darker:focus { background-color: #930e3b; } .bg-pink-light { background-color: #eb3573; } a.bg-pink-light:hover, a.bg-pink-light:focus { background-color: #d81557; } .bg-pink-lighter { background-color: #ee4c83; } a.bg-pink-lighter:hover, a.bg-pink-lighter:focus { background-color: #e91e63; } .bg-purple { background-color: #9C27B0; } a.bg-purple:hover, a.bg-purple:focus { background-color: #771e86; } .bg-purple-dark { background-color: #89229b; } a.bg-purple-dark:hover, a.bg-purple-dark:focus { background-color: #641971; } .bg-purple-darker { background-color: #771e86; } a.bg-purple-darker:hover, a.bg-purple-darker:focus { background-color: #52145d; } .bg-purple-light { background-color: #af2cc5; } a.bg-purple-light:hover, a.bg-purple-light:focus { background-color: #89229b; } .bg-purple-lighter { background-color: #bc37d3; } a.bg-purple-lighter:hover, a.bg-purple-lighter:focus { background-color: #9c27b0; } .bg-deeppurple { background-color: #673AB7; } a.bg-deeppurple:hover, a.bg-deeppurple:focus { background-color: #512e90; } .bg-deeppurple-dark { background-color: #5c34a4; } a.bg-deeppurple-dark:hover, a.bg-deeppurple-dark:focus { background-color: #46287d; } .bg-deeppurple-darker { background-color: #512e90; } a.bg-deeppurple-darker:hover, a.bg-deeppurple-darker:focus { background-color: #3b216a; } .bg-deeppurple-light { background-color: #7446c4; } a.bg-deeppurple-light:hover, a.bg-deeppurple-light:focus { background-color: #5c34a4; } .bg-deeppurple-lighter { background-color: #8259cb; } a.bg-deeppurple-lighter:hover, a.bg-deeppurple-lighter:focus { background-color: #673ab7; } .bg-indigo { background-color: #3F51B5; } a.bg-indigo:hover, a.bg-indigo:focus { background-color: #32408f; } .bg-indigo-dark { background-color: #3849a2; } a.bg-indigo-dark:hover, a.bg-indigo-dark:focus { background-color: #2b387c; } .bg-indigo-darker { background-color: #32408f; } a.bg-indigo-darker:hover, a.bg-indigo-darker:focus { background-color: #252f69; } .bg-indigo-light { background-color: #4d5ec1; } a.bg-indigo-light:hover, a.bg-indigo-light:focus { background-color: #3849a2; } .bg-indigo-lighter { background-color: #606fc7; } a.bg-indigo-lighter:hover, a.bg-indigo-lighter:focus { background-color: #3f51b5; } .bg-blue { background-color: #2196F3; } a.bg-blue:hover, a.bg-blue:focus { background-color: #0c7cd5; } .bg-blue-dark { background-color: #0d8aee; } a.bg-blue-dark:hover, a.bg-blue-dark:focus { background-color: #0a6ebd; } .bg-blue-darker { background-color: #0c7cd5; } a.bg-blue-darker:hover, a.bg-blue-darker:focus { background-color: #0960a5; } .bg-blue-light { background-color: #39a1f4; } a.bg-blue-light:hover, a.bg-blue-light:focus { background-color: #0d8aee; } .bg-blue-lighter { background-color: #51adf6; } a.bg-blue-lighter:hover, a.bg-blue-lighter:focus { background-color: #2196f3; } .bg-lightblue { background-color: #03A9F4; } a.bg-lightblue:hover, a.bg-lightblue:focus { background-color: #0286c2; } .bg-lightblue-dark { background-color: #0398db; } a.bg-lightblue-dark:hover, a.bg-lightblue-dark:focus { background-color: #0275a8; } .bg-lightblue-darker { background-color: #0286c2; } a.bg-lightblue-darker:hover, a.bg-lightblue-darker:focus { background-color: #02638f; } .bg-lightblue-light { background-color: #14b4fc; } a.bg-lightblue-light:hover, a.bg-lightblue-light:focus { background-color: #0398db; } .bg-lightblue-lighter { background-color: #2ebcfc; } a.bg-lightblue-lighter:hover, a.bg-lightblue-lighter:focus { background-color: #03a9f4; } .bg-cyan { background-color: #00BCD4; } a.bg-cyan:hover, a.bg-cyan:focus { background-color: #008fa1; } .bg-cyan-dark { background-color: #00a5bb; } a.bg-cyan-dark:hover, a.bg-cyan-dark:focus { background-color: #007888; } .bg-cyan-darker { background-color: #008fa1; } a.bg-cyan-darker:hover, a.bg-cyan-darker:focus { background-color: #00626e; } .bg-cyan-light { background-color: #00d3ee; } a.bg-cyan-light:hover, a.bg-cyan-light:focus { background-color: #00a5bb; } .bg-cyan-lighter { background-color: #08e3ff; } a.bg-cyan-lighter:hover, a.bg-cyan-lighter:focus { background-color: #00bcd4; } .bg-teal { background-color: #009688; } a.bg-teal:hover, a.bg-teal:focus { background-color: #00635a; } .bg-teal-dark { background-color: #007d71; } a.bg-teal-dark:hover, a.bg-teal-dark:focus { background-color: #004a43; } .bg-teal-darker { background-color: #00635a; } a.bg-teal-darker:hover, a.bg-teal-darker:focus { background-color: #00302c; } .bg-teal-light { background-color: #00b09f; } a.bg-teal-light:hover, a.bg-teal-light:focus { background-color: #007d71; } .bg-teal-lighter { background-color: #00c9b6; } a.bg-teal-lighter:hover, a.bg-teal-lighter:focus { background-color: #009688; } .bg-green { background-color: #4CAF50; } a.bg-green:hover, a.bg-green:focus { background-color: #3d8b40; } .bg-green-dark { background-color: #449d48; } a.bg-green-dark:hover, a.bg-green-dark:focus { background-color: #357a38; } .bg-green-darker { background-color: #3d8b40; } a.bg-green-darker:hover, a.bg-green-darker:focus { background-color: #2d682f; } .bg-green-light { background-color: #5cb860; } a.bg-green-light:hover, a.bg-green-light:focus { background-color: #449d48; } .bg-green-lighter { background-color: #6ec071; } a.bg-green-lighter:hover, a.bg-green-lighter:focus { background-color: #4caf50; } .bg-lightgreen { background-color: #74D108; } a.bg-lightgreen:hover, a.bg-lightgreen:focus { background-color: #59a006; } .bg-lightgreen-dark { background-color: #66b807; } a.bg-lightgreen-dark:hover, a.bg-lightgreen-dark:focus { background-color: #4b8705; } .bg-lightgreen-darker { background-color: #59a006; } a.bg-lightgreen-darker:hover, a.bg-lightgreen-darker:focus { background-color: #3d6f04; } .bg-lightgreen-light { background-color: #82ea09; } a.bg-lightgreen-light:hover, a.bg-lightgreen-light:focus { background-color: #66b807; } .bg-lightgreen-lighter { background-color: #8ef616; } a.bg-lightgreen-lighter:hover, a.bg-lightgreen-lighter:focus { background-color: #74d108; } .bg-lime { background-color: #CDDC39; } a.bg-lime:hover, a.bg-lime:focus { background-color: #b2c022; } .bg-lime-dark { background-color: #c6d626; } a.bg-lime-dark:hover, a.bg-lime-dark:focus { background-color: #9daa1e; } .bg-lime-darker { background-color: #b2c022; } a.bg-lime-darker:hover, a.bg-lime-darker:focus { background-color: #89951a; } .bg-lime-light { background-color: #d2e04f; } a.bg-lime-light:hover, a.bg-lime-light:focus { background-color: #c6d626; } .bg-lime-lighter { background-color: #d8e464; } a.bg-lime-lighter:hover, a.bg-lime-lighter:focus { background-color: #cddc39; } .bg-yellow { background-color: #FFEB3B; } a.bg-yellow:hover, a.bg-yellow:focus { background-color: #ffe608; } .bg-yellow-dark { background-color: #ffe821; } a.bg-yellow-dark:hover, a.bg-yellow-dark:focus { background-color: #eed500; } .bg-yellow-darker { background-color: #ffe608; } a.bg-yellow-darker:hover, a.bg-yellow-darker:focus { background-color: #d4be00; } .bg-yellow-light { background-color: #ffee55; } a.bg-yellow-light:hover, a.bg-yellow-light:focus { background-color: #ffe822; } .bg-yellow-lighter { background-color: #fff06e; } a.bg-yellow-lighter:hover, a.bg-yellow-lighter:focus { background-color: #ffeb3b; } .bg-amber { background-color: #FFC107; } a.bg-amber:hover, a.bg-amber:focus { background-color: #d39e00; } .bg-amber-dark { background-color: #ecb100; } a.bg-amber-dark:hover, a.bg-amber-dark:focus { background-color: #b98b00; } .bg-amber-darker { background-color: #d39e00; } a.bg-amber-darker:hover, a.bg-amber-darker:focus { background-color: #a07800; } .bg-amber-light { background-color: #ffc721; } a.bg-amber-light:hover, a.bg-amber-light:focus { background-color: #edb100; } .bg-amber-lighter { background-color: #ffce3a; } a.bg-amber-lighter:hover, a.bg-amber-lighter:focus { background-color: #ffc107; } .bg-orange { background-color: #FF9800; } a.bg-orange:hover, a.bg-orange:focus { background-color: #cc7a00; } .bg-orange-dark { background-color: #e68900; } a.bg-orange-dark:hover, a.bg-orange-dark:focus { background-color: #b36a00; } .bg-orange-darker { background-color: #cc7a00; } a.bg-orange-darker:hover, a.bg-orange-darker:focus { background-color: #995b00; } .bg-orange-light { background-color: #ffa21a; } a.bg-orange-light:hover, a.bg-orange-light:focus { background-color: #e68900; } .bg-orange-lighter { background-color: #ffad33; } a.bg-orange-lighter:hover, a.bg-orange-lighter:focus { background-color: #ff9800; } .bg-deeporange { background-color: #FF5722; } a.bg-deeporange:hover, a.bg-deeporange:focus { background-color: #ee3900; } .bg-deeporange-dark { background-color: #ff4408; } a.bg-deeporange-dark:hover, a.bg-deeporange-dark:focus { background-color: #d43300; } .bg-deeporange-darker { background-color: #ee3900; } a.bg-deeporange-darker:hover, a.bg-deeporange-darker:focus { background-color: #bb2d00; } .bg-deeporange-light { background-color: #ff6a3c; } a.bg-deeporange-light:hover, a.bg-deeporange-light:focus { background-color: #ff4409; } .bg-deeporange-lighter { background-color: #ff7e55; } a.bg-deeporange-lighter:hover, a.bg-deeporange-lighter:focus { background-color: #ff5722; } .bg-brown { background-color: #795548; } a.bg-brown:hover, a.bg-brown:focus { background-color: #593f35; } .bg-brown-dark { background-color: #694a3e; } a.bg-brown-dark:hover, a.bg-brown-dark:focus { background-color: #49332b; } .bg-brown-darker { background-color: #593f35; } a.bg-brown-darker:hover, a.bg-brown-darker:focus { background-color: #392822; } .bg-brown-light { background-color: #896052; } a.bg-brown-light:hover, a.bg-brown-light:focus { background-color: #694a3e; } .bg-brown-lighter { background-color: #996b5b; } a.bg-brown-lighter:hover, a.bg-brown-lighter:focus { background-color: #795548; } .bg-grey { background-color: #9E9E9E; } a.bg-grey:hover, a.bg-grey:focus { background-color: #858585; } .bg-grey-dark { background-color: #919191; } a.bg-grey-dark:hover, a.bg-grey-dark:focus { background-color: #787878; } .bg-grey-darker { background-color: #858585; } a.bg-grey-darker:hover, a.bg-grey-darker:focus { background-color: #6b6b6b; } .bg-grey-light { background-color: #ababab; } a.bg-grey-light:hover, a.bg-grey-light:focus { background-color: #919191; } .bg-grey-lighter { background-color: #b8b8b8; } a.bg-grey-lighter:hover, a.bg-grey-lighter:focus { background-color: #9e9e9e; } .bg-bluegrey { background-color: #607D8B; } a.bg-bluegrey:hover, a.bg-bluegrey:focus { background-color: #4b626d; } .bg-bluegrey-dark { background-color: #566f7c; } a.bg-bluegrey-dark:hover, a.bg-bluegrey-dark:focus { background-color: #41545e; } .bg-bluegrey-darker { background-color: #4b626d; } a.bg-bluegrey-darker:hover, a.bg-bluegrey-darker:focus { background-color: #36474f; } .bg-bluegrey-light { background-color: #6b8a99; } a.bg-bluegrey-light:hover, a.bg-bluegrey-light:focus { background-color: #566f7c; } .bg-bluegrey-lighter { background-color: #7b96a3; } a.bg-bluegrey-lighter:hover, a.bg-bluegrey-lighter:focus { background-color: #607d8b; } .text-primary { color: #6164C1; } a.text-primary:hover, a.text-primary:focus { color: #4347ac; } .text-default { color: #e2e2e2; } a.text-default:hover, a.text-default:focus { color: #c9c9c9; } .text-warning { color: #F2B776; } a.text-warning:hover, a.text-warning:focus { color: #ee9f47; } .text-success { color: #6FC080; } a.text-success:hover, a.text-success:focus { color: #4daf61; } .text-info { color: #6EC7E6; } a.text-info:hover, a.text-info:focus { color: #43b6de; } .text-white { color: white; } a.text-white:hover, a.text-white:focus { color: #e6e6e6; } .text-danger { color: #DD6777; } a.text-danger:hover, a.text-danger:focus { color: #d43d52; } .text-muted { color: #b3b3b3; } a.text-muted:hover, a.text-muted:focus { color: #999999; } .text-color { color: #59595A; } a.text-color:hover, a.text-color:focus { color: #404040; } .text-red { color: #F44336; } a.text-red:hover, a.text-red:focus { color: #ea1c0d; } .text-pink { color: #E91E63; } a.text-pink:hover, a.text-pink:focus { color: #c1134e; } .text-purple { color: #9C27B0; } a.text-purple:hover, a.text-purple:focus { color: #771e86; } .text-deeppurple { color: #673AB7; } a.text-deeppurple:hover, a.text-deeppurple:focus { color: #512e90; } .text-indigo { color: #3F51B5; } a.text-indigo:hover, a.text-indigo:focus { color: #32408f; } .text-blue { color: #2196F3; } a.text-blue:hover, a.text-blue:focus { color: #0c7cd5; } .text-lightblue { color: #03A9F4; } a.text-lightblue:hover, a.text-lightblue:focus { color: #0286c2; } .text-cyan { color: #00BCD4; } a.text-cyan:hover, a.text-cyan:focus { color: #008fa1; } .text-teal { color: #009688; } a.text-teal:hover, a.text-teal:focus { color: #00635a; } .text-green { color: #4CAF50; } a.text-green:hover, a.text-green:focus { color: #3d8b40; } .text-lightgreen { color: #74D108; } a.text-lightgreen:hover, a.text-lightgreen:focus { color: #59a006; } .text-lime { color: #CDDC39; } a.text-lime:hover, a.text-lime:focus { color: #b2c022; } .text-yellow { color: #FFEB3B; } a.text-yellow:hover, a.text-yellow:focus { color: #ffe608; } .text-amber { color: #FFC107; } a.text-amber:hover, a.text-amber:focus { color: #d39e00; } .text-orange { color: #FF9800; } a.text-orange:hover, a.text-orange:focus { color: #cc7a00; } .text-deeporange { color: #FF5722; } a.text-deeporange:hover, a.text-deeporange:focus { color: #ee3900; } .text-brown { color: #795548; } a.text-brown:hover, a.text-brown:focus { color: #593f35; } .text-grey { color: #9E9E9E; } a.text-grey:hover, a.text-grey:focus { color: #858585; } .text-bluegrey { color: #607D8B; } a.text-bluegrey:hover, a.text-bluegrey:focus { color: #4b626d; } .well { border-color: #dddddd; background-color: #E9E9ED; box-shadow: none; border-radius: 0; } .well-lg { border-radius: 0; } .well-sm { border-radius: 0; } .carousel-inner { width: 100%; height: 100%; } .ui-datepicker table { background-color: white; padding: 1.25rem; border: 0.0625em solid #e4e4e4; outline: none; } .ui-datepicker table .btn { border-color: transparent; } .ui-datepicker table .btn.active { box-shadow: none; } .ui-datepicker .dropdown-menu table { border: 0; } .session-wrapper { min-height: 100%; margin: 0 auto-2.5rem; } .session-wrapper:before, .session-wrapper:after { content: " "; display: table; } .session-wrapper:after { clear: both; } .session-wrapper::after { height: 2.5rem; } .push { height: 2.5rem; } .app.signin .card, .app.signup .card, .app.forgot-password .card, .app.error-page .card, .app.lockscreen .card { box-shadow: 0 0.125rem 0.25rem rgba(50, 70, 75, 0.2); display: block; margin: 100px auto; width: 100%; } .app.error-page .card { box-shadow: none; } .app.lockscreen .card { max-width: 400px; } .app.forgot-password .card, .app.signin .card { max-width: 500px; } .app.forgot-password .card .bottom-link, .app.signin .card .bottom-link { position: absolute; bottom: -30px; left: 5px; } .app.signup .card { max-width: 600px; } .app.signin.v2 .session-wrapper::after, .app.signup.v2 .session-wrapper::after { height: 0; } @media screen and (min-width: 48em) { .app.signin.v2 .session-carousel, .app.signup.v2 .session-carousel { position: absolute; top: 0; left: 0; bottom: 0; margin: 0; width: 100%; width: -webkit-calc(100% - 500px); width: calc(100% - 500px); } .app.signin.v2 .session-carousel .carousel-inner, .app.signup.v2 .session-carousel .carousel-inner { width: 100%; height: 100%; } .app.signin.v2 .carousel-inner > .item, .app.signup.v2 .carousel-inner > .item { width: 100%; height: 100%; } .app.signin.v2 .card, .app.signup.v2 .card { margin: 0; float: right; min-height: 100vh; box-shadow: none; } .app.signin.v2 .card .card-block, .app.signup.v2 .card .card-block { padding-top: 150px; } } @media (max-width: 47em) { .app.signin.v2 .card, .app.signup.v2 .card { max-width: 100%; min-height: 100vh; margin: 0; } .app.signin.v2 .card .card-block, .app.signup.v2 .card .card-block { padding-top: 150px; } .app.signin.v2 .push, .app.signup.v2 .push { display: none; } } .divider { border-top: 0.0625rem solid #e4e4e4; text-align: center; margin-top: 20px; margin-bottom: 20px; height: 0; } .divider span { display: inline-block; position: relative; padding: 0 0.75rem; background: #fff; top: -10px; } .form-layout { margin: 0 auto; padding: 1.25rem; } .form-layout input { margin-bottom: 0.75rem; } .form-layout label { width: 100%; display: block; } .form-layout .name input { float: left; display: block; width: 100%; width: -webkit-calc(50% - 0.75rem/2); width: calc(50% - 0.75rem/2); } .form-layout .name input.first { margin-right: 0.75rem; } .form-layout .btn-lg { border-radius: 0; } .lockcode { display: block; margin: 0 auto; max-width: 280px; } .lockscreen-avatar { position: relative; max-width: 128px; margin: 0 auto; } .error-number { font-size: 150px; line-height: 1; } .error-icon { font-size: 100px; line-height: 160px; border: 3px solid #DD6777; color: #DD6777; width: 160px; height: 160px; border-radius: 50%; margin: 0 auto 20px; } .fc-header-btn { display: block; width: 100%; line-height: 26px; } .fc-t-events { outline: none; } .fc-widget-header { border-width: 0 !important; } .calendar-viewer { background: white; } .fullcalendar th.fc-widget-header { border-width: 0; font-size: 0.8125rem; font-weight: 400; } .fullcalendar .fc td { font-weight: 700; } .fullcalendar .fc td, .fullcalendar .fc th { border-right: 0; border-left: 0; } .fullcalendar .fc-body { border: 0.0625rem solid #e4e4e4; } .fullcalendar .fc-day-grid-event .fc-time { font-weight: inherit; } .fullcalendar .fc-day-grid-event .fc-time::after { display: inline-block; content: ':'; } .fullcalendar .fc-widget-content { border-color: #e4e4e4; } .fullcalendar .fc-unthemed th, .fullcalendar .fc-unthemed td, .fullcalendar .fc-unthemed hr, .fullcalendar .fc-unthemed thead, .fullcalendar .fc-unthemed tbody, .fullcalendar .fc-unthemed .fc-row, .fullcalendar .fc-unthemed .fc-popover { border-color: #e4e4e4; } .fullcalendar .fc-unthemed hr, .fullcalendar .fc-unthemed .fc-popover .fc-header { background-color: #e4e4e4; } .fullcalendar .fc button { padding: 0 1.25rem; font-size: inherit; } .fullcalendar .fc-prev-button, .fullcalendar .fc-next-button { padding: 0 5px; } .fullcalendar .fc-state-default.fc-corner-left { border-top-left-radius: 0; border-bottom-left-radius: 0; } .fullcalendar .fc-state-default.fc-corner-right { border-top-right-radius: 0; border-bottom-right-radius: 0; } .fullcalendar .fc-state-default { background: transparent; border-color: #D8D8D8; border-top: 0; border-bottom: 0; border-left: 0; color: #59595A; text-shadow: none; box-shadow: none; } .fullcalendar .fc-state-hover, .fullcalendar .fc-state-down, .fullcalendar .fc-state-active, .fullcalendar .fc-state-disabled { color: #4c4c4d; background-color: #e4e4e4; outline: none; } .fullcalendar .fc-state-hover { color: #4c4c4d; } .fullcalendar .fc-state-down, .fullcalendar .fc-state-active { background-color: #e4e4e4; background-image: none; box-shadow: none; } .fullcalendar .fc-toolbar { background-color: #e2e2e2; margin-bottom: 0; } .fullcalendar .fc-button { line-height: 1; padding: 0 0.75rem; height: 2.5rem; text-transform: capitalize; } .fullcalendar .fc-toolbar h2 { font-size: 1rem; line-height: 2.5rem; padding: 0 0.75rem; height: 2.5rem; } .fullcalendar .fc-left > .fc-button, .fullcalendar .fc-left h2, .fullcalendar .fc-right > .fc-button, .fullcalendar .fc-right h2, .fullcalendar .fc-center > .fc-button, .fullcalendar .fc-center h2 { border-right: 0.0625rem solid #c9c9c9; } .fc-view-container { padding: 0.75rem; } .fc .fc-toolbar > * > * { margin-left: 0; } .fc-event { background-color: #44425B; color: white; border-radius: 0; padding: 2px 5px; border-color: transparent; font-size: 12px; } .external-event { padding: 4px; border-color: transparent; font-size: 0.8125rem; display: block; margin: 0 0 0.0625rem 0; } .external-event .remove { cursor: pointer; } .external-events { list-style: none; padding: 0; } .external-events .form-control { padding-left: 0; } .external-events .event-primary .form-control, .fc-event-container .event-primary .form-control { color: #353887; } .external-events .event-primary.fc-event, .fc-event-container .event-primary.fc-event { background-color: #6164C1; color: #353887; } .external-events .event-success .form-control, .fc-event-container .event-success .form-control { color: #3d8c4e; } .external-events .event-success.fc-event, .fc-event-container .event-success.fc-event { background-color: #b6dfbf; color: #3d8c4e; } .external-events .event-info .form-control, .fc-event-container .event-info .form-control { color: #23a0cb; } .external-events .event-info.fc-event, .fc-event-container .event-info.fc-event { background-color: #c5e9f5; color: #23a0cb; } .external-events .event-warning .form-control, .fc-event-container .event-warning .form-control { color: #e98619; } .external-events .event-warning.fc-event, .fc-event-container .event-warning.fc-event { background-color: #fbe8d3; color: #e98619; } .external-events .event-danger .form-control, .fc-event-container .event-danger .form-control { color: #b5293c; } .external-events .event-danger.fc-event, .fc-event-container .event-danger.fc-event { background-color: #f0bac2; color: #b5293c; } .external-events .event-default .form-control, .fc-event-container .event-default .form-control { color: #afafaf; } .external-events .event-default.fc-event, .fc-event-container .event-default.fc-event { background-color: #e7e7e7; color: #59595A; } .event-type { margin-top: 5px; padding: 0; list-style: none; } .event-type li { display: inline-block; } .event-type li a::before { display: block; width: 100%; height: 100%; background-color: #6164C1; content: ''; } .event-type li a:hover, .event-type li a:focus, .event-type li a.active { border-color: #6164C1; } .event-type li a { position: relative; display: block; padding: 1px; width: 15px; height: 15px; border: 0.0625rem solid transparent; } .event-type li a.event-primary::before { background-color: #6164C1; } .event-type li a.event-success::before { background-color: #6FC080; } .event-type li a.event-info::before { background-color: #6EC7E6; } .event-type li a.event-warning::before { background-color: #F2B776; } .event-type li a.event-danger::before { background-color: #DD6777; } .event-type li a.event-default::before { background-color: #e2e2e2; } .gallery a { display: block; overflow: hidden; margin-bottom: 0.75rem; border-radius: 0; } .gallery a img { -webkit-transition: transform 150ms linear; transition: transform 150ms linear; max-width: 100%; height: auto; } .gallery a:hover img { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } .invoice-logo { height: 50px; } .invoice-totals { margin-bottom: 15px; text-align: right; } .invoice-totals:before, .invoice-totals:after { content: " "; display: table; } .invoice-totals:after { clear: both; } .invoice-totals .invoice-totals-row { margin-bottom: 5px; } .invoice-totals .invoice-totals-title { margin-right: 15px; } .invoice-totals .invoice-totals-value { display: inline-block; min-width: 90px; text-align: left; } .message-list { list-style-type: none; padding: 0; margin: 0; } .message-list .message-list-item a { padding: 1.25rem; display: block; cursor: pointer; } .message-list .message-list-item a:hover, .message-list .message-list-item a:focus, .message-list .message-list-item a:active { background-color: #f6f6f6; color: #59595A; } .message-list .message-list-item a p { margin-bottom: 0; } .message-list .message-list-item a .message-list-item-header { display: block; margin-bottom: 2px; } .message-list .message-list-item a .message-list-item-header span { color: #333333; } .message-list .message-list-item a .time { color: #b3b3b3; float: right; font-size: 10px; font-weight: 700; margin-top: 3px; } .message-view, .contact-view { background-color: white; } .message-header:before, .message-header:after, .contact-header:before, .contact-header:after { content: " "; display: table; } .message-header:after, .contact-header:after { clear: both; } .message-header .lead, .contact-header .lead { margin-bottom: 5px; } .message-header .date, .contact-header .date { padding-top: 8px; color: #b3b3b3; float: right; font-size: 11px; } .message-header .message-toolbar, .message-header .contact-toolbar, .contact-header .message-toolbar, .contact-header .contact-toolbar { display: block; background: rgba(0, 0, 0, 0.05); padding: 0 0.75rem; background: #efefef; position: relative; } .message-header .message-toolbar:before, .message-header .message-toolbar:after, .message-header .contact-toolbar:before, .message-header .contact-toolbar:after, .contact-header .message-toolbar:before, .contact-header .message-toolbar:after, .contact-header .contact-toolbar:before, .contact-header .contact-toolbar:after { content: " "; display: table; } .message-header .message-toolbar:after, .message-header .contact-toolbar:after, .contact-header .message-toolbar:after, .contact-header .contact-toolbar:after { clear: both; } .message-header .message-toolbar::after, .message-header .contact-toolbar::after, .contact-header .message-toolbar::after, .contact-header .contact-toolbar::after { content: ''; height: 1px; position: absolute; bottom: 0; width: 100%; margin-left: -15px; margin-right: -15px; background-color: #e4e4e4; } .message-header .message-toolbar p, .message-header .contact-toolbar p, .contact-header .message-toolbar p, .contact-header .contact-toolbar p { padding: 8px 0; } .message-header .message-toolbar a, .message-header .contact-toolbar a, .contact-header .message-toolbar a, .contact-header .contact-toolbar a { color: #727274; padding: 10px 0; display: inline-block; } .message-header .message-toolbar a:hover, .message-header .contact-toolbar a:hover, .contact-header .message-toolbar a:hover, .contact-header .contact-toolbar a:hover { color: #59595A; } .message-files { border-top: 0.0625rem solid rgba(0, 0, 0, 0.05); border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.05); padding: 1.25rem 0; margin-top: 1.25rem; } .message-files .btn { min-height: 37px; } .no-messages, .no-contacts { display: table; width: 100%; height: 100%; text-align: center; } .no-messages .no-title, .no-contacts .no-title { display: table-cell; vertical-align: middle; } .no-messages .no-title h1, .no-contacts .no-title h1 { font-family: helvetica neue; font-weight: 400; } .contacts-list { position: relative; } @media screen and (min-width: 48em) { .messages-sidebar, .contacts-sidebar { width: 250px; } .messages-list, .contacts-list { width: 300px; } } @media (max-width: 47em) { .message-view, .contact-view { position: fixed; top: 3.438rem; bottom: 0; right: 0; left: 0; z-index: 1000; background-color: rgba(255, 255, 255, 0.99); overflow: hidden; -webkit-transition: -webkit-transform 150ms cubic-bezier(0.7, 0, 0.3, 1); -moz-transition: -moz-transform 150ms cubic-bezier(0.7, 0, 0.3, 1); -o-transition: -o-transform 150ms cubic-bezier(0.7, 0, 0.3, 1); transition: transform 150ms cubic-bezier(0.7, 0, 0.3, 1); -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -o-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .message-view .scroll, .contact-view .scroll { overflow-x: hidden; overflow-y: auto; height: 100%; } .message-open .message-view, .contact-open .contact-view { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .contacts-list { min-height: calc(100vh - 5.938rem); } .contacts-list #list1 { position: absolute; } } .travel-map.column, .travel-content.column { width: 50%; } @media (max-width: 47em) { .travel-map.column, .travel-content.column { width: 100%; display: block; height: 100%; } .travel-map.column .world-map, .travel-content.column .world-map { display: block; } } .tile-container { position: relative; width: 100%; margin-left: -0.375rem; margin-right: -0.375rem; } .tile-small, .tile-big { padding-left: 0.375rem; padding-right: 0.375rem; float: left; } .tile-small:hover .card, .tile-big:hover .card { background-color: #eee; } .tile-small { padding-right: 2px; padding-left: 2px; padding-bottom: 4px; } .tile-big { padding-right: 2px; padding-left: 2px; padding-bottom: 4px; } @media (max-width: 47em) { .tile-small { width: 100%; } .tile-big { width: 100%; } } @media (min-width: 48em) { .tile-small { width: 50%; } .tile-big { width: 50%; } } @media (min-width: 62em) { .tile-small { width: 25%; } .tile-big { width: 50%; } } @media (min-width: 75em) { .tile-small { width: 25%; } .tile-big { width: 50%; } } .travel-reviews { padding: 0; margin-left: -0.9375rem; margin-right: -0.9375rem; margin-top: -0.9375rem; margin-bottom: -0.9375rem; list-style: none; } .travel-reviews .travel-reviews-icon { width: 60px; } .travel-reviews .travel-reviews-icon img { width: 100%; } .travel-reviews .travel-reviews-content { padding-left: 10px; } .travel-reviews .travel-reviews-header, .travel-reviews .travel-reviews-footer { padding: 0 1.25rem; } .travel-reviews .travel-reviews-header { padding-top: 10px; padding-bottom: 10px; border-bottom: 0.0625rem solid #e4e4e4; } .travel-reviews .travel-reviews-header p { margin: 0; } .travel-reviews .travel-reviews-footer { padding-top: 5px; padding-bottom: 5px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .travel-reviews li a { font-size: 0.8125rem; padding: 0; display: table; width: 100%; height: 100%; border-spacing: 0; table-layout: fixed; overflow: hidden; line-height: 25px; } .travel-reviews .travel-reviews-icon, .travel-reviews .travel-reviews-content, .travel-reviews .travel-reviews-place { display: table-cell; vertical-align: middle; position: relative; float: none; height: 100%; } .travel-reviews .travel-reviews-place { color: #666667; width: 100px; } .travel-reviews a:hover, .travel-reviews a:active { color: #4c4c4d; background-color: transparent; } .travel-reviews .travel-reviews-list { list-style: none; padding: 0; } .travel-reviews .travel-reviews-list li { border-bottom: 0.0625rem solid #f1f1f1; } .travel-reviews .travel-reviews-list li a { position: relative; padding: 1.25rem; } .product-tile .product-image { border-radius: 0; background: white; padding: 3em; box-shadow: 0 0.125rem 0.25rem rgba(50, 70, 75, 0.2); } .product-tile .product-meta { position: relative; margin: 0.75rem 0 0; padding: 0 60px 0 0; text-align: left; } .product-tile .product-brand { display: block; } .product-tile .product-title { margin: 0; padding: .4em 0 .1em; } .product-tile .product-price { font-size: .95em; position: absolute; top: .45em; right: .25em; color: #595b64; } .product-tile.tile-small, .product-tile.tile-big { padding-right: 0.375rem; padding-left: 0.375rem; padding-bottom: 0.75rem; } .product-actions { padding: 0.75rem; text-align: right; } .product-actions .cart-button { position: absolute; bottom: 6.25rem; right: 0.75rem; -webkit-transition: opacity 0.3s, transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transform: translate3d(-5px, 0, 0); -moz-transform: translate3d(-5px, 0, 0); -o-transform: translate3d(-5px, 0, 0); -ms-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } .product-actions .mark, .product-actions mark { position: absolute; top: 0; right: 0.375rem; background: transparent; } .product-actions .mark a, .product-actions mark a { position: relative; color: #fff; padding: 4px; } .product-actions .mark:before, .product-actions mark:before { display: block; position: absolute; width: 40px; height: 40px; top: 0; right: 0; content: ""; } .product-actions .mark:before, .product-actions mark:before { border-top: solid 20px #6164C1; border-right: solid 20px #6164C1; border-left: solid 20px transparent; border-bottom: solid 20px transparent; } .no-touch .product-actions .cart-button { opacity: 0; } .no-touch .product-tile:hover .product-actions .cart-button { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .cart-summary { position: fixed; top: 100px; right: 0.75rem; background: #6164C1; color: white; border-radius: 0; z-index: 1; padding: 0.75rem; width: 150px; } .cart-quantity { min-width: 20px; display: inline-block; text-align: center; } .math-actions { line-height: 1; position: relative; cursor: pointer; min-width: 10px; display: inline-block; margin: 0 5px; } .math-actions::before { content: ''; position: absolute; right: 50%; top: 50%; margin-top: -5px; background: #59595A; width: 2px; height: 10px; margin-right: -1px; } .math-actions::after { content: ''; position: absolute; top: 50%; right: 50%; background: #59595A; height: 2px; width: 10px; margin-right: -5px; margin-top: -1px; } .math-actions.minus:before { display: none; } @media (max-width: 47em) { .product-tile.tile-small { width: 100%; } .product-tile.tile-big { width: 100%; } } @media (min-width: 48em) { .product-tile.tile-small { width: 50%; } .product-tile.tile-big { width: 50%; } } @media (min-width: 62em) { .product-tile.tile-small { width: 25%; } .product-tile.tile-big { width: 50%; } } @media (min-width: 75em) { .product-tile.tile-small { width: 20%; } .product-tile.tile-big { width: 40%; } } .post-header { display: table; width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; margin-top: -146px; } .post-header > * { display: table-cell; vertical-align: bottom; float: none; height: 100%; } .profile-header { display: table; width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; margin-top: -23%; } .profile-header > * { display: table-cell; vertical-align: bottom; float: none; height: 100%; } .profile-avatar { z-index: 1; width: 100%; display: block; padding: 5px; background-color: #fff; box-shadow: 0 0.125rem 0.25rem rgba(50, 70, 75, 0.2); } .profile-stats { width: 40%; float: right; } .profile-user { width: 60%; } .profile-sidebar-item { margin: 0 0 0.75rem 0; } .profile-sidebar-item:before, .profile-sidebar-item:after { content: " "; display: table; } .profile-sidebar-item:after { clear: both; } .profile-sidebar-item p { margin: 0; } .profile-sidebar-item.profile-info { text-align: center; } .profile-reccomendations .user-meta { padding: 0; list-style: none; } .profile-reccomendations .user-meta li { padding: 5px 0; } .profile-numbers-count { list-style: none; padding: 0; margin: 0; display: table; width: 100%; } .profile-numbers-count li { display: table-cell; vertical-align: middle; text-align: center; float: none; border-right: 0.0625rem solid #e4e4e4; font-size: 12px; } .profile-numbers-count li:Last-child { border-right: 0; } .profile-numbers-count li span { font-size: 25px; display: block; color: #4d4d4d; } .profile-timeline-header { margin-bottom: 5px; } .profile-timeline-header:before, .profile-timeline-header:after { content: " "; display: table; } .profile-timeline-header:after { clear: both; } .profile-timeline-header .profile-timeline-user { position: relative; float: left; margin-right: 0.9rem; display: block; } .profile-timeline-header .profile-timeline-user img { max-width: 48px; } .profile-timeline-header .profile-timeline-user-details { margin-top: 5px; margin-left: 63px; } .profile-timeline-content { margin-left: 63px; } .profile-timeline-controls a { display: inline-block; } .profile-timeline-images { margin-left: -2px; margin-right: -2px; margin-bottom: 10px; } .profile-timeline-images .image-link { display: block; width: 50%; float: left; padding-right: 2px; padding-left: 2px; } .profile-timeline-images .image-link-smaller { display: block; width: 25%; float: left; padding-right: 2px; padding-left: 2px; padding-bottom: 4px; } .profile-timeline-audio { padding: 1.25rem 0; margin-bottom: 10px; } .profile-timeline-audio .audio { display: table; width: 100%; } .profile-timeline-audio .audio .play_pause, .profile-timeline-audio .audio .audio-timeline, .profile-timeline-audio .audio .time { display: table-cell; vertical-align: middle; text-align: center; float: none; } .profile-timeline-audio .audio .play_pause { width: 40px; } .profile-timeline-audio .audio .progress { height: 5px; width: 100%; float: left; margin: 0; border-radius: 0; } .profile-timeline-audio .audio .progress .done { float: left; width: 34%; height: 5px; text-align: center; background-color: #6164C1; -webkit-transition: width 0.6s ease; transition: width 0.6s ease; } .profile-timeline-audio .audio .time { width: 80px; } .post-comments { margin: 20px 0 0 0; } .post-comments .media { margin: 0; } .post-comments .comment { overflow: hidden; } .post-comments .comment-author a { color: #333333; } .post-comments .comment-author .time { font-weight: 700; font-size: 11px; color: #99999a; } .post-comments .avatar { max-width: 48px; } .post-comments .comment { overflow: hidden; } .post-comments .comment-meta { float: right; margin-bottom: 5px; } .composer .card-block { padding-bottom: 0; } .composer textarea { border-radius: 2px; } .composer .composer-options { padding: 5px; } .composer .composer-options:before, .composer .composer-options:after { content: " "; display: table; } .composer .composer-options:after { clear: both; } .composer .composer-options .btn { border-color: transparent; background-color: transparent; } .timeline { position: relative; margin-bottom: 3.25rem; } .timeline::before { position: absolute; top: 6px; left: 15px; width: 2px; height: 100%; background: #e2e2e2; content: ''; } .timeline .timeline-icon { position: absolute; top: 6px; left: 0; text-align: center; width: 1.875rem; height: 1.875rem; border-radius: 50%; box-shadow: 0 0 0 2px #fff; } .timeline .timeline-icon > i { line-height: 1.875rem; font-size: 13px; } .timeline .timeline-card { position: relative; margin: 1.875rem 0; } .timeline .timeline-card:before, .timeline .timeline-card:after { content: " "; display: table; } .timeline .timeline-card:after { clear: both; } .timeline .timeline-card:first-child { margin-top: 0; } .timeline .timeline-heading { position: relative; border-color: transparent; margin-bottom: 1.25rem; } .timeline .timeline-heading:before, .timeline .timeline-heading:after { content: " "; display: table; } .timeline .timeline-heading:after { clear: both; } .timeline .timeline-heading.border:after { content: ''; display: block; position: absolute; height: 1px; left: 0; right: 0; bottom: 0; border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.06); } .timeline .timeline-content { position: relative; margin-left: 60px; padding: 1.25rem; border: 0.0625rem solid #e2e2e2; background: white; border-radius: 0; } .timeline .timeline-content:before, .timeline .timeline-content:after { content: " "; display: table; } .timeline .timeline-content:after { clear: both; } .timeline .timeline-content .timeline-date { display: inline-block; padding: 5px 0 10px; } .timeline .timeline-content::before { position: absolute; top: 13px; right: 100%; width: 0; height: 0; border-width: 7px; border-style: solid; border-color: transparent #e2e2e2 transparent transparent; content: " "; pointer-events: none; } .timeline .timeline-content::after { position: absolute; top: 14px; right: 100%; width: 0; height: 0; border-width: 6px; border-style: solid; border-color: transparent white transparent transparent; content: " "; pointer-events: none; } @media screen and (min-width: 48em) { .timeline:not(.stacked)::before { left: 50%; margin-left: -1px; } .timeline:not(.stacked) .timeline-card:nth-child(even) .timeline-content { float: right; } .timeline:not(.stacked) .timeline-card:nth-child(odd) .timeline-content::before { position: absolute; right: auto; left: 100%; border-color: transparent transparent transparent #e2e2e2; } .timeline:not(.stacked) .timeline-card:nth-child(odd) .timeline-content::after { position: absolute; right: auto; left: 100%; border-color: transparent transparent transparent white; } .timeline:not(.stacked) .timeline-card:nth-child(even) .timeline-content .timeline-date { right: 122%; left: auto; text-align: right; } .timeline:not(.stacked) .timeline-card:first-child { margin-top: 0; } .timeline:not(.stacked) .timeline-icon { left: 50%; margin-left: -15px; } .timeline:not(.stacked) .timeline-content { margin-left: 0; padding: 20px; width: 45%; } .timeline:not(.stacked) .timeline-content .timeline-date { position: absolute; top: 6px; left: 122%; width: 100%; } } .labels-white .flot-tick-label { color: white; } .flot-y-axis > :first-child { display: none; } .dashboard-rickshaw svg, .dashboard-rickshaw .rickshaw_graph { border-radius: 0; display: block; } .dashboard-rickshaw > .rickshaw_graph { height: 100%; } .chart_container { position: relative; } .rickshaw-chart { position: relative; } .y_axis { position: absolute; top: 0; bottom: 0; width: 40px; } .chart { width: 100%; border: 0; } .chart-sm { width: 100%; height: 150px; border: 0; } .morrischart { width: 100%; height: 200px; border: 0; } .chart-legend.first { padding-top: 80px; } svg.nvd3-svg { width: 100%; display: block; } .c3chart { display: block; position: relative; width: 100%; } .chocolat-wrapper { z-index: 10000; } .chocolat-loader { width: 24px; height: 24px; background-image: none; background-color: #6164C1; margin-top: -12px; margin-left: -12px; -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out; animation: sk-rotatePlane 1.2s infinite ease-in-out; } .ui-slider { position: relative; text-align: left; background: #D0DBEC; margin-bottom: 1.25rem; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1rem; height: 1rem; border-radius: 0.5rem; cursor: default; -ms-touch-action: none; touch-action: none; background: white; box-shadow: #6388c0 0 0 0 1px; cursor: pointer; outline: none; -webkit-transition: -webkit-transform 200ms cubic-bezier(0.7, 0, 0.3, 1); -moz-transition: -moz-transform 200ms cubic-bezier(0.7, 0, 0.3, 1); -o-transition: -o-transform 200ms cubic-bezier(0.7, 0, 0.3, 1); transition: transform 200ms cubic-bezier(0.7, 0, 0.3, 1); } .ui-slider .ui-slider-handle.ui-state-active { -webkit-transform: scale(2, 2); -moz-transform: scale(2, 2); -o-transform: scale(2, 2); -ms-transform: scale(2, 2); transform: scale(2, 2); } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .1875rem; } .ui-slider-horizontal .ui-slider-handle { top: -0.4375rem; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: 0.1875rem; height: 9.375rem; } .ui-slider-vertical .ui-slider-handle { left: -0.4375rem; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-slider-range-min, .ui-slider-range { background-color: #6164C1; } .slider-info &.ui-slider-range-min, .slider-info &.ui-slider-range { background-color: #6EC7E6; } .slider-info &.ui-slider-handle { box-shadow: #6EC7E6 0 0 0 1px; } .slider-info &.slider-handle.triangle { border-bottom-color: #6EC7E6; } .slider-primary &.ui-slider-range-min, .slider-primary &.ui-slider-range { background-color: #6164C1; } .slider-primary &.ui-slider-handle { box-shadow: #6164C1 0 0 0 1px; } .slider-primary &.slider-handle.triangle { border-bottom-color: #6164C1; } .slider-success &.ui-slider-range-min, .slider-success &.ui-slider-range { background-color: #6FC080; } .slider-success &.ui-slider-handle { box-shadow: #6FC080 0 0 0 1px; } .slider-success &.slider-handle.triangle { border-bottom-color: #6FC080; } .slider-warning &.ui-slider-range-min, .slider-warning &.ui-slider-range { background-color: #F2B776; } .slider-warning &.ui-slider-handle { box-shadow: #F2B776 0 0 0 1px; } .slider-warning &.slider-handle.triangle { border-bottom-color: #F2B776; } .slider-danger &.ui-slider-range-min, .slider-danger &.ui-slider-range { background-color: #DD6777; } .slider-danger &.ui-slider-handle { box-shadow: #DD6777 0 0 0 1px; } .slider-danger &.slider-handle.triangle { border-bottom-color: #DD6777; } .rounded-handler .ui-slider-handle { border-radius: 50%; } div.tagsinput { border-color: #e4e4e4; background: white; padding: 0.3125rem 0.3125rem 0; width: 100% !important; height: auto !important; min-height: auto !important; } div.tagsinput span.tag { border-color: #6164C1; border-radius: 0; background: #6164C1; color: white; font-family: inherit; padding: 0.125rem 0.3125rem; } div.tagsinput span.tag a { color: white; font-size: 0.8125rem; } div.tagsinput input { font-family: inherit; color: white; } .not_valid { background: #f9e4e7 !important; color: #b5293c !important; } .bootstrap-timepicker { position: relative; } .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu { left: auto; right: 0; } .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before { left: auto; right: 0.75rem; } .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after { left: auto; right: 0.8125rem; } .bootstrap-timepicker-widget.dropdown-menu { padding: 1px; } .bootstrap-timepicker-widget.dropdown-menu:before { border-bottom: 0.4375rem solid rgba(0, 0, 0, 0.2); border-left: 0.4375rem solid transparent; border-right: 0.4375rem solid transparent; content: ""; display: inline-block; position: absolute; } .bootstrap-timepicker-widget.dropdown-menu:after { border-bottom: 0.375rem solid #FFFFFF; border-left: 0.375rem solid transparent; border-right: 0.375rem solid transparent; content: ""; display: inline-block; position: absolute; } .bootstrap-timepicker-widget.timepicker-orient-left:before { left: 0.375rem; } .bootstrap-timepicker-widget.timepicker-orient-left:after { left: 0.4375rem; } .bootstrap-timepicker-widget.timepicker-orient-right:before { right: 0.375rem; } .bootstrap-timepicker-widget.timepicker-orient-right:after { right: 0.4375rem; } .bootstrap-timepicker-widget.timepicker-orient-top:before { top: -0.4375rem; } .bootstrap-timepicker-widget.timepicker-orient-top:after { top: -0.375rem; } .bootstrap-timepicker-widget.timepicker-orient-bottom:before { top: auto; bottom: -0.4375rem; border-bottom: 0; border-top: 0.4375rem solid #999; } .bootstrap-timepicker-widget.timepicker-orient-bottom:after { top: auto; bottom: -0.375rem; border-bottom: 0; border-top: 0.375rem solid #ffffff; } .bootstrap-timepicker-widget a.btn, .bootstrap-timepicker-widget input { border-radius: 0; } .bootstrap-timepicker-widget table td.separator { width: 0.125rem; padding: 0; } .bootstrap-timepicker-widget table td a { padding: 0; color: #59595A; } .bootstrap-timepicker-widget table td a:hover { background-color: transparent; border-radius: 0; border-color: transparent; color: #404040; } .bootstrap-timepicker-widget table td a i { display: inline-block; font: normal normal normal 14px/1 FontAwesome; speak: none; font-style: normal; font-weight: normal; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); font-size: 0.8125rem; } .bootstrap-timepicker-widget table td a i::after { display: inline-block; width: 0.875rem; height: 0.875rem; vertical-align: middle; } .bootstrap-timepicker-widget table td a .icon-chevron-down::after { content: "\f0dd"; line-height: 0.5625rem; } .bootstrap-timepicker-widget table td a .icon-chevron-up::after { content: "\f0de"; line-height: 1.25rem; } .bootstrap-timepicker-widget table td input { border: 0; } .bootstrap-timepicker-widget .modal-content { padding: 0.25rem; } .wizard-pager { margin-top: 1.25rem; } .wizard-pager:before, .wizard-pager:after { content: " "; display: table; } .wizard-pager:after { clear: both; } .wizard-pager .btn { min-width: 6.25rem; } .bootstrap-wysiwyg .btn-toolbar { margin: 0; padding: 0 0 0.3125rem 0.3125rem; border: 0.0625rem solid #e4e4e4; border-bottom: 0; } .bootstrap-wysiwyg .btn-toolbar .btn-group { margin-top: 0.3125rem; margin-right: 0.3125rem; } ul.wysihtml5-toolbar { background: #f5f5f5; border: 0.0625rem solid #e4e4e4; border-bottom: 0; border-top-left-radius: 0; border-top-right-radius: 0; } ul.wysihtml5-toolbar > li { margin: 0; } ul.wysihtml5-toolbar .btn { height: 2.5rem; line-height: 2.5rem; min-width: 2.5rem; padding: 0 0.625rem; background-color: #f5f5f5; border-top: 0; border-bottom-color: #e4e4e4; border-left: 0; border-right-color: #e4e4e4; color: #59595A; border-radius: 0; box-shadow: none; } ul.wysihtml5-toolbar .btn:hover { background-color: #ececec; } ul.wysihtml5-toolbar .btn-group .btn + .btn { margin-left: 0; } ul.wysihtml5-toolbar a.btn.wysihtml5-command-active { box-shadow: none; background-color: #ececec; } ul.wysihtml5-toolbar .open > .dropdown-toggle.btn { color: #59595A; background-color: #f5f5f5; border-top-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-right-color: #e4e4e4; } ul.wysihtml5-toolbar .dropdown-menu { margin: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .wysihtml5-sandbox { padding: 1.25rem !important; width: 100% !important; border-color: #e4e4e4 !important; border-top: 0 !important; background-color: white; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; outline: none !important; } .ta-root { border: 0.0625rem solid #e4e4e4; } .ta-toolbar.btn-toolbar { background-color: #f5f5f5; margin-left: 0; padding-bottom: 0.3125rem; } .ta-toolbar.btn-toolbar > .btn, .ta-toolbar.btn-toolbar > .btn-group, .ta-toolbar.btn-toolbar > .input-group { margin-top: 0.3125rem; } .ta-editor.ta-html, .ta-scroll-window.form-control { width: 100%; outline: 0; } .ta-scroll-window > .ta-bind { background-color: white; outline: 0; } .c3 svg text, .c3 svg { color: #59595A; font: 0.625rem Arial, "Helvetica Neue", Helvetica, sans-serif; } .c3 path, .c3 line { stroke: #e4e4e4; } .c3 .c3-tooltip { box-shadow: none; } .c3 .c3-tooltip tr { border-color: #6164C1; } .c3 .c3-tooltip th { background-color: #6164C1; font-size: 0.8125rem; } .c3 .c3-tooltip td { border-left-color: #6164C1; } .canvas-holder { padding: 0; margin: 0; position: relative; } .doughnut-legend { list-style: none; position: absolute; right: 0.5rem; top: 0; } .doughnut-legend li { display: block; padding-left: 1.875rem; position: relative; margin-bottom: 0.25rem; padding: 0.125rem 0.5rem 0.125rem 1.75rem; cursor: default; -webkit-transition: background-color 200ms ease-in-out; transition: background-color 200ms ease-in-out; } .doughnut-legend li:hover { background-color: #e2e2e2; } .doughnut-legend li span { display: block; position: absolute; left: 0; top: 0; width: 1.25rem; height: 100%; } .cb-radio.checked i { background-color: #6164C1; } .cb-radio:hover .cb-inner { border-color: #6164C1; } .cb-checkbox .cb-inner, .cb-radio .cb-inner { border-color: #e4e4e4; background: white; } .cb-checkbox.no-border .cb-inner, .cb-radio.no-border .cb-inner { border-color: transparent; } .cb-checkbox.checked .cb-inner { border-color: #6164C1; background-color: #6164C1; } .cb-checkbox:hover .cb-inner { border-color: #6164C1; } .cb-checkbox .cb-inner, .cb-checkbox i { border-radius: 0; } .cb-checkbox i::after, .cb-checkbox i::before { width: 1px; } .cb-checkbox.cb-sm i, .cb-checkbox.cb-sm .cb-inner { border-radius: 0; } .cb-checkbox.cb-md i, .cb-checkbox.cb-md .cb-inner { border-radius: 0; } .cb-checkbox.cb-lg i, .cb-checkbox.cb-lg .cb-inner { border-radius: 0; } .chosen-container .chosen-single, .chosen-container .chosen-choices { border-color: #e4e4e4; border-radius: 0; box-shadow: none; -webkit-transition: border 150ms linear; transition: border 150ms linear; -webkit-appearance: none; font-weight: 400; font-size: 0.8125rem; min-height: 2.125rem; padding: 0.375rem 0.75rem; line-height: 1.42857143; color: #59595A; background-color: white; background-image: none; } .chosen-container.chosen-container-active.chosen-with-drop .chosen-single { border-color: #e4e4e4; background-image: none; } .chosen-container .chosen-drop { border-color: #e4e4e4; border-top: 0; box-shadow: none; border-radius: 0 0 0 0; } .chosen-container.chosen-container-multi.chosen-with-drop .chosen-choices { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 0; } .chosen-container.chosen-container-single .chosen-search input[type=text] { background: none; border-color: #e4e4e4; } .chosen-container.chosen-container-single .chosen-search::before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; speak: none; font-style: normal; font-weight: normal; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); line-height: 1.5rem; content: "\f002"; position: absolute; top: 50%; right: 0.3125rem; width: 1.5rem; height: 1.5rem; text-align: center; font-size: 0.75rem; color: #6d6d6f; margin-top: -0.75rem; } .chosen-container.chosen-container-single .chosen-single div b { background: none; } .chosen-container.chosen-container-single .chosen-single div b::before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; speak: none; font-style: normal; font-weight: normal; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); line-height: 1.5rem; content: "\f107"; position: absolute; top: 50%; right: 0.3125rem; width: 1.5rem; height: 1.5rem; text-align: center; font-size: 0.75rem; color: #6d6d6f; margin-top: -0.75rem; -webkit-transition: transform 150ms ease; transition: transform 150ms ease; } .chosen-container.chosen-container-single .chosen-single abbr { background: none; position: absolute; top: 50%; right: 1.875rem; width: 1.5rem; height: 1.5rem; margin-top: -0.75rem; text-align: center; line-height: 1.5rem; } .chosen-container.chosen-container-single .chosen-single abbr::before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; speak: none; font-style: normal; font-weight: normal; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: "\f00d"; font-size: 0.75rem; color: #e4e4e4; } .chosen-container.chosen-container-active.chosen-with-drop .chosen-single div b:before { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .chosen-container .chosen-results li.highlighted, .chosen-container .chosen-results li.result-selected { background-color: #e4e4e4; background-image: none; color: #59595A; border-radius: 0; } .chosen-container.chosen-container-multi .chosen-choices li.search-choice { margin: 0.1875rem 0.3125rem 0.1875rem 0; } .chosen-container.chosen-container-multi .chosen-choices li.search-choice .search-choice-close { background: none; top: 0.125rem; width: 1rem; height: 1rem; } .chosen-container.chosen-container-multi .chosen-choices li.search-choice .search-choice-close::before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; speak: none; font-style: normal; font-weight: normal; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); line-height: 1rem; content: "\f00d"; position: absolute; top: 50%; right: 0; width: 1rem; height: 1rem; text-align: center; font-size: 0.75rem; color: #59595A; margin-top: -0.5rem; } .chosen-container.chosen-container-multi .chosen-choices li.search-choice { background-image: none; background-color: #e2e2e2; border-color: #dddddd; box-shadow: none; border-radius: 0; } .chosen-container.chosen-container-multi .chosen-choices li.search-field input[type=text] { -webkit-font-smoothing: antialiased; } .chosen-container.chosen-container-multi .chosen-drop .result-selected { color: #59595A; } .chosen-drop-up + .chosen-container .chosen-choices { border-bottom: 0.0625rem solid #e4e4e4; border-top: 0; } .chosen-drop-up + .chosen-container .chosen-drop { top: auto; bottom: 100%; border-top: 0.0625rem solid #e4e4e4; border-bottom: 0; } .clockpicker-popover .popover-title { color: #59595A; font-weight: 700; font-size: 1rem; line-height: 1; } .clockpicker-popover .popover-title span { cursor: pointer; } .clockpicker-popover .popover-content { background-color: white; } .clockpicker-popover .popover-content:last-child { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .clockpicker-popover .clockpicker-plate { border: 0.0625rem solid #e4e4e4; } .clockpicker-popover .clockpicker-button { margin: 0; padding: 0.625rem 0; border-width: 0.0625rem 0 0; border-top-left-radius: 0; border-top-right-radius: 0; } .colorpicker { padding: 0.3125rem; display: none; opacity: 1; visibility: visible; box-shadow: 0 0.0625rem 1px rgba(228, 228, 228, 0.3); min-width: initial !important; } table.dataTable { margin-bottom: 1.25rem; width: 100% !important; } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { background-color: transparent; } 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 { float: right; color: #ddd; display: inline-block; font: normal normal normal 11px/1 FontAwesome; speak: none; font-style: normal; font-weight: normal; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } table.dataTable thead .sorting::after { content: "\f0dc"; } table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_asc_disabled::after { color: #59595A; content: "\f0de"; } table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_desc_disabled::after { color: #59595A; content: "\f0dd"; } table.dataTable .form-control { width: 100% !important; } table.dataTable.no-footer { border-bottom: 0; } .dataTables_length label { font-weight: 400; } .datatable-top { margin-bottom: 1.25rem; } .datatable-top, .datatable-bottom { display: table; width: 100%; } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc { background: none; } @media (max-width: 47em) { .dataTables_wrapper .dataTables_length, .dataTables_wrapper .toolbar { display: inline-block; } .dataTables_wrapper .btn { vertical-align: baseline; } .dataTables_wrapper .dataTables_filter label { display: block; } .dataTables_wrapper .dataTables_filter label input { margin-left: 0; } } .center-block > .datepicker { margin: 0 auto; } .datepicker.dropdown-menu { display: none; opacity: 1; visibility: visible; border-radius: 0; font-size: 0.8125rem; border-color: #e4e4e4; box-shadow: 0 0.0625rem 1px rgba(228, 228, 228, 0.3); padding: 1.25rem; } .datepicker-inline { border: 0.0625rem solid #e4e4e4; } .datepicker { border-radius: 0; } .datepicker-dropdown { display: none; opacity: 1; visibility: visible; border-radius: 0; font-size: 0.8125rem; border-color: #e4e4e4; box-shadow: 0 0.0625rem 1px rgba(228, 228, 228, 0.3); padding: 1.25rem; } .datepicker-dropdown:before { border-bottom-color: #e4e4e4; border-bottom-color: rgba(0, 0, 0, 0.2); } .datepicker-dropdown.datepicker-orient-bottom:before { border-top-color: #e4e4e4; } .datepicker table tr td, .datepicker table tr th { border-radius: 0; } .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover { position: relative; color: white; background-color: #6164C1; border-color: #6164C1; text-shadow: 0 -0.0625rem 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.active:focus, .datepicker table tr td.active.focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active:hover.focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled.focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active.disabled:hover.focus { color: white; background-color: #4347ac; border-color: #2e3075; } .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover { color: white; background-color: #4347ac; border-color: #4044a4; } .datepicker table tr td.active:active, .datepicker table tr td.active.active, .open > .datepicker table tr td.active.dropdown-toggle, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover.active, .open > .datepicker table tr td.active:hover.dropdown-toggle, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled.active, .open > .datepicker table tr td.active.disabled.dropdown-toggle, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover.active, .open > .datepicker table tr td.active.disabled:hover.dropdown-toggle { color: white; background-color: #4347ac; border-color: #4044a4; } .datepicker table tr td.active:active:hover, .datepicker table tr td.active:active:focus, .datepicker table tr td.active:active.focus, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.active.focus, .open > .datepicker table tr td.active.dropdown-toggle:hover, .open > .datepicker table tr td.active.dropdown-toggle:focus, .open > .datepicker table tr td.active.dropdown-toggle.focus, .datepicker table tr td.active:hover:active:hover, .datepicker table tr td.active:hover:active:focus, .datepicker table tr td.active:hover:active.focus, .datepicker table tr td.active:hover.active:hover, .datepicker table tr td.active:hover.active:focus, .datepicker table tr td.active:hover.active.focus, .open > .datepicker table tr td.active:hover.dropdown-toggle:hover, .open > .datepicker table tr td.active:hover.dropdown-toggle:focus, .open > .datepicker table tr td.active:hover.dropdown-toggle.focus, .datepicker table tr td.active.disabled:active:hover, .datepicker table tr td.active.disabled:active:focus, .datepicker table tr td.active.disabled:active.focus, .datepicker table tr td.active.disabled.active:hover, .datepicker table tr td.active.disabled.active:focus, .datepicker table tr td.active.disabled.active.focus, .open > .datepicker table tr td.active.disabled.dropdown-toggle:hover, .open > .datepicker table tr td.active.disabled.dropdown-toggle:focus, .open > .datepicker table tr td.active.disabled.dropdown-toggle.focus, .datepicker table tr td.active.disabled:hover:active:hover, .datepicker table tr td.active.disabled:hover:active:focus, .datepicker table tr td.active.disabled:hover:active.focus, .datepicker table tr td.active.disabled:hover.active:hover, .datepicker table tr td.active.disabled:hover.active:focus, .datepicker table tr td.active.disabled:hover.active.focus, .open > .datepicker table tr td.active.disabled:hover.dropdown-toggle:hover, .open > .datepicker table tr td.active.disabled:hover.dropdown-toggle:focus, .open > .datepicker table tr td.active.disabled:hover.dropdown-toggle.focus { color: white; background-color: #393c92; border-color: #2e3075; } .datepicker table tr td.active:active, .datepicker table tr td.active.active, .open > .datepicker table tr td.active.dropdown-toggle, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover.active, .open > .datepicker table tr td.active:hover.dropdown-toggle, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled.active, .open > .datepicker table tr td.active.disabled.dropdown-toggle, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover.active, .open > .datepicker table tr td.active.disabled:hover.dropdown-toggle { background-image: none; } .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled.focus, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active[disabled], .datepicker table tr td.active[disabled]:hover, .datepicker table tr td.active[disabled]:focus, .datepicker table tr td.active[disabled].focus, .datepicker table tr td.active[disabled]:active, .datepicker table tr td.active[disabled].active, fieldset[disabled] .datepicker table tr td.active, fieldset[disabled] .datepicker table tr td.active:hover, fieldset[disabled] .datepicker table tr td.active:focus, fieldset[disabled] .datepicker table tr td.active.focus, fieldset[disabled] .datepicker table tr td.active:active, fieldset[disabled] .datepicker table tr td.active.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover.disabled:hover, .datepicker table tr td.active:hover.disabled:focus, .datepicker table tr td.active:hover.disabled.focus, .datepicker table tr td.active:hover.disabled:active, .datepicker table tr td.active:hover.disabled.active, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active:hover[disabled]:hover, .datepicker table tr td.active:hover[disabled]:focus, .datepicker table tr td.active:hover[disabled].focus, .datepicker table tr td.active:hover[disabled]:active, .datepicker table tr td.active:hover[disabled].active, fieldset[disabled] .datepicker table tr td.active:hover, fieldset[disabled] .datepicker table tr td.active:hover:hover, fieldset[disabled] .datepicker table tr td.active:hover:focus, fieldset[disabled] .datepicker table tr td.active:hover.focus, fieldset[disabled] .datepicker table tr td.active:hover:active, fieldset[disabled] .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled.disabled:hover, .datepicker table tr td.active.disabled.disabled:focus, .datepicker table tr td.active.disabled.disabled.focus, .datepicker table tr td.active.disabled.disabled:active, .datepicker table tr td.active.disabled.disabled.active, .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled[disabled]:hover, .datepicker table tr td.active.disabled[disabled]:focus, .datepicker table tr td.active.disabled[disabled].focus, .datepicker table tr td.active.disabled[disabled]:active, .datepicker table tr td.active.disabled[disabled].active, fieldset[disabled] .datepicker table tr td.active.disabled, fieldset[disabled] .datepicker table tr td.active.disabled:hover, fieldset[disabled] .datepicker table tr td.active.disabled:focus, fieldset[disabled] .datepicker table tr td.active.disabled.focus, fieldset[disabled] .datepicker table tr td.active.disabled:active, fieldset[disabled] .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover.disabled:hover, .datepicker table tr td.active.disabled:hover.disabled:focus, .datepicker table tr td.active.disabled:hover.disabled.focus, .datepicker table tr td.active.disabled:hover.disabled:active, .datepicker table tr td.active.disabled:hover.disabled.active, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled:hover[disabled]:hover, .datepicker table tr td.active.disabled:hover[disabled]:focus, .datepicker table tr td.active.disabled:hover[disabled].focus, .datepicker table tr td.active.disabled:hover[disabled]:active, .datepicker table tr td.active.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.active.disabled:hover, fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover, fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus, fieldset[disabled] .datepicker table tr td.active.disabled:hover.focus, fieldset[disabled] .datepicker table tr td.active.disabled:hover:active, fieldset[disabled] .datepicker table tr td.active.disabled:hover.active { background-color: #6164C1; border-color: #6164C1; } .datepicker table tr td.active .badge, .datepicker table tr td.active:hover .badge, .datepicker table tr td.active.disabled .badge, .datepicker table tr td.active.disabled:hover .badge { color: #6164C1; background-color: white; } .datepicker table tr td span { border-radius: 0; } .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover { position: relative; color: white; background-color: #6164C1; border-color: #6164C1; text-shadow: 0 -0.0625rem 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td span.active:focus, .datepicker table tr td span.active.focus, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active:hover.focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.disabled:hover.focus { color: white; background-color: #4347ac; border-color: #2e3075; } .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover { color: white; background-color: #4347ac; border-color: #4044a4; } .datepicker table tr td span.active:active, .datepicker table tr td span.active.active, .open > .datepicker table tr td span.active.dropdown-toggle, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover.active, .open > .datepicker table tr td span.active:hover.dropdown-toggle, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled.active, .open > .datepicker table tr td span.active.disabled.dropdown-toggle, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover.active, .open > .datepicker table tr td span.active.disabled:hover.dropdown-toggle { color: white; background-color: #4347ac; border-color: #4044a4; } .datepicker table tr td span.active:active:hover, .datepicker table tr td span.active:active:focus, .datepicker table tr td span.active:active.focus, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active.active:focus, .datepicker table tr td span.active.active.focus, .open > .datepicker table tr td span.active.dropdown-toggle:hover, .open > .datepicker table tr td span.active.dropdown-toggle:focus, .open > .datepicker table tr td span.active.dropdown-toggle.focus, .datepicker table tr td span.active:hover:active:hover, .datepicker table tr td span.active:hover:active:focus, .datepicker table tr td span.active:hover:active.focus, .datepicker table tr td span.active:hover.active:hover, .datepicker table tr td span.active:hover.active:focus, .datepicker table tr td span.active:hover.active.focus, .open > .datepicker table tr td span.active:hover.dropdown-toggle:hover, .open > .datepicker table tr td span.active:hover.dropdown-toggle:focus, .open > .datepicker table tr td span.active:hover.dropdown-toggle.focus, .datepicker table tr td span.active.disabled:active:hover, .datepicker table tr td span.active.disabled:active:focus, .datepicker table tr td span.active.disabled:active.focus, .datepicker table tr td span.active.disabled.active:hover, .datepicker table tr td span.active.disabled.active:focus, .datepicker table tr td span.active.disabled.active.focus, .open > .datepicker table tr td span.active.disabled.dropdown-toggle:hover, .open > .datepicker table tr td span.active.disabled.dropdown-toggle:focus, .open > .datepicker table tr td span.active.disabled.dropdown-toggle.focus, .datepicker table tr td span.active.disabled:hover:active:hover, .datepicker table tr td span.active.disabled:hover:active:focus, .datepicker table tr td span.active.disabled:hover:active.focus, .datepicker table tr td span.active.disabled:hover.active:hover, .datepicker table tr td span.active.disabled:hover.active:focus, .datepicker table tr td span.active.disabled:hover.active.focus, .open > .datepicker table tr td span.active.disabled:hover.dropdown-toggle:hover, .open > .datepicker table tr td span.active.disabled:hover.dropdown-toggle:focus, .open > .datepicker table tr td span.active.disabled:hover.dropdown-toggle.focus { color: white; background-color: #393c92; border-color: #2e3075; } .datepicker table tr td span.active:active, .datepicker table tr td span.active.active, .open > .datepicker table tr td span.active.dropdown-toggle, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover.active, .open > .datepicker table tr td span.active:hover.dropdown-toggle, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled.active, .open > .datepicker table tr td span.active.disabled.dropdown-toggle, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover.active, .open > .datepicker table tr td span.active.disabled:hover.dropdown-toggle { background-image: none; } .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active[disabled]:hover, .datepicker table tr td span.active[disabled]:focus, .datepicker table tr td span.active[disabled].focus, .datepicker table tr td span.active[disabled]:active, .datepicker table tr td span.active[disabled].active, fieldset[disabled] .datepicker table tr td span.active, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active:focus, fieldset[disabled] .datepicker table tr td span.active.focus, fieldset[disabled] .datepicker table tr td span.active:active, fieldset[disabled] .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover.disabled:hover, .datepicker table tr td span.active:hover.disabled:focus, .datepicker table tr td span.active:hover.disabled.focus, .datepicker table tr td span.active:hover.disabled:active, .datepicker table tr td span.active:hover.disabled.active, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active:hover[disabled]:hover, .datepicker table tr td span.active:hover[disabled]:focus, .datepicker table tr td span.active:hover[disabled].focus, .datepicker table tr td span.active:hover[disabled]:active, .datepicker table tr td span.active:hover[disabled].active, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active:hover:hover, fieldset[disabled] .datepicker table tr td span.active:hover:focus, fieldset[disabled] .datepicker table tr td span.active:hover.focus, fieldset[disabled] .datepicker table tr td span.active:hover:active, fieldset[disabled] .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled.disabled:hover, .datepicker table tr td span.active.disabled.disabled:focus, .datepicker table tr td span.active.disabled.disabled.focus, .datepicker table tr td span.active.disabled.disabled:active, .datepicker table tr td span.active.disabled.disabled.active, .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled[disabled]:hover, .datepicker table tr td span.active.disabled[disabled]:focus, .datepicker table tr td span.active.disabled[disabled].focus, .datepicker table tr td span.active.disabled[disabled]:active, .datepicker table tr td span.active.disabled[disabled].active, fieldset[disabled] .datepicker table tr td span.active.disabled, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:focus, fieldset[disabled] .datepicker table tr td span.active.disabled.focus, fieldset[disabled] .datepicker table tr td span.active.disabled:active, fieldset[disabled] .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover.disabled:hover, .datepicker table tr td span.active.disabled:hover.disabled:focus, .datepicker table tr td span.active.disabled:hover.disabled.focus, .datepicker table tr td span.active.disabled:hover.disabled:active, .datepicker table tr td span.active.disabled:hover.disabled.active, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled:hover[disabled]:hover, .datepicker table tr td span.active.disabled:hover[disabled]:focus, .datepicker table tr td span.active.disabled:hover[disabled].focus, .datepicker table tr td span.active.disabled:hover[disabled]:active, .datepicker table tr td span.active.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active, fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active { background-color: #6164C1; border-color: #6164C1; } .datepicker table tr td span.active .badge, .datepicker table tr td span.active:hover .badge, .datepicker table tr td span.active.disabled .badge, .datepicker table tr td span.active.disabled:hover .badge { color: #6164C1; background-color: white; } .input-daterange input:first-child { border-radius: 0 0 0 0; } .input-daterange input:last-child { border-radius: 0 0 0 0; } .input-daterange .input-group-addon { background-color: #e7e7e7; border: solid #e4e4e4; } .daterangepicker { display: none; opacity: 1; visibility: visible; border-radius: 0; font-size: 0.8125rem; box-shadow: 0 0.0625rem 1px rgba(228, 228, 228, 0.3); margin-top: -0.0625rem; } .daterangepicker .ranges .input-mini { background-color: transparent; border-color: #e4e4e4; border-radius: 0; color: #59595A; } .daterangepicker .calendar-date { border-radius: 0; border-color: #e4e4e4; } .daterangepicker td.available + td.start-date { border-radius: 0 0 0 0; } .daterangepicker td.in-range + td.end-date { border-radius: 0 0 0 0; } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background: #e2e2e2; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #6164C1; border-color: #6164C1; color: #fff; } .daterangepicker td, .daterangepicker th { border-radius: 0; } .daterangepicker .calendar th, .daterangepicker .calendar td { font-family: inherit; } .daterangepicker td.start-date.end-date { border-radius: 0; } .daterangepicker .ranges li { background: #e4e4e4; border-color: #e4e4e4; color: #59595A; border-radius: 0; } .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover { background: #6164C1; border-color: #6164C1; } .drop-box { background: white; border: 0.0625rem dashed #e4e4e4; width: 100%; text-align: center; padding: 1.563rem 0.75rem; margin-bottom: 0.75rem; } .dragover { border-color: #6164C1; } .dropzone { background: white; border-width: 1px; border-color: #44425B; border-style: dashed; border-radius: 0; display: table; width: 100%; padding: 0; } .dropzone .dz-message { display: table-cell; vertical-align: middle; } .dropzone .dz-preview.dz-file-preview .dz-image { border-radius: 0; background: #e2e2e2; } .dropzone .dz-preview .dz-error-message { background: #DD6777; border-radius: 0; } .dropzone .dz-preview .dz-error-message:after { border-bottom-color: #DD6777; } .dropzone .dz-preview .dz-progress { border-color: #e4e4e4; } .dropzone .dz-preview .dz-progress .dz-upload { background: #6164C1; } .dropzone .dz-preview .dz-details .dz-filename:hover span { border-color: #e4e4e4; } .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span { border-radius: 0; } .my-drop-zone { border: dashed 0.0625rem #59595A; border-radius: 0; min-height: 1.25rem; padding: 1.188rem; margin-bottom: 1.25rem; background-color: white; } .nv-file-over { border-color: #DD6777; } .another-file-over-class { border-color: #6FC080; } .piechart { position: relative; display: inline-block; text-align: center; } .piechart canvas { position: absolute; top: 0; left: 0; } .piechart > div { display: table; width: 100%; height: 100%; } .piechart > div > div { display: table-cell; vertical-align: middle; } .piechart .percent { position: relative; display: block; margin: 0; } .piechart .percent:after { position: absolute; top: 0; content: '%'; font-size: .5em; font-family: Helvetica, Georgia, serif; } #tooltip { position: absolute; display: none; padding: 0.3125rem 0.625rem; border: 0; background-color: #6164C1; color: white; line-height: 1; } #tooltip:before { position: absolute; top: 0.25rem; right: 100%; display: block; width: 0; height: 0; border-width: 0.375rem; border-style: solid; border-color: transparent #6164C1 transparent transparent; content: ''; } td.legendColorBox > div { border: 0 !important; padding: 0 !important; } td.legendColorBox > div > div { border-radius: 0.25rem; } td.legendLabel { padding-left: 0.3125rem; } .world-map { width: 100%; height: 100%; display: inline-block; } @media (max-width: 47em) { .world-map { display: table; } } .full-map-wrapper { position: absolute; top: 3.438rem; bottom: 2.5rem; left: 12.5rem; right: 0; } #cd-google-map { position: relative; } #google-container { position: relative; width: 100%; height: 100% !important; min-height: 25rem; } .google-map { width: 100%; background: transparent; padding: 0 !important; } .google-map img { max-width: none !important; } .gm-style-cc { display: none !important; } .layout-static-sidebar .full-map-wrapper { position: static; height: 100% !important; } .layout-static-sidebar .full-map-wrapper .world-map { top: 3.438rem; height: auto; left: auto; right: auto; bottom: 2.5rem; } .input { display: block; vertical-align: top; position: relative; overflow: hidden; } .input__field { position: relative; display: block; float: right; border: none; border-radius: 0; -webkit-appearance: none; background: transparent; width: 100%; height: 40px; padding: 6px 12px 6px 0; font-weight: 400; font-size: 0.8125rem; line-height: 1.42857143; } .input__field:focus { outline: none; } .input__field[disabled] { z-index: 1; } .input__label { display: inline-block; font-weight: 400; -moz-osx-font-smoothing: grayscale; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; width: 100%; text-align: left; color: #59595A; padding: 0 12px 0 0; height: 100%; pointer-events: none; } .input__label::before { content: ''; position: absolute; width: 100%; height: 1px; background: #e4e4e4; bottom: 0; left: 0; } .input__label::after { content: ''; position: absolute; width: 100%; height: 2px; background: #8d8fd2; bottom: 0; left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } .input__label-content { position: relative; display: block; width: 100%; padding: 0; font-size: 0.8125rem; display: inline-block; vertical-align: bottom; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translate3d(0, 15px, 0); transform: translate3d(0, 15px, 0); -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } .input__field:focus + .input__label .input__label-content, .input--filled .input__label-content, .input--focused .input__label-content { color: #8d8fd2; -webkit-transform: translate3d(0, 0, 0) scale3d(0.7, 0.7, 1); transform: translate3d(0, 0, 0) scale3d(0.7, 0.7, 1); } .input__field:focus + .input__label::after, .input--filled .input__label::after, .input--focused .input__label::after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .input__field[disabled] + .input__label, .input__field[readonly] + .input__label { background-color: #eee; } .input__field[disabled] + .input__label .input__label-content, .input__field[readonly] + .input__label .input__label-content { color: #59595A; } .input__field[disabled] + .input__label:after, .input__field[disabled] + .input__label:before, .input__field[readonly] + .input__label:after, .input__field[readonly] + .input__label:before { background: #e4e4e4; } .input__field[disabled] + .input__label .input__label-content, .input__field[readonly] + .input__label .input__label-content { -webkit-transform: translate3d(0, 0, 0) scale3d(0.7, 0.7, 1); transform: translate3d(0, 0, 0) scale3d(0.7, 0.7, 1); } .input--success .input__label::before { background: #6FC080; } .input--success .input__label::after { background: #6FC080; } .input--success .input__field:focus + .input__label .input__label-content, .input--success .input--filled .input__label-content, .input--success .input--focused .input__label-content { color: #6FC080; } .input--warning .input__label::before { background: #F2B776; } .input--warning .input__label::after { background: #F2B776; } .input--warning .input__field:focus + .input__label .input__label-content, .input--warning .input--filled .input__label-content, .input--warning .input--focused .input__label-content { color: #F2B776; } .input--error .input__label::before { background: #DD6777; } .input--error .input__label::after { background: #DD6777; } .input--error .input__field:focus + .input__label .input__label-content, .input--error .input--filled .input__label-content, .input--error .input--focused .input__label-content { color: #DD6777; } div.cs-select { display: inline-block; vertical-align: middle; position: relative; text-align: left; background: #fff; z-index: 100; min-width: 150px; max-width: 500px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } div.cs-select > span::after, div.cs-select.cs-active > span::after { content: ''; display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 5px dashed; border-right: 5px solid transparent; border-left: 5px solid transparent; } div.cs-select.cs-active > span::after { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } div.cs-select:focus { outline: none; } .cs-select select { display: none; } .cs-select span { display: block; position: relative; cursor: pointer; padding: 0.4375rem 0.6875rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cs-select > span { background-color: white; border: 0.0625rem solid #e4e4e4; -webkit-transition: text-indent 0.3s, opacity 0.3s; transition: text-indent 0.3s, opacity 0.3s; z-index: 10; padding-right: 3em; } .cs-select > span::after, .cs-select .cs-selected span::after { speak: none; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .cs-select > span::after { content: '\25BE'; right: 1em; } .cs-select .cs-selected span::after { content: '\e080'; font-family: 'Simple-Line-Icons'; margin-left: 1em; } .cs-select.cs-active > span::after { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } div.cs-active { z-index: 9999; } .cs-select .cs-options { position: absolute; visibility: hidden; background: #fff; width: 100%; height: 34px; padding: 0; top: 50%; left: 50%; margin-left: -50%; margin-top: -50%; overflow-x: hidden; overflow-y: scroll; z-index: 100; border: 0.0625rem solid #e4e4e4; -webkit-transition: height 150ms; transition: height 150ms; } .cs-select .cs-options li { opacity: 0; -webkit-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; } .cs-select .cs-options li span { padding: 0.5em 1em; display: inline-block; width: 100%; } .cs-select .cs-options li span:hover, .cs-select .cs-options li.cs-focus span, .cs-select .cs-options li.cs-selected span { color: #6164C1; background: transparent; } .cs-select ul { list-style: none; margin: 0; padding: 0; width: 100%; } .cs-select ul span { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; padding: 1em; } .cs-select ul li.cs-focus span { background-color: #ddd; } .cs-select ul li.cs-optgroup ul { padding-left: 1em; } .cs-select ul li.cs-optgroup > span { cursor: default; } .cs-select.cs-active .cs-options { visibility: visible; height: 400%; } .cs-select.cs-active .cs-options li { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .cs-select.cs-active .cs-options li:first-child { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } .cs-select.cs-active .cs-options li:nth-child(2) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .cs-select.cs-active .cs-options li:nth-child(3) { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .cs-select.cs-active .cs-options li:nth-child(4) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .cs-select.cs-active .cs-options li:nth-child(5) { -webkit-transition-delay: 0.25s; transition-delay: 0.25s; } .cs-select.cs-active .cs-options span[class^="icon-"]::before, .cs-select.cs-active .cs-options span[class*=" icon-"]::before { margin-right: 1rem; font-family: 'Simple-Line-Icons'; } div.cs-select-disabled span { cursor: not-allowed; } div.cs-select-disabled > span, div.cs-select-disabled.cs-active .cs-options { background: #e4e4e4; } .ioslist-group-header { width: 100%; } .ioslist-group-header, .ioslist-fake-header { text-shadow: none; -moz-text-shadow: none; -webkit-text-shadow: none; padding: 0.25rem 0.75rem; background-color: #efefef; font: inherit; color: #59595A; width: 100%; border-top: 0; border-bottom-color: #e4e4e4; text-transform: capitalize; } .ioslist li { font: inherit; display: table; width: 100%; padding: 0.5rem 0.75rem; cursor: pointer; white-space: nowrap; position: relative; } .ioslist li:before, .ioslist li:after { content: " "; display: table; } .ioslist li:after { clear: both; } .ioslist li.active { background-color: #6164C1; color: white; } .ioslist-group-container:before, .ioslist-group-container:after { content: " "; display: table; } .ioslist-group-container:after { clear: both; } .ioslist li + li { border-top-color: #e4e4e4; } .iti-flag { width: 1rem; height: 0.6875rem; box-shadow: none; } .intl-tel-input { width: 100%; } .intl-tel-input .flag-dropdown:hover .selected-flag { background-color: rgba(226, 226, 226, 0.5); } .intl-tel-input .selected-flag .arrow { border-top-color: #e4e4e4; } .intl-tel-input .selected-flag .arrow.up { border-bottom-color: #e4e4e4; } .intl-tel-input .country-list { box-shadow: none; border-color: #e4e4e4; z-index: 1000; } .intl-tel-input .country-list .divider { border-bottom-color: #e4e4e4; } .intl-tel-input .country-list .country .dial-code { color: #59595A; } .intl-tel-input .country-list .country.highlight { background-color: rgba(226, 226, 226, 0.5); } .jvectormap-tip { border-radius: 0; border: solid 0.0625rem #6164C1; background: white; color: #59595A; font-family: inherit; } .jvectormap-label { position: absolute; padding: 0.1875rem; color: white; font-size: smaller; font-size: inherit; font-family: inherit; border-radius: 0; border-color: #6164C1; background-color: #6164C1; } .jvectormap-zoomin, .jvectormap-zoomout { position: absolute; top: 0; left: 0; margin-left: 1.25rem; width: 2rem; height: 2rem; background-color: white; background-repeat: no-repeat; text-indent: -9999px; cursor: pointer; border-radius: 0.125rem; } .jvectormap-zoomin::before, .jvectormap-zoomout::before { content: ''; position: absolute; right: 50%; top: 50%; margin-top: -0.25rem; background: #59595A; width: 0.125rem; height: 0.625rem; margin-right: -0.0625rem; } .jvectormap-zoomin::after, .jvectormap-zoomout::after { content: ''; position: absolute; top: 50%; right: 50%; background: #59595A; height: 0.125rem; width: 0.625rem; margin-right: -0.3125rem; } .jvectormap-zoomin { top: 1.25rem; margin-top: 0; margin-bottom: 1px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .jvectormap-zoomout { top: 3.313rem; border-top-left-radius: 0; border-top-right-radius: 0; } .jvectormap-zoomout::before { display: none; } input.labelauty + label { padding: 0.5625rem 0.625rem; background-color: #e2e2e2; color: #59595A; border-radius: 0; } input.labelauty:not(:checked):not([disabled]) + label:hover { background-color: #dddddd; } input.labelauty:checked + label { background-color: #6164C1; color: white; } input.labelauty:checked:not([disabled]) + label:hover { background-color: #4f52ba; } input.btn-block + label { display: block; width: 100%; } input.to-labelauty-icon + label { display: inline-block; margin-right: 0.3125rem; } select.center-block + .ms-container { margin: 0 auto 0.75rem; } .ms-container .ms-selectable, .ms-container .ms-selection { color: #59595A; } .ms-container .ms-list { box-shadow: none; border-color: #e4e4e4; border-radius: 0; } .ms-container .ms-list.ms-focus { border-color: #6164C1; box-shadow: none; } .ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection { border-bottom-color: #e4e4e4; color: #59595A; font-size: 0.8125rem; } .ms-container .ms-selectable li.ms-hover, .ms-container .ms-selection li.ms-hover { background-color: #6164C1; color: white; } .ms-container .ms-selectable li.disabled, .ms-container .ms-selection li.disabled { background-color: #e2e2e2; } .dd { position: relative; display: block; margin: 0; padding: 0; list-style: none; } .dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; } .dd-list .dd-list { padding-left: 1.875rem; } .dd-collapsed .dd-list { display: none; } .dd-item, .dd-empty, .dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 1.25rem; line-height: 1.25rem; } .dd-handle { display: block; margin: 0.3125rem 0; padding: 0.625rem; text-decoration: none; border: 0.0625rem solid #e4e4e4; background: white; border-radius: 0; } .dd-handle:hover { color: #404040; background: #fff; } .dd-item > button { display: block; position: relative; cursor: pointer; float: left; width: 2.188rem; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; line-height: 2.625rem; text-align: center; } .dd-item > button::before { content: ''; position: absolute; right: 50%; top: 50%; margin-top: -0.3125rem; background: #59595A; width: 0.125rem; height: 0.625rem; margin-right: -0.0625rem; } .dd-item > button::after { content: ''; position: absolute; top: 50%; right: 50%; background: #59595A; height: 0.125rem; width: 0.625rem; margin-right: -0.3125rem; margin-top: -0.0625rem; } .dd-item > button[data-action="collapse"]:before { display: none; } .dd-placeholder, .dd-empty { margin: 0.3125rem 0; padding: 0; min-height: 1.875rem; background: transparent; border: 0.0625rem dashed #ddd; } .dd-empty { border: 0.0625rem dashed #bbb; min-height: 100px; background-color: #e5e5e5; background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff); background-image: -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff); background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff); background-size: 60px 60px; background-position: 0 0, 30px 30px; } .dd-dragel { position: absolute; pointer-events: none; } .dd-dragel > .dd-item .dd-handle { margin-top: 0; } .dd-dragel .dd-handle { box-shadow: 0.125rem 0.25rem 0.375rem 0 rgba(0, 0, 0, 0.1); } .dd3-content { display: block; margin: 0.3125rem 0; padding: 0.625rem 0.625rem 0.625rem 3.125rem; text-decoration: none; border: 0.0625rem solid #e4e4e4; background: #ffffff; border-radius: 0; } .dd3-content:hover { background: #fff; } .dd-dragel > .dd3-item > .dd3-content { margin: 0; } .dd3-item > button { margin-left: 2.5rem; } .dd3-handle { position: absolute; margin: 0; left: 0; top: 0; cursor: pointer; width: 2.375rem; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0.0625rem solid #e4e4e4; background: #ffffff; border-top-right-radius: 0; border-bottom-right-radius: 0; } .dd3-handle:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; speak: none; font-style: normal; font-weight: normal; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: "\f0c9"; display: block; position: absolute; left: 0; width: 100%; text-align: center; text-indent: 0; font-size: 0.875rem; } .dd3-handle:hover { background: #e2e2e2; } li.app-noty { position: relative; margin-bottom: 0.75rem; display: block; } li.app-noty:last-child { margin-bottom: 0; } .noty_message[style] { font-size: 0.8125rem !important; } .app-noty .noty_bar { padding: 0.5rem 1.25rem; border-radius: 0; border: 0.0625rem solid transparent; } .app-noty-top-left .app-noty .noty_bar, .app-noty-top-right .app-noty .noty_bar, .app-noty-bottom-left .app-noty .noty_bar, .app-noty-bottom-right .app-noty .noty_bar { -webkit-animation-duration: 800ms; animation-duration: 800ms; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-name: animSlideRight; animation-name: animSlideRight; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .app-noty-top-left .app-noty.i-am-closing-now .noty_bar, .app-noty-top-right .app-noty.i-am-closing-now .noty_bar, .app-noty-bottom-left .app-noty.i-am-closing-now .noty_bar, .app-noty-bottom-right .app-noty.i-am-closing-now .noty_bar { -webkit-animation-duration: 150ms; animation-duration: 150ms; } .app-noty-bottom-right .app-noty .noty_bar, .app-noty-top-right .app-noty .noty_bar { -webkit-animation-name: animSlideElasticRight; animation-name: animSlideElasticRight; } .app-noty-bottom-right .app-noty.i-am-closing-now .noty_bar, .app-noty-top-right .app-noty.i-am-closing-now .noty_bar { -webkit-animation-name: animSlideRight; animation-name: animSlideRight; } .app-noty-bottom-left .app-noty .noty_bar, .app-noty-top-left .app-noty .noty_bar { -webkit-animation-name: animSlideElasticLeft; animation-name: animSlideElasticLeft; } .app-noty-bottom-left .app-noty.i-am-closing-now .noty_bar, .app-noty-top-left .app-noty.i-am-closing-now .noty_bar { -webkit-animation-name: animSlideLeft; animation-name: animSlideLeft; } .app-noty-bottom .app-noty .noty_bar, .app-noty-top .app-noty .noty_bar { -webkit-animation: fadeIn 150ms; animation: fadeIn 150ms; } .app-noty-bottom .app-noty.i-am-closing-now .noty_bar, .app-noty-top .app-noty.i-am-closing-now .noty_bar { -webkit-animation: fadeOut 150ms; animation: fadeOut 150ms; } .app-noty-bottom, .app-noty-bottom-right, .app-noty-bottom-left, .app-noty-top, .app-noty-top-right, .app-noty-top-left { list-style: none; padding: 0; margin: 0; position: fixed; z-index: 99999; -webkit-transition: opacity 150ms cubic-bezier(0.7, 0, 0.3, 1); transition: opacity 150ms cubic-bezier(0.7, 0, 0.3, 1); opacity: 1; } .offscreen ~ .app-noty-bottom, .offscreen ~ .app-noty-bottom-right, .offscreen ~ .app-noty-bottom-left, .offscreen ~ .app-noty-top, .offscreen ~ .app-noty-top-right, .offscreen ~ .app-noty-top-left { opacity: 0; } .app-noty-bottom { bottom: 0; right: 0; width: 100%; } .app-noty-bottom li.app-noty { margin-bottom: 0; margin-top: -0.0625rem; } .app-noty-bottom .noty_bar { border-radius: 0; } @media screen and (min-width: 48em) { .app-noty-bottom { padding-left: 12.5rem; } .layout-small-menu ~ .app-noty-bottom { padding-left: 4.375rem; } .layout-right-sidebar ~ .app-noty-bottom { padding-left: 0; padding-right: 12.5rem; } .layout-right-sidebar.layout-small-menu ~ .app-noty-bottom { padding-left: 0; padding-right: 4.375rem; } .layout-boxed ~ .app-noty-bottom, .layout-boxed.layout-right-sidebar.layout-small-menu ~ .app-noty-bottom { padding-left: 0; padding-right: 0; } } .app-noty-bottom-right { bottom: 3.25rem; right: 0.75rem; } @media screen and (min-width: 48em) { .layout-right-sidebar ~ .app-noty-bottom-right { right: 13.25rem; } .layout-right-sidebar.layout-small-menu ~ .app-noty-bottom-right { right: 5.125rem; } .layout-boxed ~ .app-noty-bottom-right, .layout-boxed.layout-right-sidebar.layout-small-menu ~ .app-noty-bottom-right { right: 0.75rem; } } .app-noty-bottom-left { bottom: 3.25rem; left: 0.75rem; } @media screen and (min-width: 48em) { .app-noty-bottom-left { left: 13.25rem; } .layout-small-menu ~ .app-noty-bottom-left { left: 5.125rem; } .layout-right-sidebar ~ .app-noty-bottom-left { left: 0.75rem; } .layout-right-sidebar.layout-small-menu ~ .app-noty-bottom-left { left: 0.75rem; } .layout-boxed ~ .app-noty-bottom-left, .layout-boxed.layout-small-menu ~ .app-noty-bottom-left { left: 0.75rem; } } .app-noty-top { top: 4.188rem; right: 0.75rem; } .app-noty-top { top: 3.438rem; right: 0; width: 100%; } .app-noty-top li.app-noty { margin-bottom: 0; margin-top: -0.0625rem; } .app-noty-top .noty_bar { border-radius: 0; } @media screen and (min-width: 48em) { .app-noty-top { padding-left: 12.5rem; } .layout-small-menu ~ .app-noty-top { position: absolute; padding-left: 4.375rem; } .layout-right-sidebar ~ .app-noty-top { padding-left: 0; padding-right: 12.5rem; } .layout-right-sidebar.layout-small-menu ~ .app-noty-top { padding-left: 0; padding-right: 4.375rem; } .layout-boxed ~ .app-noty-top, .layout-boxed.layout-right-sidebar.layout-small-menu ~ .app-noty-top { padding-left: 0; padding-right: 0; } } .app-noty-top-right { top: 4.188rem; right: 0.75rem; } @media screen and (min-width: 48em) { .layout-right-sidebar ~ .app-noty-top-right { right: 13.25rem; } .layout-right-sidebar.layout-small-menu ~ .app-noty-top-right { right: 5.125rem; } .layout-boxed ~ .app-noty-top-right, .layout-boxed.layout-small-menu ~ .app-noty-top-right { right: 0.75rem; } } .app-noty-top-left { top: 4.188rem; left: 0.75rem; } @media screen and (min-width: 48em) { .app-noty-top-left { left: 13.25rem; } .layout-small-menu ~ .app-noty-top-left { left: 5.125rem; } .layout-right-sidebar ~ .app-noty-top-left { left: 0.75rem; } .layout-right-sidebar.layout-small-menu ~ .app-noty-top-left { left: 0.75rem; } .layout-boxed ~ .app-noty-top-left, .layout-boxed.layout-small-menu ~ .app-noty-top-left { left: 0.75rem; } } .noty_container_type_success .noty_bar { background-color: #6FC080; color: white; } .noty_container_type_information .noty_bar { background-color: #6EC7E6; color: white; } .noty_container_type_warning .noty_bar { background-color: #F2B776; color: white; } .noty_container_type_error .noty_bar { background-color: #DD6777; color: white; } .noty_container_type_confirm .noty_bar { background-color: #6164C1; color: white; } .nvd3 text { font-family: inherit; } .ui-select-choices-row:hover { background-color: #e2e2e2; } .select2-container .select2-selection { display: block; height: 34px; padding: 0 0 0 8px; border-color: #e4e4e4; line-height: 34px; color: #59595A; border-radius: 0; background-color: #fff; background-image: none; outline: 0; } .select2-container .select2-selection::after { content: ' '; display: block; position: absolute; top: 50%; right: 15px; margin-top: -3px; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #808080 transparent transparent transparent; } .select2-container--open .select2-selection::after { margin-top: -4px; border-width: 0 5px 5px 5px; border-color: transparent transparent #808080 transparent; } .select2-container.select2-drop-above .select2-selection { border-bottom-color: #e4e4e4; border-radius: 0 0 0 0; background-image: none; } .select2-dropdown { color: #59595A; border-color: #e4e4e4; border-radius: 0 0 0 0; box-shadow: none; } .select2-dropdown.select2-dropdown--above { border-color: #e4e4e4; border-radius: 0 0 0 0; box-shadow: none; } .select2-container--open, .select2-dropdown.select2-dropdown--above.select2-container--open { border-color: #6164C1; } .select2-drop-auto-width { border-color: #e4e4e4; } .select2-container .select2-selection .select2-selection__arrow { border-radius: 0 0 0 0; border-color: #e4e4e4; background: white; background-image: none; display: none; visibility: hidden; } .select2-container-active .select2-selection, .select2-container-active .select2-choices { border-color: #6164C1; box-shadow: none; } .select2-dropdown-open .select2-selection { box-shadow: none; background-color: white; background-image: none; } .select2-dropdown-open.select2-drop-above .select2-selection, .select2-dropdown-open.select2-drop-above .select2-choices { border-color: #6164C1; background-image: none; } .select2-container-multi .select2-choices { border-color: #e4e4e4; background-image: none; } .select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container-multi.select2-container-active .select2-choices { border-color: #6164C1; box-shadow: none; } .select2-container--default .select2-selection--multiple .select2-selection__choice, .select2-container-multi .select2-choices .select2-search-choice { border-color: #e2e2e2; border-radius: 0; box-shadow: none; background-image: none; } .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-results .select2-highlighted { background: #6164C1; } .select2-search-choice-close { top: 2px; } .select2-search input { border-color: #e4e4e4 !important; outline: 0; } .ng-dirty.ng-invalid > a.select2-selection { border-color: #DD6777; } .ui-select-container[theme="select2"].direction-up .ui-select-match { border-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .ui-select-container[theme="select2"].direction-up .ui-select-dropdown { border-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: none; } .ui-select-container[theme="select2"] .select2-choice { height: 2.125rem; padding: 0 0 0 0.75rem; border-color: #e4e4e4; line-height: 2.125rem; color: #59595A; border-radius: 0; background-image: none; } .ui-select-container[theme="select2"] .select2-choice .select2-arrow { border-left: 0; border-radius: 0 0 0 0; background: #fff; background-image: none; } .ui-select-container[theme="select2"].select2-container-active .select2-choice, .ui-select-container[theme="select2"].select2-container-active .select2-choices { border-color: #6164C1; box-shadow: none; } .ui-select-container[theme="select2"].select2-dropdown-open .select2-choice { background-color: white; } .ui-select-container[theme="select2"] .select2-drop-active { border-color: #6164C1; } .ui-select-container[theme="select2"].direction-up.select2-dropdown-open .ui-select-match { border-bottom-color: #6164C1; } .ui-select-container[theme="select2"] .select2-search input { min-height: 2.125rem; font-family: inherit; font-size: 0.8125rem; border-color: #e4e4e4; background: white; } .ui-select-container[theme="select2"] .select2-results .select2-highlighted { background: #6164C1; color: #fff; } .selectize-input { border-color: #e4e4e4; box-shadow: none; border-radius: 0; } .selectize-dropdown-header { border-bottom-color: #e4e4e4; background: #e2e2e2; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .selectize-input.focus { box-shadow: none; } .selectize-input.dropdown-active { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .selectize-dropdown { box-shadow: none; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .selectize-dropdown .create { color: white !important; } .selectize-input.selectize-focus { border-color: #6164C1 !important; } .ng-dirty.ng-invalid > div.selectize-input { border-color: #DD6777; } .ui-select-container[theme="selectize"].direction-up .ui-select-dropdown { box-shadow: none; } .ui-select-container[theme="selectize"] .selectize-input { border-color: #e4e4e4; padding: 0.4375rem 0.75rem; box-shadow: none; border-radius: 0; } .ui-select-container[theme="selectize"] .selectize-dropdown { border-color: #e4e4e4; box-shadow: none; border-radius: 0 0 0 0; } .selectize-dropdown .active { background-color: #6164C1; color: #fff; } .btn-default-focus { border-color: #6164C1; outline: 0; box-shadow: none; } .input-group > .ui-select-bootstrap > input.ui-select-search.form-control { border-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .ui-select-bootstrap > input.ui-select-search.form-control.direction-up { border-radius: 0 !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .ui-select-multiple .ui-select-match-item.dropping-before:before { border-color: #6164C1; } .ui-select-multiple .ui-select-match-item.dropping-after:after { border-color: #6164C1; } .ui-select-bootstrap .ui-select-choices-row.active > a { background-color: #6164C1; } .ui-select-bootstrap.ng-dirty.ng-invalid > button.btn.ui-select-match { border-color: #DD6777; } .ui-select-container[theme="bootstrap"].direction-up .ui-select-dropdown { box-shadow: none; } .sk-rotating-plane { width: 24px; height: 24px; background-color: #6164C1; -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out; animation: sk-rotatePlane 1.2s infinite ease-in-out; } @-webkit-keyframes sk-rotatePlane { 0% { -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } @keyframes sk-rotatePlane { 0% { -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } .sk-double-bounce { width: 24px; height: 24px; position: relative; } .sk-double-bounce .sk-child { width: 100%; height: 100%; border-radius: 50%; background-color: #6164C1; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: sk-doubleBounce 2s infinite ease-in-out; animation: sk-doubleBounce 2s infinite ease-in-out; } .sk-double-bounce .sk-double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes sk-doubleBounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-doubleBounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } .sk-wave { width: 50px; height: 24px; text-align: center; font-size: 10px; } .sk-wave .sk-rect { background-color: #6164C1; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out; animation: sk-waveStretchDelay 1.2s infinite ease-in-out; } .sk-wave .sk-rect1 { -webkit-animation-delay: -1.2s; animation-delay: -1.2s; } .sk-wave .sk-rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-wave .sk-rect3 { -webkit-animation-delay: -1s; animation-delay: -1s; } .sk-wave .sk-rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-wave .sk-rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes sk-waveStretchDelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); transform: scaleY(1); } } @keyframes sk-waveStretchDelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); transform: scaleY(1); } } .sk-wandering-cubes { width: 24px; height: 24px; position: relative; } .sk-wandering-cubes .sk-cube { background-color: #6164C1; width: 10px; height: 10px; position: absolute; top: 0; left: 0; -webkit-animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both; animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both; } .sk-wandering-cubes .sk-cube2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } @-webkit-keyframes sk-wanderingCube { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -webkit-transform: translateX(30px) rotate(-90deg) scale(0.5); transform: translateX(30px) rotate(-90deg) scale(0.5); } 50% { -webkit-transform: translateX(30px) translateY(30px) rotate(-179deg); transform: translateX(30px) translateY(30px) rotate(-179deg); } 50.1% { -webkit-transform: translateX(30px) translateY(30px) rotate(-180deg); transform: translateX(30px) translateY(30px) rotate(-180deg); } 75% { -webkit-transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5); transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes sk-wanderingCube { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -webkit-transform: translateX(30px) rotate(-90deg) scale(0.5); transform: translateX(30px) rotate(-90deg) scale(0.5); } 50% { -webkit-transform: translateX(30px) translateY(30px) rotate(-179deg); transform: translateX(30px) translateY(30px) rotate(-179deg); } 50.1% { -webkit-transform: translateX(30px) translateY(30px) rotate(-180deg); transform: translateX(30px) translateY(30px) rotate(-180deg); } 75% { -webkit-transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5); transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } .sk-spinner-pulse { width: 24px; height: 24px; background-color: #6164C1; border-radius: 100%; -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out; animation: sk-pulseScaleOut 1s infinite ease-in-out; } @-webkit-keyframes sk-pulseScaleOut { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes sk-pulseScaleOut { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } .sk-chasing-dots { width: 24px; height: 24px; position: relative; text-align: center; -webkit-animation: sk-chasingDotsRotate 2s infinite linear; animation: sk-chasingDotsRotate 2s infinite linear; } .sk-chasing-dots .sk-child { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #6164C1; border-radius: 100%; -webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out; animation: sk-chasingDotsBounce 2s infinite ease-in-out; } .sk-chasing-dots .sk-dot2 { top: auto; bottom: 0; -webkit-animation-delay: -1s; animation-delay: -1s; } @-webkit-keyframes sk-chasingDotsRotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes sk-chasingDotsRotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes sk-chasingDotsBounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-chasingDotsBounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } .sk-three-bounce { width: 80px; text-align: center; } .sk-three-bounce .sk-child { width: 20px; height: 20px; background-color: #6164C1; border-radius: 100%; display: inline-block; -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; } .sk-three-bounce .sk-bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .sk-three-bounce .sk-bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-three-bounce { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-three-bounce { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } .sk-circle { width: 24px; height: 24px; position: relative; } .sk-circle .sk-child { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .sk-circle .sk-child:before { content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: #6164C1; border-radius: 100%; -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; } .sk-circle .sk-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } .sk-circle .sk-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); } .sk-circle .sk-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .sk-circle .sk-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } .sk-circle .sk-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); } .sk-circle .sk-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sk-circle .sk-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); } .sk-circle .sk-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); } .sk-circle .sk-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .sk-circle .sk-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); } .sk-circle .sk-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); } .sk-circle .sk-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-circle .sk-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; } .sk-circle .sk-circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-circle .sk-circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .sk-circle .sk-circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .sk-circle .sk-circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .sk-circle .sk-circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .sk-circle .sk-circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .sk-circle .sk-circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .sk-circle .sk-circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .sk-circle .sk-circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } @-webkit-keyframes sk-circleBounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-circleBounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } .sk-cube-grid { width: 24px; height: 24px; } .sk-cube-grid .sk-cube { width: 33%; height: 33%; background-color: #6164C1; float: left; -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; } .sk-cube-grid .sk-cube1 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .sk-cube-grid .sk-cube2 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .sk-cube-grid .sk-cube3 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .sk-cube-grid .sk-cube4 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .sk-cube-grid .sk-cube5 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .sk-cube-grid .sk-cube6 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .sk-cube-grid .sk-cube7 { -webkit-animation-delay: 0.0s; animation-delay: 0.0s; } .sk-cube-grid .sk-cube8 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .sk-cube-grid .sk-cube9 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } @-webkit-keyframes sk-cubeGridScaleDelay { 0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1); } 35% { -webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1); } } @keyframes sk-cubeGridScaleDelay { 0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1); } 35% { -webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1); } } .sk-fading-circle { width: 24px; height: 24px; position: relative; } .sk-fading-circle .sk-circle { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .sk-fading-circle .sk-circle:before { content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: #6164C1; border-radius: 100%; -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; } .sk-fading-circle .sk-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } .sk-fading-circle .sk-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); } .sk-fading-circle .sk-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .sk-fading-circle .sk-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } .sk-fading-circle .sk-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); } .sk-fading-circle .sk-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sk-fading-circle .sk-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); } .sk-fading-circle .sk-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); } .sk-fading-circle .sk-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .sk-fading-circle .sk-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); } .sk-fading-circle .sk-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); } .sk-fading-circle .sk-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-fading-circle .sk-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; } .sk-fading-circle .sk-circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-fading-circle .sk-circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .sk-fading-circle .sk-circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .sk-fading-circle .sk-circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .sk-fading-circle .sk-circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .sk-fading-circle .sk-circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .sk-fading-circle .sk-circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .sk-fading-circle .sk-circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .sk-fading-circle .sk-circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } @-webkit-keyframes sk-circleFadeDelay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } } @keyframes sk-circleFadeDelay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } } .sk-folding-cube { width: 24px; height: 24px; position: relative; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); } .sk-folding-cube .sk-cube { float: left; width: 50%; height: 50%; position: relative; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .sk-folding-cube .sk-cube:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #6164C1; -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both; animation: sk-foldCubeAngle 2.4s infinite linear both; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } .sk-folding-cube .sk-cube2 { -webkit-transform: scale(1.1) rotateZ(90deg); transform: scale(1.1) rotateZ(90deg); } .sk-folding-cube .sk-cube3 { -webkit-transform: scale(1.1) rotateZ(180deg); transform: scale(1.1) rotateZ(180deg); } .sk-folding-cube .sk-cube4 { -webkit-transform: scale(1.1) rotateZ(270deg); transform: scale(1.1) rotateZ(270deg); } .sk-folding-cube .sk-cube2:before { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .sk-folding-cube .sk-cube3:before { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .sk-folding-cube .sk-cube4:before { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } @-webkit-keyframes sk-foldCubeAngle { 0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0; } 25%, 75% { -webkit-transform: perspective(140px) rotateX(0deg); transform: perspective(140px) rotateX(0deg); opacity: 1; } 90%, 100% { -webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0; } } @keyframes sk-foldCubeAngle { 0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0; } 25%, 75% { -webkit-transform: perspective(140px) rotateX(0deg); transform: perspective(140px) rotateX(0deg); opacity: 1; } 90%, 100% { -webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0; } } input.valid { border-color: #6FC080; box-shadow: none; } input.valid:focus { border-color: #4daf61; box-shadow: none; } input.error { border-color: #DD6777; box-shadow: none; } input.error:focus { border-color: #d43d52; box-shadow: none; } label.error { color: #DD6777; font-weight: 400; } .ps-container { -ms-touch-action: none; overflow: hidden !important; } .ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail { display: block; } .ps-container.ps-in-scrolling { pointer-events: none; } .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { background-color: #eee; opacity: 0.9; } .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: #999; } .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background-color: #eee; opacity: 0.9; } .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: #999; } .ps-container > .ps-scrollbar-x-rail { display: none; position: absolute; border-radius: 0; opacity: 0; -webkit-transition: background-color 0.2s linear, opacity 0.2s linear; transition: background-color 0.2s linear, opacity 0.2s linear; bottom: 3px; height: 8px; } .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x { position: absolute; background-color: #ccc; border-radius: 0; -webkit-transition: background-color 0.2s linear; transition: background-color 0.2s linear; bottom: 0; height: 8px; } .ps-container > .ps-scrollbar-y-rail { display: none; position: absolute; border-radius: 0; opacity: 0; -webkit-transition: background-color 0.2s linear, opacity 0.2s linear; transition: background-color 0.2s linear, opacity 0.2s linear; right: 0 !important; width: 6px; } .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { position: absolute; background-color: #ccc; border-radius: 0; -webkit-transition: background-color 0.2s linear; transition: background-color 0.2s linear; right: 0; width: 6px; } .ps-container:hover.ps-in-scrolling { pointer-events: none; } .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { background-color: #eee; opacity: 0.9; } .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: #999; } .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background-color: #eee; opacity: 0.9; } .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: #999; } .ps-container:hover > .ps-scrollbar-x-rail, .ps-container:hover > .ps-scrollbar-y-rail { opacity: 0.6; } .ps-container:hover > .ps-scrollbar-x-rail:hover { background-color: #eee; opacity: 0.9; } .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x { background-color: #999; } .ps-container:hover > .ps-scrollbar-y-rail:hover { background-color: #eee; opacity: 0.9; } .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y { background-color: #999; } .draggable-portlets-wrapper .draggable-portlets { min-height: 3.125rem; } .draggable-portlets-wrapper .draggable-portlets .portlet { border-radius: 0; -webkit-transition: opacity 150ms linear; transition: opacity 150ms linear; } .draggable-portlets-wrapper .draggable-portlets .portlet .portlet-heading { cursor: pointer; border-radius: 0; } .draggable-portlets-wrapper .draggable-portlets .ui-sortable-placeholder { visibility: visible !important; border: 0.0625rem dashed #e4e4e4; background: rgba(0, 0, 0, 0.01); } .draggable-portlets-wrapper.dragging .portlet { opacity: 0.8; } .rickshaw_graph { display: block; } .rickshaw_graph .detail .x_label { font-family: inherit; border-radius: 0; } .rickshaw_graph .detail .item { border-radius: 0; font-family: inherit; } .rickshaw_graph .x_tick { border-left: 0.0625rem dashed rgba(0, 0, 0, 0.2); } .rickshaw_graph .x_tick .title { font-family: inherit; color: black; } .rickshaw_annotation_timeline .annotation .content { border-radius: 0; } .rickshaw_legend { font-family: inherit; } .rickshaw_legend li:hover { border-radius: 0; } .rickshaw_legend li:active { border-radius: 0; } .btn-icon { position: relative; overflow: hidden; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 3.375rem; border-width: 0; text-overflow: ellipsis; } .btn-icon :first-child { position: absolute; top: 0; bottom: 0; left: 0; width: 2.125rem; text-align: center; line-height: 2.125rem; background: rgba(0, 0, 0, 0.1); border-right: 0.0625rem solid rgba(0, 0, 0, 0.03); } .btn-icon.btn-lg :first-child { width: 2.875rem; line-height: 2.875rem; } .btn-icon.btn-sm :first-child { width: 1.75rem; line-height: 1.75rem; } .btn-icon.btn-xs :first-child { width: 1.375rem; line-height: 1.375rem; } .btn-lg.btn-icon, .btn-group-lg > .btn.btn-icon { padding-top: 0.875rem; padding-bottom: 0.875rem; padding-left: 3.875rem; } .btn-sm.btn-icon, .btn-group-sm > .btn.btn-icon { padding-top: 0.3125rem; padding-bottom: 0.3125rem; padding-left: 2.375rem; } .btn-xs.btn-icon, .btn-group-xs > .btn.btn-icon { padding-top: 0.1875rem; padding-bottom: 0.1875rem; padding-left: 2rem; } .btn-icon-icon { padding: 0; width: 2.125rem; height: 2.125rem; border-width: 1px; position: relative; overflow: hidden; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 3.375rem; border-width: 0; text-overflow: ellipsis; padding-left: 0; } .btn-icon-icon :first-child { position: absolute; top: 0; bottom: 0; left: 0; width: 2.125rem; text-align: center; line-height: 2.125rem; background: rgba(0, 0, 0, 0.1); border-right: 0.0625rem solid rgba(0, 0, 0, 0.03); } .btn-icon-icon.btn-lg :first-child { width: 2.875rem; line-height: 2.875rem; } .btn-icon-icon.btn-sm :first-child { width: 1.75rem; line-height: 1.75rem; } .btn-icon-icon.btn-xs :first-child { width: 1.375rem; line-height: 1.375rem; } .btn-icon-icon :first-child { width: 100% !important; border: none; background-color: transparent; text-align: center; } .btn-icon-icon.btn-lg { padding-right: 0; padding-left: 0; width: 2.875rem; height: 2.875rem; } .btn-icon-icon.btn-sm { padding-right: 0; padding-left: 0; width: 1.75rem; height: 1.75rem; } .btn-icon-icon.btn-xs { padding-right: 0; padding-left: 0; width: 1.375rem; height: 1.375rem; } .btn-adn { background-color: #d87a68; color: #fff; background-color: #d87a68; border-color: #d87a68; } .btn-adn:focus, .btn-adn.focus { color: #fff; background-color: #ce563f; border-color: #993a28; } .btn-adn:hover { color: #fff; background-color: #ce563f; border-color: #cb4f37; } .btn-adn:active, .btn-adn.active, .open > .btn-adn.dropdown-toggle { color: #fff; background-color: #ce563f; border-color: #cb4f37; } .btn-adn:active:hover, .btn-adn:active:focus, .btn-adn:active.focus, .btn-adn.active:hover, .btn-adn.active:focus, .btn-adn.active.focus, .open > .btn-adn.dropdown-toggle:hover, .open > .btn-adn.dropdown-toggle:focus, .open > .btn-adn.dropdown-toggle.focus { color: #fff; background-color: #b94630; border-color: #993a28; } .btn-adn:active, .btn-adn.active, .open > .btn-adn.dropdown-toggle { background-image: none; } .btn-adn.disabled, .btn-adn.disabled:hover, .btn-adn.disabled:focus, .btn-adn.disabled.focus, .btn-adn.disabled:active, .btn-adn.disabled.active, .btn-adn[disabled], .btn-adn[disabled]:hover, .btn-adn[disabled]:focus, .btn-adn[disabled].focus, .btn-adn[disabled]:active, .btn-adn[disabled].active, fieldset[disabled] .btn-adn, fieldset[disabled] .btn-adn:hover, fieldset[disabled] .btn-adn:focus, fieldset[disabled] .btn-adn.focus, fieldset[disabled] .btn-adn:active, fieldset[disabled] .btn-adn.active { background-color: #d87a68; border-color: #d87a68; } .btn-adn .badge { color: #d87a68; background-color: #fff; } .btn-bitbucket { background-color: #205081; color: #fff; background-color: #205081; border-color: #205081; } .btn-bitbucket:focus, .btn-bitbucket.focus { color: #fff; background-color: #163758; border-color: #07111b; } .btn-bitbucket:hover { color: #fff; background-color: #163758; border-color: #143250; } .btn-bitbucket:active, .btn-bitbucket.active, .open > .btn-bitbucket.dropdown-toggle { color: #fff; background-color: #163758; border-color: #143250; } .btn-bitbucket:active:hover, .btn-bitbucket:active:focus, .btn-bitbucket:active.focus, .btn-bitbucket.active:hover, .btn-bitbucket.active:focus, .btn-bitbucket.active.focus, .open > .btn-bitbucket.dropdown-toggle:hover, .open > .btn-bitbucket.dropdown-toggle:focus, .open > .btn-bitbucket.dropdown-toggle.focus { color: #fff; background-color: #0f253c; border-color: #07111b; } .btn-bitbucket:active, .btn-bitbucket.active, .open > .btn-bitbucket.dropdown-toggle { background-image: none; } .btn-bitbucket.disabled, .btn-bitbucket.disabled:hover, .btn-bitbucket.disabled:focus, .btn-bitbucket.disabled.focus, .btn-bitbucket.disabled:active, .btn-bitbucket.disabled.active, .btn-bitbucket[disabled], .btn-bitbucket[disabled]:hover, .btn-bitbucket[disabled]:focus, .btn-bitbucket[disabled].focus, .btn-bitbucket[disabled]:active, .btn-bitbucket[disabled].active, fieldset[disabled] .btn-bitbucket, fieldset[disabled] .btn-bitbucket:hover, fieldset[disabled] .btn-bitbucket:focus, fieldset[disabled] .btn-bitbucket.focus, fieldset[disabled] .btn-bitbucket:active, fieldset[disabled] .btn-bitbucket.active { background-color: #205081; border-color: #205081; } .btn-bitbucket .badge { color: #205081; background-color: #fff; } .btn-dropbox { background-color: #1087dd; color: #fff; background-color: #1087dd; border-color: #1087dd; } .btn-dropbox:focus, .btn-dropbox.focus { color: #fff; background-color: #0d6aad; border-color: #073e66; } .btn-dropbox:hover { color: #fff; background-color: #0d6aad; border-color: #0c64a4; } .btn-dropbox:active, .btn-dropbox.active, .open > .btn-dropbox.dropdown-toggle { color: #fff; background-color: #0d6aad; border-color: #0c64a4; } .btn-dropbox:active:hover, .btn-dropbox:active:focus, .btn-dropbox:active.focus, .btn-dropbox.active:hover, .btn-dropbox.active:focus, .btn-dropbox.active.focus, .open > .btn-dropbox.dropdown-toggle:hover, .open > .btn-dropbox.dropdown-toggle:focus, .open > .btn-dropbox.dropdown-toggle.focus { color: #fff; background-color: #0a568c; border-color: #073e66; } .btn-dropbox:active, .btn-dropbox.active, .open > .btn-dropbox.dropdown-toggle { background-image: none; } .btn-dropbox.disabled, .btn-dropbox.disabled:hover, .btn-dropbox.disabled:focus, .btn-dropbox.disabled.focus, .btn-dropbox.disabled:active, .btn-dropbox.disabled.active, .btn-dropbox[disabled], .btn-dropbox[disabled]:hover, .btn-dropbox[disabled]:focus, .btn-dropbox[disabled].focus, .btn-dropbox[disabled]:active, .btn-dropbox[disabled].active, fieldset[disabled] .btn-dropbox, fieldset[disabled] .btn-dropbox:hover, fieldset[disabled] .btn-dropbox:focus, fieldset[disabled] .btn-dropbox.focus, fieldset[disabled] .btn-dropbox:active, fieldset[disabled] .btn-dropbox.active { background-color: #1087dd; border-color: #1087dd; } .btn-dropbox .badge { color: #1087dd; background-color: #fff; } .btn-facebook { background-color: #3b5998; color: #fff; background-color: #3b5998; border-color: #3b5998; } .btn-facebook:focus, .btn-facebook.focus { color: #fff; background-color: #2d4373; border-color: #17233c; } .btn-facebook:hover { color: #fff; background-color: #2d4373; border-color: #2a3f6c; } .btn-facebook:active, .btn-facebook.active, .open > .btn-facebook.dropdown-toggle { color: #fff; background-color: #2d4373; border-color: #2a3f6c; } .btn-facebook:active:hover, .btn-facebook:active:focus, .btn-facebook:active.focus, .btn-facebook.active:hover, .btn-facebook.active:focus, .btn-facebook.active.focus, .open > .btn-facebook.dropdown-toggle:hover, .open > .btn-facebook.dropdown-toggle:focus, .open > .btn-facebook.dropdown-toggle.focus { color: #fff; background-color: #23345a; border-color: #17233c; } .btn-facebook:active, .btn-facebook.active, .open > .btn-facebook.dropdown-toggle { background-image: none; } .btn-facebook.disabled, .btn-facebook.disabled:hover, .btn-facebook.disabled:focus, .btn-facebook.disabled.focus, .btn-facebook.disabled:active, .btn-facebook.disabled.active, .btn-facebook[disabled], .btn-facebook[disabled]:hover, .btn-facebook[disabled]:focus, .btn-facebook[disabled].focus, .btn-facebook[disabled]:active, .btn-facebook[disabled].active, fieldset[disabled] .btn-facebook, fieldset[disabled] .btn-facebook:hover, fieldset[disabled] .btn-facebook:focus, fieldset[disabled] .btn-facebook.focus, fieldset[disabled] .btn-facebook:active, fieldset[disabled] .btn-facebook.active { background-color: #3b5998; border-color: #3b5998; } .btn-facebook .badge { color: #3b5998; background-color: #fff; } .btn-flickr { background-color: #ff0084; color: #fff; background-color: #ff0084; border-color: #ff0084; } .btn-flickr:focus, .btn-flickr.focus { color: #fff; background-color: #cc006a; border-color: #800042; } .btn-flickr:hover { color: #fff; background-color: #cc006a; border-color: #c20064; } .btn-flickr:active, .btn-flickr.active, .open > .btn-flickr.dropdown-toggle { color: #fff; background-color: #cc006a; border-color: #c20064; } .btn-flickr:active:hover, .btn-flickr:active:focus, .btn-flickr:active.focus, .btn-flickr.active:hover, .btn-flickr.active:focus, .btn-flickr.active.focus, .open > .btn-flickr.dropdown-toggle:hover, .open > .btn-flickr.dropdown-toggle:focus, .open > .btn-flickr.dropdown-toggle.focus { color: #fff; background-color: #a80057; border-color: #800042; } .btn-flickr:active, .btn-flickr.active, .open > .btn-flickr.dropdown-toggle { background-image: none; } .btn-flickr.disabled, .btn-flickr.disabled:hover, .btn-flickr.disabled:focus, .btn-flickr.disabled.focus, .btn-flickr.disabled:active, .btn-flickr.disabled.active, .btn-flickr[disabled], .btn-flickr[disabled]:hover, .btn-flickr[disabled]:focus, .btn-flickr[disabled].focus, .btn-flickr[disabled]:active, .btn-flickr[disabled].active, fieldset[disabled] .btn-flickr, fieldset[disabled] .btn-flickr:hover, fieldset[disabled] .btn-flickr:focus, fieldset[disabled] .btn-flickr.focus, fieldset[disabled] .btn-flickr:active, fieldset[disabled] .btn-flickr.active { background-color: #ff0084; border-color: #ff0084; } .btn-flickr .badge { color: #ff0084; background-color: #fff; } .btn-foursquare { background-color: #f94877; color: #fff; background-color: #f94877; border-color: #f94877; } .btn-foursquare:focus, .btn-foursquare.focus { color: #fff; background-color: #f71752; border-color: #bb0636; } .btn-foursquare:hover { color: #fff; background-color: #f71752; border-color: #f70d4b; } .btn-foursquare:active, .btn-foursquare.active, .open > .btn-foursquare.dropdown-toggle { color: #fff; background-color: #f71752; border-color: #f70d4b; } .btn-foursquare:active:hover, .btn-foursquare:active:focus, .btn-foursquare:active.focus, .btn-foursquare.active:hover, .btn-foursquare.active:focus, .btn-foursquare.active.focus, .open > .btn-foursquare.dropdown-toggle:hover, .open > .btn-foursquare.dropdown-toggle:focus, .open > .btn-foursquare.dropdown-toggle.focus { color: #fff; background-color: #e30742; border-color: #bb0636; } .btn-foursquare:active, .btn-foursquare.active, .open > .btn-foursquare.dropdown-toggle { background-image: none; } .btn-foursquare.disabled, .btn-foursquare.disabled:hover, .btn-foursquare.disabled:focus, .btn-foursquare.disabled.focus, .btn-foursquare.disabled:active, .btn-foursquare.disabled.active, .btn-foursquare[disabled], .btn-foursquare[disabled]:hover, .btn-foursquare[disabled]:focus, .btn-foursquare[disabled].focus, .btn-foursquare[disabled]:active, .btn-foursquare[disabled].active, fieldset[disabled] .btn-foursquare, fieldset[disabled] .btn-foursquare:hover, fieldset[disabled] .btn-foursquare:focus, fieldset[disabled] .btn-foursquare.focus, fieldset[disabled] .btn-foursquare:active, fieldset[disabled] .btn-foursquare.active { background-color: #f94877; border-color: #f94877; } .btn-foursquare .badge { color: #f94877; background-color: #fff; } .btn-github { background-color: #444444; color: #fff; background-color: #444444; border-color: #444444; } .btn-github:focus, .btn-github.focus { color: #fff; background-color: #2b2b2b; border-color: #040404; } .btn-github:hover { color: #fff; background-color: #2b2b2b; border-color: #252525; } .btn-github:active, .btn-github.active, .open > .btn-github.dropdown-toggle { color: #fff; background-color: #2b2b2b; border-color: #252525; } .btn-github:active:hover, .btn-github:active:focus, .btn-github:active.focus, .btn-github.active:hover, .btn-github.active:focus, .btn-github.active.focus, .open > .btn-github.dropdown-toggle:hover, .open > .btn-github.dropdown-toggle:focus, .open > .btn-github.dropdown-toggle.focus { color: #fff; background-color: #191919; border-color: #040404; } .btn-github:active, .btn-github.active, .open > .btn-github.dropdown-toggle { background-image: none; } .btn-github.disabled, .btn-github.disabled:hover, .btn-github.disabled:focus, .btn-github.disabled.focus, .btn-github.disabled:active, .btn-github.disabled.active, .btn-github[disabled], .btn-github[disabled]:hover, .btn-github[disabled]:focus, .btn-github[disabled].focus, .btn-github[disabled]:active, .btn-github[disabled].active, fieldset[disabled] .btn-github, fieldset[disabled] .btn-github:hover, fieldset[disabled] .btn-github:focus, fieldset[disabled] .btn-github.focus, fieldset[disabled] .btn-github:active, fieldset[disabled] .btn-github.active { background-color: #444444; border-color: #444444; } .btn-github .badge { color: #444444; background-color: #fff; } .btn-google { background-color: #dd4b39; color: #fff; background-color: #dd4b39; border-color: #dd4b39; } .btn-google:focus, .btn-google.focus { color: #fff; background-color: #c23321; border-color: #802216; } .btn-google:hover { color: #fff; background-color: #c23321; border-color: #b93120; } .btn-google:active, .btn-google.active, .open > .btn-google.dropdown-toggle { color: #fff; background-color: #c23321; border-color: #b93120; } .btn-google:active:hover, .btn-google:active:focus, .btn-google:active.focus, .btn-google.active:hover, .btn-google.active:focus, .btn-google.active.focus, .open > .btn-google.dropdown-toggle:hover, .open > .btn-google.dropdown-toggle:focus, .open > .btn-google.dropdown-toggle.focus { color: #fff; background-color: #a32b1c; border-color: #802216; } .btn-google:active, .btn-google.active, .open > .btn-google.dropdown-toggle { background-image: none; } .btn-google.disabled, .btn-google.disabled:hover, .btn-google.disabled:focus, .btn-google.disabled.focus, .btn-google.disabled:active, .btn-google.disabled.active, .btn-google[disabled], .btn-google[disabled]:hover, .btn-google[disabled]:focus, .btn-google[disabled].focus, .btn-google[disabled]:active, .btn-google[disabled].active, fieldset[disabled] .btn-google, fieldset[disabled] .btn-google:hover, fieldset[disabled] .btn-google:focus, fieldset[disabled] .btn-google.focus, fieldset[disabled] .btn-google:active, fieldset[disabled] .btn-google.active { background-color: #dd4b39; border-color: #dd4b39; } .btn-google .badge { color: #dd4b39; background-color: #fff; } .btn-instagram { background-color: #3f729b; color: #fff; background-color: #3f729b; border-color: #3f729b; } .btn-instagram:focus, .btn-instagram.focus { color: #fff; background-color: #305777; border-color: #1a2f40; } .btn-instagram:hover { color: #fff; background-color: #305777; border-color: #2d526f; } .btn-instagram:active, .btn-instagram.active, .open > .btn-instagram.dropdown-toggle { color: #fff; background-color: #305777; border-color: #2d526f; } .btn-instagram:active:hover, .btn-instagram:active:focus, .btn-instagram:active.focus, .btn-instagram.active:hover, .btn-instagram.active:focus, .btn-instagram.active.focus, .open > .btn-instagram.dropdown-toggle:hover, .open > .btn-instagram.dropdown-toggle:focus, .open > .btn-instagram.dropdown-toggle.focus { color: #fff; background-color: #26455d; border-color: #1a2f40; } .btn-instagram:active, .btn-instagram.active, .open > .btn-instagram.dropdown-toggle { background-image: none; } .btn-instagram.disabled, .btn-instagram.disabled:hover, .btn-instagram.disabled:focus, .btn-instagram.disabled.focus, .btn-instagram.disabled:active, .btn-instagram.disabled.active, .btn-instagram[disabled], .btn-instagram[disabled]:hover, .btn-instagram[disabled]:focus, .btn-instagram[disabled].focus, .btn-instagram[disabled]:active, .btn-instagram[disabled].active, fieldset[disabled] .btn-instagram, fieldset[disabled] .btn-instagram:hover, fieldset[disabled] .btn-instagram:focus, fieldset[disabled] .btn-instagram.focus, fieldset[disabled] .btn-instagram:active, fieldset[disabled] .btn-instagram.active { background-color: #3f729b; border-color: #3f729b; } .btn-instagram .badge { color: #3f729b; background-color: #fff; } .btn-linkedin { background-color: #007bb6; color: #fff; background-color: #007bb6; border-color: #007bb6; } .btn-linkedin:focus, .btn-linkedin.focus { color: #fff; background-color: #005983; border-color: #002537; } .btn-linkedin:hover { color: #fff; background-color: #005983; border-color: #005279; } .btn-linkedin:active, .btn-linkedin.active, .open > .btn-linkedin.dropdown-toggle { color: #fff; background-color: #005983; border-color: #005279; } .btn-linkedin:active:hover, .btn-linkedin:active:focus, .btn-linkedin:active.focus, .btn-linkedin.active:hover, .btn-linkedin.active:focus, .btn-linkedin.active.focus, .open > .btn-linkedin.dropdown-toggle:hover, .open > .btn-linkedin.dropdown-toggle:focus, .open > .btn-linkedin.dropdown-toggle.focus { color: #fff; background-color: #00405f; border-color: #002537; } .btn-linkedin:active, .btn-linkedin.active, .open > .btn-linkedin.dropdown-toggle { background-image: none; } .btn-linkedin.disabled, .btn-linkedin.disabled:hover, .btn-linkedin.disabled:focus, .btn-linkedin.disabled.focus, .btn-linkedin.disabled:active, .btn-linkedin.disabled.active, .btn-linkedin[disabled], .btn-linkedin[disabled]:hover, .btn-linkedin[disabled]:focus, .btn-linkedin[disabled].focus, .btn-linkedin[disabled]:active, .btn-linkedin[disabled].active, fieldset[disabled] .btn-linkedin, fieldset[disabled] .btn-linkedin:hover, fieldset[disabled] .btn-linkedin:focus, fieldset[disabled] .btn-linkedin.focus, fieldset[disabled] .btn-linkedin:active, fieldset[disabled] .btn-linkedin.active { background-color: #007bb6; border-color: #007bb6; } .btn-linkedin .badge { color: #007bb6; background-color: #fff; } .btn-microsoft { background-color: #2672ec; color: #fff; background-color: #2672ec; border-color: #2672ec; } .btn-microsoft:focus, .btn-microsoft.focus { color: #fff; background-color: #125acd; border-color: #0c3b87; } .btn-microsoft:hover { color: #fff; background-color: #125acd; border-color: #1156c4; } .btn-microsoft:active, .btn-microsoft.active, .open > .btn-microsoft.dropdown-toggle { color: #fff; background-color: #125acd; border-color: #1156c4; } .btn-microsoft:active:hover, .btn-microsoft:active:focus, .btn-microsoft:active.focus, .btn-microsoft.active:hover, .btn-microsoft.active:focus, .btn-microsoft.active.focus, .open > .btn-microsoft.dropdown-toggle:hover, .open > .btn-microsoft.dropdown-toggle:focus, .open > .btn-microsoft.dropdown-toggle.focus { color: #fff; background-color: #0f4bac; border-color: #0c3b87; } .btn-microsoft:active, .btn-microsoft.active, .open > .btn-microsoft.dropdown-toggle { background-image: none; } .btn-microsoft.disabled, .btn-microsoft.disabled:hover, .btn-microsoft.disabled:focus, .btn-microsoft.disabled.focus, .btn-microsoft.disabled:active, .btn-microsoft.disabled.active, .btn-microsoft[disabled], .btn-microsoft[disabled]:hover, .btn-microsoft[disabled]:focus, .btn-microsoft[disabled].focus, .btn-microsoft[disabled]:active, .btn-microsoft[disabled].active, fieldset[disabled] .btn-microsoft, fieldset[disabled] .btn-microsoft:hover, fieldset[disabled] .btn-microsoft:focus, fieldset[disabled] .btn-microsoft.focus, fieldset[disabled] .btn-microsoft:active, fieldset[disabled] .btn-microsoft.active { background-color: #2672ec; border-color: #2672ec; } .btn-microsoft .badge { color: #2672ec; background-color: #fff; } .btn-odnoklassniki { background-color: #f4731c; color: #fff; background-color: #f4731c; border-color: #f4731c; } .btn-odnoklassniki:focus, .btn-odnoklassniki.focus { color: #fff; background-color: #d35b0a; border-color: #8a3c07; } .btn-odnoklassniki:hover { color: #fff; background-color: #d35b0a; border-color: #c9570a; } .btn-odnoklassniki:active, .btn-odnoklassniki.active, .open > .btn-odnoklassniki.dropdown-toggle { color: #fff; background-color: #d35b0a; border-color: #c9570a; } .btn-odnoklassniki:active:hover, .btn-odnoklassniki:active:focus, .btn-odnoklassniki:active.focus, .btn-odnoklassniki.active:hover, .btn-odnoklassniki.active:focus, .btn-odnoklassniki.active.focus, .open > .btn-odnoklassniki.dropdown-toggle:hover, .open > .btn-odnoklassniki.dropdown-toggle:focus, .open > .btn-odnoklassniki.dropdown-toggle.focus { color: #fff; background-color: #b14c09; border-color: #8a3c07; } .btn-odnoklassniki:active, .btn-odnoklassniki.active, .open > .btn-odnoklassniki.dropdown-toggle { background-image: none; } .btn-odnoklassniki.disabled, .btn-odnoklassniki.disabled:hover, .btn-odnoklassniki.disabled:focus, .btn-odnoklassniki.disabled.focus, .btn-odnoklassniki.disabled:active, .btn-odnoklassniki.disabled.active, .btn-odnoklassniki[disabled], .btn-odnoklassniki[disabled]:hover, .btn-odnoklassniki[disabled]:focus, .btn-odnoklassniki[disabled].focus, .btn-odnoklassniki[disabled]:active, .btn-odnoklassniki[disabled].active, fieldset[disabled] .btn-odnoklassniki, fieldset[disabled] .btn-odnoklassniki:hover, fieldset[disabled] .btn-odnoklassniki:focus, fieldset[disabled] .btn-odnoklassniki.focus, fieldset[disabled] .btn-odnoklassniki:active, fieldset[disabled] .btn-odnoklassniki.active { background-color: #f4731c; border-color: #f4731c; } .btn-odnoklassniki .badge { color: #f4731c; background-color: #fff; } .btn-openid { background-color: #f7931e; color: #fff; background-color: #f7931e; border-color: #f7931e; } .btn-openid:focus, .btn-openid.focus { color: #fff; background-color: #da7908; border-color: #905005; } .btn-openid:hover { color: #fff; background-color: #da7908; border-color: #d07407; } .btn-openid:active, .btn-openid.active, .open > .btn-openid.dropdown-toggle { color: #fff; background-color: #da7908; border-color: #d07407; } .btn-openid:active:hover, .btn-openid:active:focus, .btn-openid:active.focus, .btn-openid.active:hover, .btn-openid.active:focus, .btn-openid.active.focus, .open > .btn-openid.dropdown-toggle:hover, .open > .btn-openid.dropdown-toggle:focus, .open > .btn-openid.dropdown-toggle.focus { color: #fff; background-color: #b86607; border-color: #905005; } .btn-openid:active, .btn-openid.active, .open > .btn-openid.dropdown-toggle { background-image: none; } .btn-openid.disabled, .btn-openid.disabled:hover, .btn-openid.disabled:focus, .btn-openid.disabled.focus, .btn-openid.disabled:active, .btn-openid.disabled.active, .btn-openid[disabled], .btn-openid[disabled]:hover, .btn-openid[disabled]:focus, .btn-openid[disabled].focus, .btn-openid[disabled]:active, .btn-openid[disabled].active, fieldset[disabled] .btn-openid, fieldset[disabled] .btn-openid:hover, fieldset[disabled] .btn-openid:focus, fieldset[disabled] .btn-openid.focus, fieldset[disabled] .btn-openid:active, fieldset[disabled] .btn-openid.active { background-color: #f7931e; border-color: #f7931e; } .btn-openid .badge { color: #f7931e; background-color: #fff; } .btn-pinterest { background-color: #cb2027; color: #fff; background-color: #cb2027; border-color: #cb2027; } .btn-pinterest:focus, .btn-pinterest.focus { color: #fff; background-color: #9f191f; border-color: #5d0f12; } .btn-pinterest:hover { color: #fff; background-color: #9f191f; border-color: #96181d; } .btn-pinterest:active, .btn-pinterest.active, .open > .btn-pinterest.dropdown-toggle { color: #fff; background-color: #9f191f; border-color: #96181d; } .btn-pinterest:active:hover, .btn-pinterest:active:focus, .btn-pinterest:active.focus, .btn-pinterest.active:hover, .btn-pinterest.active:focus, .btn-pinterest.active.focus, .open > .btn-pinterest.dropdown-toggle:hover, .open > .btn-pinterest.dropdown-toggle:focus, .open > .btn-pinterest.dropdown-toggle.focus { color: #fff; background-color: #801419; border-color: #5d0f12; } .btn-pinterest:active, .btn-pinterest.active, .open > .btn-pinterest.dropdown-toggle { background-image: none; } .btn-pinterest.disabled, .btn-pinterest.disabled:hover, .btn-pinterest.disabled:focus, .btn-pinterest.disabled.focus, .btn-pinterest.disabled:active, .btn-pinterest.disabled.active, .btn-pinterest[disabled], .btn-pinterest[disabled]:hover, .btn-pinterest[disabled]:focus, .btn-pinterest[disabled].focus, .btn-pinterest[disabled]:active, .btn-pinterest[disabled].active, fieldset[disabled] .btn-pinterest, fieldset[disabled] .btn-pinterest:hover, fieldset[disabled] .btn-pinterest:focus, fieldset[disabled] .btn-pinterest.focus, fieldset[disabled] .btn-pinterest:active, fieldset[disabled] .btn-pinterest.active { background-color: #cb2027; border-color: #cb2027; } .btn-pinterest .badge { color: #cb2027; background-color: #fff; } .btn-reddit { background-color: #eff7ff; color: #000; background-color: #eff7ff; border-color: #eff7ff; } .btn-reddit:focus, .btn-reddit.focus { color: #000; background-color: #bcddff; border-color: #70b7ff; } .btn-reddit:hover { color: #000; background-color: #bcddff; border-color: #b2d8ff; } .btn-reddit:active, .btn-reddit.active, .open > .btn-reddit.dropdown-toggle { color: #000; background-color: #bcddff; border-color: #b2d8ff; } .btn-reddit:active:hover, .btn-reddit:active:focus, .btn-reddit:active.focus, .btn-reddit.active:hover, .btn-reddit.active:focus, .btn-reddit.active.focus, .open > .btn-reddit.dropdown-toggle:hover, .open > .btn-reddit.dropdown-toggle:focus, .open > .btn-reddit.dropdown-toggle.focus { color: #000; background-color: #98ccff; border-color: #70b7ff; } .btn-reddit:active, .btn-reddit.active, .open > .btn-reddit.dropdown-toggle { background-image: none; } .btn-reddit.disabled, .btn-reddit.disabled:hover, .btn-reddit.disabled:focus, .btn-reddit.disabled.focus, .btn-reddit.disabled:active, .btn-reddit.disabled.active, .btn-reddit[disabled], .btn-reddit[disabled]:hover, .btn-reddit[disabled]:focus, .btn-reddit[disabled].focus, .btn-reddit[disabled]:active, .btn-reddit[disabled].active, fieldset[disabled] .btn-reddit, fieldset[disabled] .btn-reddit:hover, fieldset[disabled] .btn-reddit:focus, fieldset[disabled] .btn-reddit.focus, fieldset[disabled] .btn-reddit:active, fieldset[disabled] .btn-reddit.active { background-color: #eff7ff; border-color: #eff7ff; } .btn-reddit .badge { color: #eff7ff; background-color: #000; } .btn-soundcloud { background-color: #ff5500; color: #fff; background-color: #ff5500; border-color: #ff5500; } .btn-soundcloud:focus, .btn-soundcloud.focus { color: #fff; background-color: #cc4400; border-color: #802b00; } .btn-soundcloud:hover { color: #fff; background-color: #cc4400; border-color: #c24100; } .btn-soundcloud:active, .btn-soundcloud.active, .open > .btn-soundcloud.dropdown-toggle { color: #fff; background-color: #cc4400; border-color: #c24100; } .btn-soundcloud:active:hover, .btn-soundcloud:active:focus, .btn-soundcloud:active.focus, .btn-soundcloud.active:hover, .btn-soundcloud.active:focus, .btn-soundcloud.active.focus, .open > .btn-soundcloud.dropdown-toggle:hover, .open > .btn-soundcloud.dropdown-toggle:focus, .open > .btn-soundcloud.dropdown-toggle.focus { color: #fff; background-color: #a83800; border-color: #802b00; } .btn-soundcloud:active, .btn-soundcloud.active, .open > .btn-soundcloud.dropdown-toggle { background-image: none; } .btn-soundcloud.disabled, .btn-soundcloud.disabled:hover, .btn-soundcloud.disabled:focus, .btn-soundcloud.disabled.focus, .btn-soundcloud.disabled:active, .btn-soundcloud.disabled.active, .btn-soundcloud[disabled], .btn-soundcloud[disabled]:hover, .btn-soundcloud[disabled]:focus, .btn-soundcloud[disabled].focus, .btn-soundcloud[disabled]:active, .btn-soundcloud[disabled].active, fieldset[disabled] .btn-soundcloud, fieldset[disabled] .btn-soundcloud:hover, fieldset[disabled] .btn-soundcloud:focus, fieldset[disabled] .btn-soundcloud.focus, fieldset[disabled] .btn-soundcloud:active, fieldset[disabled] .btn-soundcloud.active { background-color: #ff5500; border-color: #ff5500; } .btn-soundcloud .badge { color: #ff5500; background-color: #fff; } .btn-tumblr { background-color: #2c4762; color: #fff; background-color: #2c4762; border-color: #2c4762; } .btn-tumblr:focus, .btn-tumblr.focus { color: #fff; background-color: #1c2d3f; border-color: #04070a; } .btn-tumblr:hover { color: #fff; background-color: #1c2d3f; border-color: #192838; } .btn-tumblr:active, .btn-tumblr.active, .open > .btn-tumblr.dropdown-toggle { color: #fff; background-color: #1c2d3f; border-color: #192838; } .btn-tumblr:active:hover, .btn-tumblr:active:focus, .btn-tumblr:active.focus, .btn-tumblr.active:hover, .btn-tumblr.active:focus, .btn-tumblr.active.focus, .open > .btn-tumblr.dropdown-toggle:hover, .open > .btn-tumblr.dropdown-toggle:focus, .open > .btn-tumblr.dropdown-toggle.focus { color: #fff; background-color: #111c26; border-color: #04070a; } .btn-tumblr:active, .btn-tumblr.active, .open > .btn-tumblr.dropdown-toggle { background-image: none; } .btn-tumblr.disabled, .btn-tumblr.disabled:hover, .btn-tumblr.disabled:focus, .btn-tumblr.disabled.focus, .btn-tumblr.disabled:active, .btn-tumblr.disabled.active, .btn-tumblr[disabled], .btn-tumblr[disabled]:hover, .btn-tumblr[disabled]:focus, .btn-tumblr[disabled].focus, .btn-tumblr[disabled]:active, .btn-tumblr[disabled].active, fieldset[disabled] .btn-tumblr, fieldset[disabled] .btn-tumblr:hover, fieldset[disabled] .btn-tumblr:focus, fieldset[disabled] .btn-tumblr.focus, fieldset[disabled] .btn-tumblr:active, fieldset[disabled] .btn-tumblr.active { background-color: #2c4762; border-color: #2c4762; } .btn-tumblr .badge { color: #2c4762; background-color: #fff; } .btn-twitter { background-color: #55acee; color: #fff; background-color: #55acee; border-color: #55acee; } .btn-twitter:focus, .btn-twitter.focus { color: #fff; background-color: #2795e9; border-color: #126db2; } .btn-twitter:hover { color: #fff; background-color: #2795e9; border-color: #1d91e8; } .btn-twitter:active, .btn-twitter.active, .open > .btn-twitter.dropdown-toggle { color: #fff; background-color: #2795e9; border-color: #1d91e8; } .btn-twitter:active:hover, .btn-twitter:active:focus, .btn-twitter:active.focus, .btn-twitter.active:hover, .btn-twitter.active:focus, .btn-twitter.active.focus, .open > .btn-twitter.dropdown-toggle:hover, .open > .btn-twitter.dropdown-toggle:focus, .open > .btn-twitter.dropdown-toggle.focus { color: #fff; background-color: #1583d7; border-color: #126db2; } .btn-twitter:active, .btn-twitter.active, .open > .btn-twitter.dropdown-toggle { background-image: none; } .btn-twitter.disabled, .btn-twitter.disabled:hover, .btn-twitter.disabled:focus, .btn-twitter.disabled.focus, .btn-twitter.disabled:active, .btn-twitter.disabled.active, .btn-twitter[disabled], .btn-twitter[disabled]:hover, .btn-twitter[disabled]:focus, .btn-twitter[disabled].focus, .btn-twitter[disabled]:active, .btn-twitter[disabled].active, fieldset[disabled] .btn-twitter, fieldset[disabled] .btn-twitter:hover, fieldset[disabled] .btn-twitter:focus, fieldset[disabled] .btn-twitter.focus, fieldset[disabled] .btn-twitter:active, fieldset[disabled] .btn-twitter.active { background-color: #55acee; border-color: #55acee; } .btn-twitter .badge { color: #55acee; background-color: #fff; } .btn-vimeo { background-color: #1ab7ea; color: #fff; background-color: #1ab7ea; border-color: #1ab7ea; } .btn-vimeo:focus, .btn-vimeo.focus { color: #fff; background-color: #1295bf; border-color: #0b5e79; } .btn-vimeo:hover { color: #fff; background-color: #1295bf; border-color: #118eb6; } .btn-vimeo:active, .btn-vimeo.active, .open > .btn-vimeo.dropdown-toggle { color: #fff; background-color: #1295bf; border-color: #118eb6; } .btn-vimeo:active:hover, .btn-vimeo:active:focus, .btn-vimeo:active.focus, .btn-vimeo.active:hover, .btn-vimeo.active:focus, .btn-vimeo.active.focus, .open > .btn-vimeo.dropdown-toggle:hover, .open > .btn-vimeo.dropdown-toggle:focus, .open > .btn-vimeo.dropdown-toggle.focus { color: #fff; background-color: #0f7b9f; border-color: #0b5e79; } .btn-vimeo:active, .btn-vimeo.active, .open > .btn-vimeo.dropdown-toggle { background-image: none; } .btn-vimeo.disabled, .btn-vimeo.disabled:hover, .btn-vimeo.disabled:focus, .btn-vimeo.disabled.focus, .btn-vimeo.disabled:active, .btn-vimeo.disabled.active, .btn-vimeo[disabled], .btn-vimeo[disabled]:hover, .btn-vimeo[disabled]:focus, .btn-vimeo[disabled].focus, .btn-vimeo[disabled]:active, .btn-vimeo[disabled].active, fieldset[disabled] .btn-vimeo, fieldset[disabled] .btn-vimeo:hover, fieldset[disabled] .btn-vimeo:focus, fieldset[disabled] .btn-vimeo.focus, fieldset[disabled] .btn-vimeo:active, fieldset[disabled] .btn-vimeo.active { background-color: #1ab7ea; border-color: #1ab7ea; } .btn-vimeo .badge { color: #1ab7ea; background-color: #fff; } .btn-vk { background-color: #587ea3; color: #fff; background-color: #587ea3; border-color: #587ea3; } .btn-vk:focus, .btn-vk.focus { color: #fff; background-color: #466482; border-color: #2b3e50; } .btn-vk:hover { color: #fff; background-color: #466482; border-color: #435f7b; } .btn-vk:active, .btn-vk.active, .open > .btn-vk.dropdown-toggle { color: #fff; background-color: #466482; border-color: #435f7b; } .btn-vk:active:hover, .btn-vk:active:focus, .btn-vk:active.focus, .btn-vk.active:hover, .btn-vk.active:focus, .btn-vk.active.focus, .open > .btn-vk.dropdown-toggle:hover, .open > .btn-vk.dropdown-toggle:focus, .open > .btn-vk.dropdown-toggle.focus { color: #fff; background-color: #3a526b; border-color: #2b3e50; } .btn-vk:active, .btn-vk.active, .open > .btn-vk.dropdown-toggle { background-image: none; } .btn-vk.disabled, .btn-vk.disabled:hover, .btn-vk.disabled:focus, .btn-vk.disabled.focus, .btn-vk.disabled:active, .btn-vk.disabled.active, .btn-vk[disabled], .btn-vk[disabled]:hover, .btn-vk[disabled]:focus, .btn-vk[disabled].focus, .btn-vk[disabled]:active, .btn-vk[disabled].active, fieldset[disabled] .btn-vk, fieldset[disabled] .btn-vk:hover, fieldset[disabled] .btn-vk:focus, fieldset[disabled] .btn-vk.focus, fieldset[disabled] .btn-vk:active, fieldset[disabled] .btn-vk.active { background-color: #587ea3; border-color: #587ea3; } .btn-vk .badge { color: #587ea3; background-color: #fff; } .btn-yahoo { background-color: #720e9e; color: #fff; background-color: #720e9e; border-color: #720e9e; } .btn-yahoo:focus, .btn-yahoo.focus { color: #fff; background-color: #500a6f; border-color: #1d0429; } .btn-yahoo:hover { color: #fff; background-color: #500a6f; border-color: #490966; } .btn-yahoo:active, .btn-yahoo.active, .open > .btn-yahoo.dropdown-toggle { color: #fff; background-color: #500a6f; border-color: #490966; } .btn-yahoo:active:hover, .btn-yahoo:active:focus, .btn-yahoo:active.focus, .btn-yahoo.active:hover, .btn-yahoo.active:focus, .btn-yahoo.active.focus, .open > .btn-yahoo.dropdown-toggle:hover, .open > .btn-yahoo.dropdown-toggle:focus, .open > .btn-yahoo.dropdown-toggle.focus { color: #fff; background-color: #39074e; border-color: #1d0429; } .btn-yahoo:active, .btn-yahoo.active, .open > .btn-yahoo.dropdown-toggle { background-image: none; } .btn-yahoo.disabled, .btn-yahoo.disabled:hover, .btn-yahoo.disabled:focus, .btn-yahoo.disabled.focus, .btn-yahoo.disabled:active, .btn-yahoo.disabled.active, .btn-yahoo[disabled], .btn-yahoo[disabled]:hover, .btn-yahoo[disabled]:focus, .btn-yahoo[disabled].focus, .btn-yahoo[disabled]:active, .btn-yahoo[disabled].active, fieldset[disabled] .btn-yahoo, fieldset[disabled] .btn-yahoo:hover, fieldset[disabled] .btn-yahoo:focus, fieldset[disabled] .btn-yahoo.focus, fieldset[disabled] .btn-yahoo:active, fieldset[disabled] .btn-yahoo.active { background-color: #720e9e; border-color: #720e9e; } .btn-yahoo .badge { color: #720e9e; background-color: #fff; } .sortable-list { padding: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .sortable-list li { position: relative; display: block; margin-bottom: -0.0625rem; padding: 0.9375rem; border: 0.0625rem solid #e4e4e4; background-color: #fff; cursor: move; } .sortable-list li:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .sortable-list li:last-child { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .sortable-list li.ui-state-highlight { min-height: 3.125rem; width: 100%; background: rgba(0, 0, 0, 0.01); list-style: none; } .note-editor { border-color: #e4e4e4; border-radius: 0; overflow: visible; } .note-editor .note-toolbar { margin-left: 0; padding: 0; } .note-editor .note-toolbar .btn-group { margin: 0; } .note-editor .btn-group .btn { border-radius: 0; box-shadow: none; height: 2.5rem; line-height: 2.5rem; min-width: 2.5rem; padding: 0 0.625rem; background-color: #f5f5f5; border-top: 0; border-bottom-color: #e4e4e4; border-left: 0; border-right-color: #e4e4e4; color: #59595A; } .note-editor .btn-group .btn.active, .note-editor .btn-group .btn:hover { background-color: #ececec; } .note-editor .btn-group .btn.active::before, .note-editor .btn-group .btn:hover::before { box-shadow: none; } .note-editor .btn-group .btn + .btn, .note-editor .btn-group .btn + .btn-group, .note-editor .btn-group .btn-group + .btn, .note-editor .btn-group .btn-group + .btn-group { margin-left: 0; } .note-editor .note-toolbar { border-color: #e4e4e4; border-bottom: 0; padding: 0; } .note-editor .dropdown-menu { margin: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .note-editor .note-editable { background-color: white; min-height: 9.375rem; } .sweet-alert { font-family: inherit; border-radius: 0; visibility: visible !important; } .sweet-alert h2 { color: #4c4c4d; } .sweet-alert p { color: #59595A; font-weight: inherit; font-size: 0.8125rem; } .sweet-alert button { border-radius: 0; font-size: inherit; } .sweet-alert .icon.error { border-color: #DD6777; } .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after, .sweet-alert .sa-error-container .icon, .sweet-alert .icon.error .line { background-color: #DD6777; } .sweet-alert .icon.warning { border-color: #F2B776; } .sweet-alert .icon.warning .body { background-color: #F2B776; } .sweet-alert .icon.warning .dot { background-color: #F2B776; } .sweet-alert .icon.info { border-color: #6EC7E6; } .sweet-alert .icon.info::before { background-color: #6EC7E6; } .sweet-alert .icon.info::after { background-color: #6EC7E6; } .sweet-alert .icon.success { border-color: #6FC080; } .sweet-alert .icon.success .placeholder { border-color: rgba(111, 192, 128, 0.2); } .sweet-alert .icon.success .line { background-color: #6FC080; } .sweet-alert .sa-input-error { top: 1.438rem; } .bootstrap-touchspin input { text-align: center; } .btn.bootstrap-touchspin-down, .btn.bootstrap-touchspin-up { font-size: initial !important; } .twitter-typeahead { display: block; width: 100%; } .tt-query { box-shadow: inset 0 0.0625rem 1px rgba(0, 0, 0, 0.075); } .tt-menu { width: 100%; margin: -0.0625rem 0 0.75rem; padding: 0.75rem 0; background-color: #fff; border: 0.0625rem solid #6164C1; box-shadow: none; border-radius: 0; } .tt-suggestion { padding: 0.1875rem 0.75rem; line-height: 1.5rem; } .tt-suggestion:hover { cursor: pointer; color: #fff; background-color: #6164C1; } .tt-suggestion.tt-cursor { color: #fff; background-color: #6164C1; } .tt-suggestion p { margin: 0; } .inline { display: inline-block; } .m-x-n { margin-right: -1.25rem !important; margin-left: -1.25rem !important; } .m-r-n { margin-right: -1.25rem !important; } .m-l-n { margin-left: -1.25rem !important; } .m-t-n { margin-top: -1.25rem !important; } .m-b-n { margin-bottom: -1.25rem !important; } .m-x-n-g { margin-right: -0.75rem !important; margin-left: -0.75rem !important; } .m-r-n-g { margin-right: -0.75rem !important; } .m-l-n-g { margin-left: -0.75rem !important; } .m-t-n-g { margin-top: -0.75rem !important; } .m-b-n-g { margin-bottom: -0.75rem !important; } .no-bg { background-color: transparent !important; } .shadow { box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } .no-shadow { box-shadow: none; } .text-shadow { text-shadow: 0 0.0625rem 0.0625rem rgba(255, 255, 255, 0.9); } .align-middle td, td.align-middle { vertical-align: middle !important; } .relative { position: relative; } .absolute { position: absolute; } .lt { left: 0; } .rt { right: 0; } .bt { bottom: 0; } .tp { top: 0; } .no-radius { border-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .round { border-radius: 0; } .circle { border-radius: 50%; } .brtl { border-top-left-radius: 0; } .brtr { border-top-right-radius: 0; } .brbl { border-bottom-left-radius: 0; } .brbr { border-bottom-right-radius: 0; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-auto { overflow: auto; } .block { display: block; } .open .hover-inactive:hover, .open .hover-inactive:focus, .hover-inactive:hover, .hover-inactive:focus { background-color: transparent !important; } .w100 { width: 100px; } .w150 { width: 150px; } .w200 { width: 200px; } .w250 { width: 250px; } .w300 { width: 300px; } .w350 { width: 350px; } .w400 { width: 400px; } .w450 { width: 400px; } .w500 { width: 500px; } .toggle-active { cursor: pointer; } .toggle-active.active { color: #F2B776; } .no-border, .b-a-0 { border: 0; } .b-a { border: 0.0625rem solid #e4e4e4; } .b-b { border-bottom: 0.0625rem solid #e4e4e4; } .b-t { border-top: 0.0625rem solid #e4e4e4; } .b-l { border-left: 0.0625rem solid #e4e4e4; } .b-r { border-right: 0.0625rem solid #e4e4e4; } .b-t-0 { border-top: 0; } .b-r-0 { border-right: 0; } .b-b-0 { border-bottom: 0; } .b-l-0 { border-left: 0; } .avatar.bordered { border: 3px solid fade(#fff, 50%); } .border-primary { border-color: #6164C1; } .border-default { border-color: #e2e2e2; } .border-warning { border-color: #F2B776; } .border-success { border-color: #6FC080; } .border-info { border-color: #6EC7E6; } .border-white { border-color: white; } .border-danger { border-color: #DD6777; } .full-height { height: 100%; } [data-animation] { visibility: hidden; } .animated { visibility: visible !important; } .visible { visibility: visible; } .scrollable { overflow: hidden; position: relative; } .scroll { overflow-x: hidden; overflow-y: auto; } .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-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-xs-left { text-align: left; } .text-xs-right { text-align: right; } .text-xs-center { text-align: center; } @media (min-width: 34em) { .text-sm-left { text-align: left; } .text-sm-right { text-align: right; } .text-sm-center { text-align: center; } } @media (min-width: 48em) { .text-md-left { text-align: left; } .text-md-right { text-align: right; } .text-md-center { text-align: center; } } @media (min-width: 62em) { .text-lg-left { text-align: left; } .text-lg-right { text-align: right; } .text-lg-center { text-align: center; } } @media (min-width: 75em) { .text-xl-left { text-align: left; } .text-xl-right { text-align: right; } .text-xl-center { text-align: center; } } .m-a-0 { margin: 0 !important; } .m-t-0 { margin-top: 0 !important; } .m-r-0 { margin-right: 0 !important; } .m-b-0 { margin-bottom: 0 !important; } .m-l-0 { margin-left: 0 !important; } .m-x-0 { margin-right: 0 !important; margin-left: 0 !important; } .m-y-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-a { margin: 1rem !important; } .m-t { margin-top: 1rem !important; } .m-r { margin-right: 1rem !important; } .m-b { margin-bottom: 1rem !important; } .m-l { margin-left: 1rem !important; } .m-x { margin-right: 1rem !important; margin-left: 1rem !important; } .m-y { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-x-auto { margin-right: auto !important; margin-left: auto !important; } .m-a-md { margin: 1.5rem !important; } .m-t-md { margin-top: 1.5rem !important; } .m-r-md { margin-right: 1.5rem !important; } .m-b-md { margin-bottom: 1.5rem !important; } .m-l-md { margin-left: 1.5rem !important; } .m-x-md { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .m-y-md { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .m-a-lg { margin: 3rem !important; } .m-t-lg { margin-top: 3rem !important; } .m-r-lg { margin-right: 3rem !important; } .m-b-lg { margin-bottom: 3rem !important; } .m-l-lg { margin-left: 3rem !important; } .m-x-lg { margin-right: 3rem !important; margin-left: 3rem !important; } .m-y-lg { margin-top: 3rem !important; margin-bottom: 3rem !important; } .p-a-0 { padding: 0 !important; } .p-t-0 { padding-top: 0 !important; } .p-r-0 { padding-right: 0 !important; } .p-b-0 { padding-bottom: 0 !important; } .p-l-0 { padding-left: 0 !important; } .p-x-0 { padding-right: 0 !important; padding-left: 0 !important; } .p-y-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-a { padding: 1rem !important; } .p-t { padding-top: 1rem !important; } .p-r { padding-right: 1rem !important; } .p-b { padding-bottom: 1rem !important; } .p-l { padding-left: 1rem !important; } .p-x { padding-right: 1rem !important; padding-left: 1rem !important; } .p-y { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-a-md { padding: 1.5rem !important; } .p-t-md { padding-top: 1.5rem !important; } .p-r-md { padding-right: 1.5rem !important; } .p-b-md { padding-bottom: 1.5rem !important; } .p-l-md { padding-left: 1.5rem !important; } .p-x-md { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .p-y-md { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .p-a-lg { padding: 3rem !important; } .p-t-lg { padding-top: 3rem !important; } .p-r-lg { padding-right: 3rem !important; } .p-b-lg { padding-bottom: 3rem !important; } .p-l-lg { padding-left: 3rem !important; } .p-x-lg { padding-right: 3rem !important; padding-left: 3rem !important; } .p-y-lg { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pos-f-t { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .hidden-xs-up { display: none !important; } @media (max-width: 33.9em) { .hidden-xs-down { display: none !important; } } @media (min-width: 34em) { .hidden-sm-up { display: none !important; } } @media (max-width: 47.9em) { .hidden-sm-down { display: none !important; } } @media (min-width: 48em) { .hidden-md-up { display: none !important; } } @media (max-width: 61.9em) { .hidden-md-down { display: none !important; } } @media (min-width: 62em) { .hidden-lg-up { display: none !important; } } @media (max-width: 74.9em) { .hidden-lg-down { display: none !important; } } @media (min-width: 75em) { .hidden-xl-up { display: none !important; } } .hidden-xl-down { display: none !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 .hidden-print { display: none !important; } } .color-brands { display: block; } .color-brands:before, .color-brands:after { content: " "; display: table; } .color-brands:after { clear: both; } .color-brands > div { display: inline-block; margin-right: 0.75rem; margin-bottom: 0.75rem; position: relative; width: 10%; } .color-brands .color-brand { display: inline-block; line-height: 150px; width: 100%; border-radius: 2px; overflow: hidden; text-align: center; position: relative; } .color-brands .color-brand div { width: 100%; height: 50px; line-height: 50px; } .color-brands > .color-brand { width: 10%; height: 100px; } @media (max-width: 47em) { .color-brands > div { width: 25%; } .color-brands > .color-brand { width: 25%; } } #focusedInput { border-color: #8d8fd2; box-shadow: none; } .climacon-list .climacon { display: inline-block; font: normal normal normal 14px/1 Climacons-Font; font-size: 16px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (min-width: 768px) { .form-horizontal .control-label-left { padding-top: 7px; margin-bottom: 0; text-align: left; } } .demo .slider.slider-vertical { height: 175px; } .bs-demo .btn { margin-bottom: 5px; } .tool-button .btn { margin-right: 5px; margin-bottom: 5px; } .demo-button .btn { min-width: 115px; margin-bottom: 5px; margin-right: 5px; } .demo > .dropdown { float: left; } .demo > .dropdown > .dropdown-menu { position: static; display: block; margin-bottom: 5px; visibility: visible; opacity: 1; } .demo-button2 button { margin: 0 5px 10px 0; } .demo-button3 .btn { margin-bottom: 10px; } .fontawesome-list a, .climacon-list a, .feather-list a { display: block; padding-left: 40px; height: 32px; color: #59595A; line-height: 32px; background: #fff; margin-bottom: 5px; } .fontawesome-list .fa, .climacon-list .climacon, .feather-list [class^="icon-"] { position: absolute; top: 8px; left: 20px; -webkit-transition: all 150ms linear; transition: all 150ms linear; min-width: 30px; text-align: center; } .fontawesome-list a:hover .fa, .climacon-list a:hover .climacon, .feather-list a:hover [class^="icon-"] { top: 5px; color: #6164C1; font-size: 1.5em; } .bordered-group .form-group { border-bottom: 0.0625rem solid fade(black, 6%); padding-bottom: 15px; } .bordered-group .form-group:last-child { border-bottom: 0.0625rem solid transparent; padding: 0; } .switcha > div { float: left; } .fontawesome-icon-list { margin-bottom: 35px; } .option { display: table; width: 100%; } .option > div { display: table-cell; vertical-align: middle; } .option > div:first-child { width: 200px; } .demo-skin { display: table; width: 100%; margin-bottom: 30px; } .demo-skin span { display: table-cell; height: 25px; border-top: 0.0625rem solid fade(black, 7%); border-bottom: 0.0625rem solid fade(black, 7%); } .demo-skin span:first-child { border-left: 0.0625rem solid fade(black, 7%); } .demo-skin span:last-child { border-right: 0.0625rem solid fade(black, 7%); } .sidebar-skins > div .fa, .header-skins > div .fa { display: none; visibility: hidden; } .sidebar-skins > div:hover, .header-skins > div:hover { cursor: pointer; } .sidebar-skins > div:hover .fa, .header-skins > div:hover .fa { display: inline-block; visibility: visible; } .sidebar-skins > div.active .fa, .header-skins > div.active .fa { display: inline-block; visibility: visible; color: #6FC080; } .dashboard-rickshaw { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .configuration { width: 240px; background: #fff; position: fixed; right: 0; top: 250px; margin-left: 0; z-index: 99999; box-shadow: 0 0 10px rgba(107, 107, 107, 0.2); -webkit-transition: -webkit-transform 150ms cubic-bezier(0.7, 0, 0.3, 1); -moz-transition: -moz-transform 150ms cubic-bezier(0.7, 0, 0.3, 1); -o-transition: -o-transform 150ms cubic-bezier(0.7, 0, 0.3, 1); transition: transform 150ms cubic-bezier(0.7, 0, 0.3, 1); -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -o-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .configuration.active { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .configuration-cog { width: 40px; height: 40px; position: absolute; left: -40px; line-height: 40px; font-size: 20px; text-align: center; background: #fff; box-shadow: 0 0 10px rgba(107, 107, 107, 0.2); z-index: 8; border-top-left-radius: 0; border-bottom-left-radius: 0; cursor: pointer; } .configuration-options { position: relative; z-index: 9; } .configuration .title { background: #fff; padding: 10px 15px; text-transform: uppercase; } .configuration .option { padding: 5px 15px; } .configuration .option.styles label { display: inline-block; padding: 0; margin: 0 5px 0 0; width: 30px; height: 30px; position: relative; } .configuration .option.styles input { opacity: 0; visibility: hidden; position: absolute; top: -100%; } .configuration .option.styles div { display: block; } .configuration .option.styles div:nth-child(3) { height: 9px; } .configuration .option.styles div:nth-child(4) { height: 1px; } .configuration .option.styles div:last-child { height: 20px; } .configuration .option.styles .fa { position: absolute; width: 100%; height: 100%; opacity: 0; text-align: center; line-height: 32px; background: fade(white, 30%); } .configuration .option.styles input[type=radio]:checked + .fa { opacity: 1; } .swatches { border-radius: 2px; overflow: hidden; margin-bottom: 25px; } .swatches > div { display: table; table-layout: fixed; width: 100%; min-height: 40px; padding: 0 15px; } .swatches > div:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } .swatches > div:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .swatches > div > span { display: table-cell; vertical-align: middle; } .location-selector { position: relative; list-style: none; padding: 0; border: 0.0625rem solid #e4e4e4; } .location-selector:before, .location-selector:after { content: " "; display: table; } .location-selector:after { clear: both; } .location-selector li { width: 33.33333333%; float: left; position: relative; } .location-selector li > div { width: 100%; height: 100px; background-color: #e2e2e2; cursor: pointer; text-align: center; position: relative; border: 0.0625rem solid fade(black, 5%); border-top: 0; border-left: 0; } .location-selector li > div span { position: absolute; top: 50%; width: 100%; display: block; margin-top: -9.5px; } .location-selector li.active > div { box-shadow: inset 0px 0px 0px 0.0625rem rgba(0, 0, 0, 0.05), 0px 0px 0.0625rem 0px rgba(0, 0, 0, 0.1); background-color: #efefef; } .location-selector li:hover div { background-color: #efefef; } .location-selector [data-position=topLeft] div { cursor: nw-resize; } .location-selector [data-position=top] div { cursor: n-resize; } .location-selector [data-position=topRight] div { cursor: ne-resize; } .location-selector [data-position=bottomLeft] div { cursor: sw-resize; } .location-selector [data-position=bottom] div { cursor: s-resize; } .location-selector [data-position=bottomRight] div { cursor: se-resize; }