::-moz-selection { background: #a72f5c; color: white; text-shadow: none } ::selection { background: #a72f5c; color: white; text-shadow: none } html { font-size: 16px } body, html { height: 100%; width: 100% } .app { background: #f5f5f5; width: 100%; min-height: 100%; position: relative } body { font-family: 'Inter', sans-serif; font-optical-sizing: auto; background: #f5f5f5; color: #59595a; font-size: .8125rem; line-height: 1.53846154; 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: .0625rem solid rgba(0,0,0,0.1) } img { -ms-interpolation-mode: bicubic } .img-rounded { border-radius: .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(94.062vh) } .page-height-o { height: calc(97.5vh) } @media (max-width:47em) { .page-height-xs { height: calc(94.062vh) } } @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(94.062vh) } .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 { -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); opacity: .4; filter: alpha(opacity=40) } to { -moz-transform: scale(100, 100); -webkit-transform: scale(100, 100); -ms-transform: scale(100, 100); -o-transform: scale(100, 100); transform: scale(100, 100); opacity: 0; filter: alpha(opacity=0) } } @-webkit-keyframes ripple-animation { from { -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); opacity: .4; filter: alpha(opacity=40) } to { -moz-transform: scale(100, 100); -webkit-transform: scale(100, 100); -ms-transform: scale(100, 100); -o-transform: scale(100, 100); transform: scale(100, 100); opacity: 0; filter: alpha(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: 300 } 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; filter: alpha(opacity=0); -webkit-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease } figure:hover figcaption { opacity: 1; filter: alpha(opacity=100) } figure:before { content: "?"; position: absolute; background: #fff; 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 .6s ease; -o-transition: all .6s ease; transition: all .6s ease; opacity: .8; filter: alpha(opacity=80) } figure:hover:before { opacity: 0; filter: alpha(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(.985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 42.205, 0, 0, 1); transform: matrix3d(.985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 42.205, 0, 0, 1) } 16.12% { -webkit-transform: matrix3d(.986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 43.356, 0, 0, 1); transform: matrix3d(.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, .025, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 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(.985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 42.205, 0, 0, 1); transform: matrix3d(.985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 42.205, 0, 0, 1) } 16.12% { -webkit-transform: matrix3d(.986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 43.356, 0, 0, 1); transform: matrix3d(.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, .025, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 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(.985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -42.205, 0, 0, 1); transform: matrix3d(.985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -42.205, 0, 0, 1) } 16.12% { -webkit-transform: matrix3d(.986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -43.356, 0, 0, 1); transform: matrix3d(.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, .97, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .97, 0, 0, 1) } 50% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .159, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 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, .001, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 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(.985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -42.205, 0, 0, 1); transform: matrix3d(.985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -42.205, 0, 0, 1) } 16.12% { -webkit-transform: matrix3d(.986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -43.356, 0, 0, 1); transform: matrix3d(.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, .97, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .97, 0, 0, 1) } 50% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .159, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 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, .001, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 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.99); z-index: 99999; display: table } .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: #e08fad; display: block; border-radius: 50%; opacity: .4; filter: alpha(opacity=40) } .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; filter: alpha(opacity=100) } } @keyframes blink { 50% { opacity: 1; filter: alpha(opacity=100) } } @-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: .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; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.075),0 1px .125rem rgba(0,0,0,0.25); box-shadow: 0 0 0 1px rgba(0,0,0,0.075),0 1px .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; -o-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: .8125rem; padding: 0.125rem 0.625rem; background-color: transparent; color: inherit; border: 1px 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: .375rem; height: .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; filter: alpha(opacity=0); -moz-transform: translate(30%, 0); -webkit-transform: translate(30%, 0); -ms-transform: translate(30%, 0); -o-transform: translate(30%, 0); transform: translate(30%, 0); -moz-transform: translate3d(30%, 0, 0); -o-transform: translate3d(30%, 0, 0); -ms-transform: translate3d(30%, 0, 0); -webkit-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0); -webkit-transition: transform 150ms,opacity 150ms; -o-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 { -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; filter: alpha(opacity=100); -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; filter: alpha(opacity=100); -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-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; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.075),0 1px .125rem rgba(0,0,0,0.25); box-shadow: 0 0 0 1px rgba(0,0,0,0.075),0 1px .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 > nav li.menu-accordion > a::before { -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.2); box-shadow: 0 0 0 1px rgba(0,0,0,0.2) } .sidebar-panel > nav li.open.menu-accordion > a::before { background: #d83348; -webkit-box-shadow: 0 0 0 1px #d83348; box-shadow: 0 0 0 1px #d83348 } .sidebar-panel > nav > ul > li > ul { background-color: #fff } .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: #fff } .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: #666 } .sidebar-panel > nav a:active, .sidebar-panel > nav a:focus, .sidebar-panel > nav a:hover { color: #000 !important } .sidebar-panel > nav .heading { color: #4d4d4d } .quick-launch-panel { background: #fff } .quick-launch-panel .close { background: #e6e6e6; color: #666 } .quick-launch-panel a { color: #666 } .quick-launch-panel a:hover { color: #000 } @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: .6565rem; margin-bottom: .6565rem } .main-panel > .header .btn-lg.navbar-btn { margin-top: .3125rem; margin-bottom: .3125rem } .main-panel > .header .btn-sm.navbar-btn { margin-top: .7815rem; margin-bottom: .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; -moz-transform: scale(0, 0); -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); margin-top: 0; border-color: rgba(0,0,0,0.1); background-color: #f8f8f8; -webkit-box-shadow: 0 .375rem .75rem rgba(0,0,0,0.1); box-shadow: 0 .375rem .75rem rgba(0,0,0,0.1); border-radius: .2rem; 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 { -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-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(.4, 0, .2, 1); -moz-transition: -moz-transform,150ms,cubic-bezier(.4, 0, .2, 1); transition: transform,150ms,cubic-bezier(.4, 0, .2, 1) } .main-panel > .header .search-form { margin-top: .6565rem; margin-bottom: .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: "\e07a"; 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: "\e079" } @media screen and (min-width:48em) { .header.search-open { -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.1); box-shadow: 0 0 1px 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; -webkit-box-shadow: 0 .125rem .25rem rgba(50,70,75,0.2); box-shadow: 0 .125rem .25rem rgba(50,70,75,0.2); padding: 0.625rem 1.25rem; z-index: 1; border-radius: .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: .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: .6565rem; margin-bottom: .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: #d83348 } .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: #c4384c; color: #fff } .main-panel > .header .nav .open > a, .main-panel > .header .nav .open > a:hover, .main-panel > .header .nav .open > a:focus { background-color: #c4384c; 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: .4065rem; margin-bottom: .4065rem; margin-right: 0.9375rem; margin-left: 0.5rem } .brand .toggle-chat { position: absolute; top: 0; border: 1px solid transparent; margin-top: .469rem; margin-bottom: .469rem; border-radius: 0 } .brand .toggle-offscreen { left: 0 } .header .brand .toggle-chat { right: 0 } } .main-panel { background: #f5f5f5; 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: .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: #fdfdfd; border-bottom: 1px solid #e4e4e4; padding: .3125rem .75rem; margin-left: -0.75rem; margin-right: -0.75rem; margin-top: -0.75rem; margin-bottom: .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: .5625rem; margin-bottom: .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: .375rem; padding-right: .375rem } footer.content-footer, footer.session-footer { position: absolute; bottom: 0; width: 100%; height: 2.5rem; padding: 0 .75rem; border-top: 1px solid rgba(0,0,0,0.07); z-index: 999; } footer.content-footer:before, footer.session-footer:before, footer.content-footer:after, 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: .656rem; margin-bottom: .656rem; display: inline-block; float: left } footer.content-footer .footer-text.small, footer.session-footer .footer-text.small { margin-top: .78125rem; margin-bottom: .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: .656rem; padding-bottom: .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.session-footer nav ul li a:hover, footer.content-footer nav ul li a:focus, 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.session-footer li:hover, footer.content-footer li a:hover, footer.session-footer li a:hover, footer.content-footer li a:active, 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 { -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-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(.7, 0, .3, 1); -moz-transition: -moz-transform 150ms cubic-bezier(.7, 0, .3, 1); -o-transition: -o-transform 150ms cubic-bezier(.7, 0, .3, 1); transition: transform 150ms cubic-bezier(.7, 0, .3, 1); border-left: 1px solid #e4e4e4; -moz-transform: translate(100%, 0); -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); -moz-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -webkit-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(.7, 0, .3, 1); -moz-transition: -moz-transform 150ms cubic-bezier(.7, 0, .3, 1); -o-transition: -o-transform 150ms cubic-bezier(.7, 0, .3, 1); transition: transform 150ms cubic-bezier(.7, 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: 1px 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 1px 0 white; opacity: .4; filter: alpha(opacity=40) } .chat-panel .chat-header .chat-back:hover { opacity: .5; filter: alpha(opacity=50) } .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(.7, 0, .3, 1); -o-transition: background 150ms cubic-bezier(.7, 0, .3, 1); transition: background 150ms cubic-bezier(.7, 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: #a72f5c } .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: 1px 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: .625rem; height: .625rem; border-radius: 0.375rem; background: #fff; border: 1px 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: 1px solid #6fc080 } .chat-panel .activity-feed .feed-item.inactive::after { content: "\f00d"; background: #dd6777; border: 1px solid #dd6777 } .chat-panel .activity-feed .feed-item time { display: block; position: relative; top: -0.3125rem; color: #999 } .chat-panel .activity-feed .feed-item span { position: relative; top: -0.1875rem } .chat-panel .favourite-list a { position: relative; display: block; padding: .625rem 1.25rem; border-bottom: 1px solid #e4e4e4 } .chat-panel .chat-conversation { -moz-transform: translate(100%, 0); -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); -moz-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } .chat-panel.conversation-open .chat-users { display: none } .chat-panel.conversation-open .chat-conversation { -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-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: .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: .5rem; height: .5rem; border: 1px solid #e2e2e2; border-radius: .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: #fff } .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: 1px 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: .625rem 1.25rem; background-color: #e2e2e2; float: left; border-radius: .2rem } .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: .9375rem solid #6ec7e6; border-right: 0.9375rem solid transparent } .chat-panel .chat-conversation .chat-conversation-user.them .chat-conversation-message::before { border-top: .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: 0; margin-bottom: 0; display: block; border: 0; border-radius: 0; -webkit-box-shadow: none; 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: .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: .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 !important; padding-bottom: 1.43775rem !important } @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(.7, 0, .3, 1); -moz-transition: -moz-transform 150ms cubic-bezier(.7, 0, .3, 1); -o-transition: -o-transform 150ms cubic-bezier(.7, 0, .3, 1); transition: transform 150ms cubic-bezier(.7, 0, .3, 1) } .offscreen::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: transparentize(#000, .7); z-index: 9999 } .offscreen footer.content-footer { display: none } .sidebar-panel { z-index: 9999; -moz-transform: translate(-100%, 0); -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); -moz-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .sidebar-panel.offscreen-right { -moz-transform: translate(100%, 0); -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); -moz-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } .layout-right-sidebar .sidebar-panel { -moz-transform: translate(100%, 0); -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); -moz-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } .offscreen .sidebar-panel { -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-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 { -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-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: .75rem; top: .75rem; line-height: 5rem; font-size: 3.75rem } .card-circle-bg-icon i { opacity: .2; filter: alpha(opacity=20); -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg) } .card { position: relative; margin-bottom: .75rem; border: .0625rem solid #e4e4e4; border-radius: .2rem } .card-block { padding: 1.25rem } .card-title { margin-top: 0; margin-bottom: .75rem } .card-subtitle { margin-top: -0.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: .0625rem solid #e4e4e4 } .card-header:before, .card-header:after { content: " "; display: table } .card-header:after { clear: both } .card-header:first-child { border-radius: .2rem .2rem 0 0 } .card-footer { padding: .75rem 1.25rem; background-color: #f5f5f5; border-top: .0625rem solid #e4e4e4 } .card-footer:last-child { border-radius: 0 0 .1875rem .1875rem } .card-primary { background-color: #a72f5c; border-color: #a72f5c } .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: .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: .2rem } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem } .card-img-top { border-radius: .2rem .2rem 0 0 } .card-img-bottom { border-radius: 0 0 .2rem .2rem } .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: #a72f5c; -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: 1px 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: .625rem 1.25rem; border-bottom-right-radius: .2rem; border-bottom-left-radius: .2rem } .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: 1px solid #e4e4e4 } .notifications .notifications-header p { margin: 0 } .notifications .notifications-footer { padding-top: 50.3125rem; padding-bottom: 0.3125rem; border-bottom-left-radius: .2rem; border-bottom-right-radius: .2rem } .notifications li a { font-size: .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: 1px 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: 1px solid #f1f1f1; border-radius: .2rem } .accordion .panel-heading { background-color: white !important; border-radius: .2rem } .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 { -webkit-box-shadow: 0 0 .3125rem rgba(0,0,0,0.2); box-shadow: 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: #f5f5f5; 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; -moz-transform: translate(-100%, 0); -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); -moz-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .layout-chat-open .chat-panel { -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-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; -o-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 .2s; -o-transition: all ease .2s; transition: all ease .2s } .switch span i::before { display: block; content: ''; width: 1.875rem; height: 1.875rem; border-radius: 100%; background: white; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.075),0 1px .125rem rgba(0,0,0,0.25); box-shadow: 0 0 0 1px rgba(0,0,0,0.075),0 1px .125rem rgba(0,0,0,0.25) } .switch :disabled + span i::before { background-color: #efefef } .switch :checked + span { -webkit-transition: background-color 150ms; -o-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(167,47,92,0.6) } .switch.switch-primary :checked + span i:before { background-color: #a72f5c } .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: .625em 1.25rem; border-radius: .2rem } .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: #f1f9fd; 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 } .carousel-inner { width: 100%; height: 100% } .ui-datepicker table { background-color: white; padding: 1.25rem; border: .0625em solid #e4e4e4; outline: none } .ui-datepicker table .btn { border-color: transparent } .ui-datepicker table .btn.active { -webkit-box-shadow: none; box-shadow: none } .ui-datepicker .dropdown-menu table { border: 0 } .breadcrumb { background-color: #fff; border-radius: .2rem } .breadcrumb > li + li::before { padding: 0 0.3125em; content: "\f105\00a0"; font-family: FontAwesome } .btn { padding-right: 1.25rem; padding-left: 1.25rem; outline: 0; font-size: .8125rem; border-radius: .2rem; -webkit-transition: all 150ms linear; -o-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 { -webkit-box-shadow: none; box-shadow: none } .btn-lg, .btn-group-lg > .btn { padding: 0.6875rem 1rem; font-size: 1.125rem; line-height: 1.25; border-radius: .2rem } .btn-sm, .btn-group-sm > .btn { padding: 0.3125rem 0.625rem; font-size: 0.75rem; line-height: 1.5; border-radius: .2rem } .btn-xs, .btn-group-xs > .btn { padding: 1px 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 > .dropdown-toggle.btn-default { color: #59595a; background-color: #c9c9c9; border-color: rgba(0,0,0,0.04) } .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus { color: #59595a; background-color: #b7b7b7; border-color: rgba(0,0,0,0.04) } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].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: #fff; background-color: #a72f5c; border-color: #a72f5c } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #7f2446; border-color: #441325 } .btn-primary:hover { color: #fff; background-color: #7f2446; border-color: #772242 } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #7f2446; border-color: #772242 } .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus { color: #fff; background-color: #631c37; border-color: #441325 } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #a72f5c; border-color: #a72f5c } .btn-primary .badge { color: #a72f5c; background-color: #fff } .btn-warning { color: #fff; background-color: #f2b776; border-color: #f2b776 } .btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #ee9f47; border-color: #d47914 } .btn-warning:hover { color: #fff; background-color: #ee9f47; border-color: #ed9a3e } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: #fff; background-color: #ee9f47; border-color: #ed9a3e } .btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus { color: #fff; background-color: #ea8d27; border-color: #d47914 } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background-image: none } .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color: #f2b776; border-color: #f2b776 } .btn-warning .badge { color: #f2b776; background-color: #fff } .btn-success { color: #fff; background-color: #6fc080; border-color: #6fc080 } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #4daf61; border-color: #357a44 } .btn-success:hover { color: #fff; background-color: #4daf61; border-color: #4aa85d } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #fff; background-color: #4daf61; border-color: #4aa85d } .btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus { color: #fff; background-color: #429654; border-color: #357a44 } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background-image: none } .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: #6fc080; border-color: #6fc080 } .btn-success .badge { color: #6fc080; background-color: #fff } .btn-info { color: #fff; background-color: #6ec7e6; border-color: #6ec7e6 } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #43b6de; border-color: #1f8fb5 } .btn-info:hover { color: #fff; background-color: #43b6de; border-color: #3ab3dd } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: #fff; background-color: #43b6de; border-color: #3ab3dd } .btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus { color: #fff; background-color: #25aad8; border-color: #1f8fb5 } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background-image: none } .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color: #6ec7e6; border-color: #6ec7e6 } .btn-info .badge { color: #6ec7e6; background-color: #fff } .btn-danger { color: #fff; background-color: #dd6777; border-color: #dd6777 } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #d43d52; border-color: #a12435 } .btn-danger:hover { color: #fff; background-color: #d43d52; border-color: #d2354a } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: #fff; background-color: #d43d52; border-color: #d2354a } .btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus { color: #fff; background-color: #c22b40; border-color: #a12435 } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { background-image: none } .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: #dd6777; border-color: #dd6777 } .btn-danger .badge { color: #dd6777; background-color: #fff } .btn-dark { color: #fff; background-color: #44425b; border-color: #44425b } .btn-dark:focus, .btn-dark.focus { color: #fff; background-color: #2e2d3d; border-color: #0d0c11 } .btn-dark:hover { color: #fff; background-color: #2e2d3d; border-color: #292838 } .btn-dark:active, .btn-dark.active, .open > .dropdown-toggle.btn-dark { color: #fff; background-color: #2e2d3d; border-color: #292838 } .btn-dark:active:hover, .btn-dark.active:hover, .open > .dropdown-toggle.btn-dark:hover, .btn-dark:active:focus, .btn-dark.active:focus, .open > .dropdown-toggle.btn-dark:focus, .btn-dark:active.focus, .btn-dark.active.focus, .open > .dropdown-toggle.btn-dark.focus { color: #fff; background-color: #1e1e29; border-color: #0d0c11 } .btn-dark:active, .btn-dark.active, .open > .dropdown-toggle.btn-dark { background-image: none } .btn-dark.disabled, .btn-dark[disabled], fieldset[disabled] .btn-dark, .btn-dark.disabled:hover, .btn-dark[disabled]:hover, fieldset[disabled] .btn-dark:hover, .btn-dark.disabled:focus, .btn-dark[disabled]:focus, fieldset[disabled] .btn-dark:focus, .btn-dark.disabled.focus, .btn-dark[disabled].focus, fieldset[disabled] .btn-dark.focus, .btn-dark.disabled:active, .btn-dark[disabled]:active, fieldset[disabled] .btn-dark:active, .btn-dark.disabled.active, .btn-dark[disabled].active, fieldset[disabled] .btn-dark.active { background-color: #44425b; border-color: #44425b } .btn-dark .badge { color: #44425b; background-color: #fff } .btn-shadow { box-shadow: rgba(0,0,0,0.137255) 0 .125rem .125rem 0,rgba(0,0,0,0.2) 0 .1875rem 1px -0.125rem,rgba(0,0,0,0.117647) 0 1px .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: .2rem } .dropdown-menu { border-color: #e4e4e4; border-radius: .2rem; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: opacity 150ms ease-in-out,visibility 150ms ease-in-out; -o-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: .8125rem } .open .dropdown-menu { visibility: visible; opacity: 1; filter: alpha(opacity=100) } .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: .8125rem; border-radius: .2rem; -webkit-transition: border 150ms linear; -o-transition: border 150ms linear; transition: border 150ms linear; -webkit-box-shadow: none; box-shadow: none } .form-control:focus { border-color: #cb4879; -webkit-box-shadow: none; 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: 1px 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: #a72f5c; border-radius: 50% } .cs-radio input[type="radio"]:checked:disabled + label:after { opacity: .6; filter: alpha(opacity=60); 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: .75rem; position: absolute; top: 0; left: 0; border: 1px 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: #a72f5c } .cs-checkbox input[type="checkbox"]:checked:disabled + label:after { opacity: .6; filter: alpha(opacity=60); 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; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) } .has-success .form-control:focus { border-color: #4daf61; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #b6dfbf; 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; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) } .has-warning .form-control:focus { border-color: #ee9f47; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #fbe8d3; 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; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) } .has-error .form-control:focus { border-color: #d43d52; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #f0bac2; 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: .2rem } .btn-group-vertical > .btn:last-child:not(:first-child) { border-bottom-left-radius: .2rem } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -0.125rem } .input-group-addon { font-size: .8125rem; color: #59595a; border-radius: .2rem; 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: .2rem } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { border-radius: .2rem } .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: .2rem } .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: .0625rem } .label-default { background-color: #e2e2e2; color: #59595a } .label-default[href]:hover, .label-default[href]:focus { background-color: #c9c9c9 } .label-primary { background-color: #a72f5c } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #7f2446 } .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: .2rem; border-top-left-radius: .2rem } .list-group-item:last-child { border-bottom-right-radius: .2rem; border-bottom-left-radius: .2rem } 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, button.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:focus { color: #3d8c4e; background-color: #c8e7ce } a.list-group-item-success.active, button.list-group-item-success.active, a.list-group-item-success.active:hover, button.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active:focus { color: #fff; background-color: #3d8c4e; border-color: #3d8c4e } .list-group-item-info { color: #23a0cb; background-color: #f1f9fd } 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, button.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:focus { color: #23a0cb; background-color: #dbf1f9 } a.list-group-item-info.active, button.list-group-item-info.active, a.list-group-item-info.active:hover, button.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active:focus { color: #fff; background-color: #23a0cb; border-color: #23a0cb } .list-group-item-warning { color: #e98619; background-color: #fff } 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, button.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:focus { color: #e98619; background-color: #f2f2f2 } a.list-group-item-warning.active, button.list-group-item-warning.active, a.list-group-item-warning.active:hover, button.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, 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, button.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:focus { color: #b5293c; background-color: #f4cfd4 } a.list-group-item-danger.active, button.list-group-item-danger.active, a.list-group-item-danger.active:hover, button.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, 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 { -webkit-box-shadow: none; box-shadow: none; border-radius: .2rem } .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; -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-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: #fff } .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: #a72f5c; color: #fff } .nav-pills > li > a { border-radius: .2rem } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { background-color: #a72f5c; color: white } .nav-tabs { background: transparent; padding: 0; margin: 0; border-bottom: 1px 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: .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: #a72f5c; -webkit-animation: border-expand .2s cubic-bezier(.4, 0, .4, 1) .01s alternate forwards; animation: border-expand .2s cubic-bezier(.4, 0, .4, 1) .01s alternate forwards; -webkit-transition: all 1s cubic-bezier(.4, 0, 1, 1); transition: all 1s cubic-bezier(.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: 1px 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: .2rem; border-top-right-radius: .2rem } .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: 1px 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: 1px 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: .2rem; border-bottom-left-radius: .2rem } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: .2rem; border-bottom-right-radius: .2rem } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { border-color: #d7d7d7; background-color: #f1f1f1 } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { border-color: #a72f5c; background-color: #a72f5c; color: white } .pager.pager-square li > a, .pager.pager-square li > span { border-radius: 0 } .ng-table-pagination { margin: 0 } .panel { border-radius: .2rem; position: relative; margin-bottom: .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: .2rem; border-top-left-radius: .2rem; 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: #a72f5c } .panel-primary > .panel-heading { color: #fff; background-color: #a72f5c; border-color: #a72f5c } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #a72f5c } .panel-primary > .panel-heading .badge { color: #a72f5c; background-color: #fff } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #a72f5c } .panel-success { border-color: #6fc080 } .panel-success > .panel-heading { color: #fff; 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: #fff } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #6fc080 } .panel-warning { border-color: #f2b776 } .panel-warning > .panel-heading { color: #fff; 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: #fff } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #f2b776 } .panel-danger { border-color: #dd6777 } .panel-danger > .panel-heading { color: #fff; 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: #fff } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #dd6777 } .panel-info { border-color: #6ec7e6 } .panel-info > .panel-heading { color: #fff; 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: #fff } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #6ec7e6 } .accordion-toggle { font-size: .8125rem } .popover { -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05); box-shadow: 0 1px 1px rgba(0,0,0,0.05); font-family: inherit; font-size: inherit; border-radius: .2rem; border-color: #e4e4e4; padding: 0 } .popover .popover-title { border-bottom-color: #e4e4e4; background-color: #fafbfd; border-top-left-radius: .2rem; border-top-right-radius: .2rem } .popover .popover-content:last-child { border-bottom-left-radius: .2rem; border-bottom-right-radius: .2rem } .progress { margin-bottom: 1.25rem; height: 0.1875rem; background-color: #d0dbec; -webkit-box-shadow: none; box-shadow: none; border-radius: 0 } .progress-bar { background-color: #a72f5c; -webkit-box-shadow: none; 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 > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: .625rem 1.25rem; border-color: #e4e4e4 } .table.table-condensed > thead > tr > th, .table.table-condensed > tbody > tr > th, .table.table-condensed > tfoot > tr > th, .table.table-condensed > thead > tr > td, .table.table-condensed > tbody > tr > td, .table.table-condensed > tfoot > tr > td { padding: .35rem 1.25rem } .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 } .table-striped > tbody > tr:nth-child(even) { background-color: #f3f3f3 } .table-bordered { border-color: #e4e4e4 } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border-color: #e4e4e4; border-top: 0; border-left: 0 } .table-bordered > thead > tr > th:first-child, .table-bordered > tbody > tr > th:first-child, .table-bordered > tfoot > tr > th:first-child, .table-bordered > thead > tr > td:first-child, .table-bordered > tbody > tr > td:first-child, .table-bordered > tfoot > tr > td:first-child { border-left: 0 } .table-bordered > thead > tr > th:last-child, .table-bordered > tbody > tr > th:last-child, .table-bordered > tfoot > tr > th:last-child, .table-bordered > thead > tr > td:last-child, .table-bordered > tbody > tr > td: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: .2rem; 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: 1px solid #e4e4e4 } .no-more-tables td { position: relative; padding-left: 50% !important; border-top: 0 !important; border-bottom: 1px 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: 1px solid #babcbf } .flip-scroll th:last-child, .flip-scroll td:last-child { border-bottom: 1px solid #babcbf } } .tooltip-inner { border-radius: .2rem; background-color: .2rem; background: rgba(0,0,0,0.6); padding: .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; filter: alpha(opacity=100) } .bg-primary { background-color: #a72f5c } a.bg-primary:hover, a.bg-primary:focus { background-color: #7f2446 } .bg-primary-dark { background-color: #932951 } a.bg-primary-dark:hover, a.bg-primary-dark:focus { background-color: #6b1e3b } .bg-primary-darker { background-color: #7f2446 } a.bg-primary-darker:hover, a.bg-primary-darker:focus { background-color: #571930 } .bg-primary-light { background-color: #bb3567 } a.bg-primary-light:hover, a.bg-primary-light:focus { background-color: #932951 } .bg-primary-lighter { background-color: #c94073 } a.bg-primary-lighter:hover, a.bg-primary-lighter:focus { background-color: #a72f5c } .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-#fff { background-color: #fff } a.bg-#fff:hover, a.bg-#fff:focus { background-color: #e6e6e6 } .bg-#fff-dark { background-color: #f2f2f2 } a.bg-#fff-dark:hover, a.bg-#fff-dark:focus { background-color: #d9d9d9 } .bg-#fff-darker { background-color: #e6e6e6 } a.bg-#fff-darker:hover, a.bg-#fff-darker:focus { background-color: #ccc } .bg-#fff-light { background-color: #fff } a.bg-#fff-light:hover, a.bg-#fff-light:focus { background-color: #e6e6e6 } .bg-#fff-lighter { background-color: #fff } a.bg-#fff-lighter:hover, a.bg-#fff-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-#f00 { background-color: #f44336 } a.bg-#f00:hover, a.bg-#f00:focus { background-color: #ea1c0d } .bg-#f00-dark { background-color: #f32c1e } a.bg-#f00-dark:hover, a.bg-#f00-dark:focus { background-color: #d2190b } .bg-#f00-darker { background-color: #ea1c0d } a.bg-#f00-darker:hover, a.bg-#f00-darker:focus { background-color: #ba160a } .bg-#f00-light { background-color: #f55a4e } a.bg-#f00-light:hover, a.bg-#f00-light:focus { background-color: #f32c1e } .bg-#f00-lighter { background-color: #f77066 } a.bg-#f00-lighter:hover, a.bg-#f00-lighter:focus { background-color: #f44336 } .bg-#ffc0cb { background-color: #e91e63 } a.bg-#ffc0cb:hover, a.bg-#ffc0cb:focus { background-color: #c1134e } .bg-#ffc0cb-dark { background-color: #d81557 } a.bg-#ffc0cb-dark:hover, a.bg-#ffc0cb-dark:focus { background-color: #aa1145 } .bg-#ffc0cb-darker { background-color: #c1134e } a.bg-#ffc0cb-darker:hover, a.bg-#ffc0cb-darker:focus { background-color: #930e3b } .bg-#ffc0cb-light { background-color: #eb3573 } a.bg-#ffc0cb-light:hover, a.bg-#ffc0cb-light:focus { background-color: #d81557 } .bg-#ffc0cb-lighter { background-color: #ee4c83 } a.bg-#ffc0cb-lighter:hover, a.bg-#ffc0cb-lighter:focus { background-color: #e91e63 } .bg-#800080 { background-color: #9c27b0 } a.bg-#800080:hover, a.bg-#800080:focus { background-color: #771e86 } .bg-#800080-dark { background-color: #89229b } a.bg-#800080-dark:hover, a.bg-#800080-dark:focus { background-color: #641971 } .bg-#800080-darker { background-color: #771e86 } a.bg-#800080-darker:hover, a.bg-#800080-darker:focus { background-color: #52145d } .bg-#800080-light { background-color: #af2cc5 } a.bg-#800080-light:hover, a.bg-#800080-light:focus { background-color: #89229b } .bg-#800080-lighter { background-color: #bc37d3 } a.bg-#800080-lighter:hover, a.bg-#800080-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-#4b0082 { background-color: #3f51b5 } a.bg-#4b0082:hover, a.bg-#4b0082:focus { background-color: #32408f } .bg-#4b0082-dark { background-color: #3849a2 } a.bg-#4b0082-dark:hover, a.bg-#4b0082-dark:focus { background-color: #2b387c } .bg-#4b0082-darker { background-color: #32408f } a.bg-#4b0082-darker:hover, a.bg-#4b0082-darker:focus { background-color: #252f69 } .bg-#4b0082-light { background-color: #4d5ec1 } a.bg-#4b0082-light:hover, a.bg-#4b0082-light:focus { background-color: #3849a2 } .bg-#4b0082-lighter { background-color: #606fc7 } a.bg-#4b0082-lighter:hover, a.bg-#4b0082-lighter:focus { background-color: #3f51b5 } .bg-#00f { background-color: #2196f3 } a.bg-#00f:hover, a.bg-#00f:focus { background-color: #0c7cd5 } .bg-#00f-dark { background-color: #0d8aee } a.bg-#00f-dark:hover, a.bg-#00f-dark:focus { background-color: #0a6ebd } .bg-#00f-darker { background-color: #0c7cd5 } a.bg-#00f-darker:hover, a.bg-#00f-darker:focus { background-color: #0960a5 } .bg-#00f-light { background-color: #39a1f4 } a.bg-#00f-light:hover, a.bg-#00f-light:focus { background-color: #0d8aee } .bg-#00f-lighter { background-color: #51adf6 } a.bg-#00f-lighter:hover, a.bg-#00f-lighter:focus { background-color: #2196f3 } .bg-#add8e6 { background-color: #03a9f4 } a.bg-#add8e6:hover, a.bg-#add8e6:focus { background-color: #0286c2 } .bg-#add8e6-dark { background-color: #0398db } a.bg-#add8e6-dark:hover, a.bg-#add8e6-dark:focus { background-color: #0275a8 } .bg-#add8e6-darker { background-color: #0286c2 } a.bg-#add8e6-darker:hover, a.bg-#add8e6-darker:focus { background-color: #02638f } .bg-#add8e6-light { background-color: #14b4fc } a.bg-#add8e6-light:hover, a.bg-#add8e6-light:focus { background-color: #0398db } .bg-#add8e6-lighter { background-color: #2ebcfc } a.bg-#add8e6-lighter:hover, a.bg-#add8e6-lighter:focus { background-color: #03a9f4 } .bg-#0ff { background-color: #00bcd4 } a.bg-#0ff:hover, a.bg-#0ff:focus { background-color: #008fa1 } .bg-#0ff-dark { background-color: #00a5bb } a.bg-#0ff-dark:hover, a.bg-#0ff-dark:focus { background-color: #007888 } .bg-#0ff-darker { background-color: #008fa1 } a.bg-#0ff-darker:hover, a.bg-#0ff-darker:focus { background-color: #00626e } .bg-#0ff-light { background-color: #00d3ee } a.bg-#0ff-light:hover, a.bg-#0ff-light:focus { background-color: #00a5bb } .bg-#0ff-lighter { background-color: #08e3ff } a.bg-#0ff-lighter:hover, a.bg-#0ff-lighter:focus { background-color: #00bcd4 } .bg-#008080 { background-color: #009688 } a.bg-#008080:hover, a.bg-#008080:focus { background-color: #00635a } .bg-#008080-dark { background-color: #007d71 } a.bg-#008080-dark:hover, a.bg-#008080-dark:focus { background-color: #004a43 } .bg-#008080-darker { background-color: #00635a } a.bg-#008080-darker:hover, a.bg-#008080-darker:focus { background-color: #00302c } .bg-#008080-light { background-color: #00b09f } a.bg-#008080-light:hover, a.bg-#008080-light:focus { background-color: #007d71 } .bg-#008080-lighter { background-color: #00c9b6 } a.bg-#008080-lighter:hover, a.bg-#008080-lighter:focus { background-color: #009688 } .bg-#008000 { background-color: #4caf50 } a.bg-#008000:hover, a.bg-#008000:focus { background-color: #3d8b40 } .bg-#008000-dark { background-color: #449d48 } a.bg-#008000-dark:hover, a.bg-#008000-dark:focus { background-color: #357a38 } .bg-#008000-darker { background-color: #3d8b40 } a.bg-#008000-darker:hover, a.bg-#008000-darker:focus { background-color: #2d682f } .bg-#008000-light { background-color: #5cb860 } a.bg-#008000-light:hover, a.bg-#008000-light:focus { background-color: #449d48 } .bg-#008000-lighter { background-color: #6ec071 } a.bg-#008000-lighter:hover, a.bg-#008000-lighter:focus { background-color: #4caf50 } .bg-#90ee90 { background-color: #74d108 } a.bg-#90ee90:hover, a.bg-#90ee90:focus { background-color: #59a006 } .bg-#90ee90-dark { background-color: #66b807 } a.bg-#90ee90-dark:hover, a.bg-#90ee90-dark:focus { background-color: #4b8705 } .bg-#90ee90-darker { background-color: #59a006 } a.bg-#90ee90-darker:hover, a.bg-#90ee90-darker:focus { background-color: #3d6f04 } .bg-#90ee90-light { background-color: #82ea09 } a.bg-#90ee90-light:hover, a.bg-#90ee90-light:focus { background-color: #66b807 } .bg-#90ee90-lighter { background-color: #8ef616 } a.bg-#90ee90-lighter:hover, a.bg-#90ee90-lighter:focus { background-color: #74d108 } .bg-#0f0 { background-color: #cddc39 } a.bg-#0f0:hover, a.bg-#0f0:focus { background-color: #b2c022 } .bg-#0f0-dark { background-color: #c6d626 } a.bg-#0f0-dark:hover, a.bg-#0f0-dark:focus { background-color: #9daa1e } .bg-#0f0-darker { background-color: #b2c022 } a.bg-#0f0-darker:hover, a.bg-#0f0-darker:focus { background-color: #89951a } .bg-#0f0-light { background-color: #d2e04f } a.bg-#0f0-light:hover, a.bg-#0f0-light:focus { background-color: #c6d626 } .bg-#0f0-lighter { background-color: #d8e464 } a.bg-#0f0-lighter:hover, a.bg-#0f0-lighter:focus { background-color: #cddc39 } .bg-#ff0 { background-color: #ffeb3b } a.bg-#ff0:hover, a.bg-#ff0:focus { background-color: #ffe608 } .bg-#ff0-dark { background-color: #ffe821 } a.bg-#ff0-dark:hover, a.bg-#ff0-dark:focus { background-color: #eed500 } .bg-#ff0-darker { background-color: #ffe608 } a.bg-#ff0-darker:hover, a.bg-#ff0-darker:focus { background-color: #d4be00 } .bg-#ff0-light { background-color: #fe5 } a.bg-#ff0-light:hover, a.bg-#ff0-light:focus { background-color: #ffe822 } .bg-#ff0-lighter { background-color: #fff06e } a.bg-#ff0-lighter:hover, a.bg-#ff0-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-#ffa500 { background-color: #ff9800 } a.bg-#ffa500:hover, a.bg-#ffa500:focus { background-color: #cc7a00 } .bg-#ffa500-dark { background-color: #e68900 } a.bg-#ffa500-dark:hover, a.bg-#ffa500-dark:focus { background-color: #b36a00 } .bg-#ffa500-darker { background-color: #cc7a00 } a.bg-#ffa500-darker:hover, a.bg-#ffa500-darker:focus { background-color: #995b00 } .bg-#ffa500-light { background-color: #ffa21a } a.bg-#ffa500-light:hover, a.bg-#ffa500-light:focus { background-color: #e68900 } .bg-#ffa500-lighter { background-color: #ffad33 } a.bg-#ffa500-lighter:hover, a.bg-#ffa500-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-#a52a2a { background-color: #795548 } a.bg-#a52a2a:hover, a.bg-#a52a2a:focus { background-color: #593f35 } .bg-#a52a2a-dark { background-color: #694a3e } a.bg-#a52a2a-dark:hover, a.bg-#a52a2a-dark:focus { background-color: #49332b } .bg-#a52a2a-darker { background-color: #593f35 } a.bg-#a52a2a-darker:hover, a.bg-#a52a2a-darker:focus { background-color: #392822 } .bg-#a52a2a-light { background-color: #896052 } a.bg-#a52a2a-light:hover, a.bg-#a52a2a-light:focus { background-color: #694a3e } .bg-#a52a2a-lighter { background-color: #996b5b } a.bg-#a52a2a-lighter:hover, a.bg-#a52a2a-lighter:focus { background-color: #795548 } .bg-#808080 { background-color: #9e9e9e } a.bg-#808080:hover, a.bg-#808080:focus { background-color: #858585 } .bg-#808080-dark { background-color: #919191 } a.bg-#808080-dark:hover, a.bg-#808080-dark:focus { background-color: #787878 } .bg-#808080-darker { background-color: #858585 } a.bg-#808080-darker:hover, a.bg-#808080-darker:focus { background-color: #6b6b6b } .bg-#808080-light { background-color: #ababab } a.bg-#808080-light:hover, a.bg-#808080-light:focus { background-color: #919191 } .bg-#808080-lighter { background-color: #b8b8b8 } a.bg-#808080-lighter:hover, a.bg-#808080-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: #a72f5c } a.text-primary:hover, a.text-primary:focus { color: #7f2446 } .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: #fff } 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: #999 } .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: #ddd; background-color: #E9E9ED; -webkit-box-shadow: none; box-shadow: none; border-radius: .2rem } .well-lg { border-radius: .2rem } .well-sm { border-radius: .2rem } .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: .8125rem; font-weight: 400 } .fullcalendar .fc td { font-weight: 700 } .fc-toolbar-title { text-transform: uppercase; } .fullcalendar .fc td, .fullcalendar .fc th { border-right: 0; border-left: 0 } .fullcalendar .fc-body { border: 1px 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: .2rem; border-bottom-left-radius: .2rem } .fullcalendar .fc-state-default.fc-corner-right { border-top-right-radius: .2rem; border-bottom-right-radius: .2rem } .fullcalendar .fc-state-default { background: transparent; border-color: #D8D8D8; border-top: 0; border-bottom: 0; border-left: 0; color: #59595a; text-shadow: none; -webkit-box-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; -webkit-box-shadow: none; box-shadow: none } .fullcalendar .fc-toolbar { background-color: #e2e2e2; margin-bottom: 0 } .fullcalendar .fc-button { line-height: 1; padding: 0 .75rem; height: 2.5rem; text-transform: capitalize } .fullcalendar .fc-toolbar h2 { font-size: 1rem; line-height: 2.5rem; padding: 0 .75rem; height: 2.5rem } .fullcalendar .fc-left > .fc-button, .fullcalendar .fc-right > .fc-button, .fullcalendar .fc-center > .fc-button, .fullcalendar .fc-left h2, .fullcalendar .fc-right h2, .fullcalendar .fc-center h2 { border-right: 1px solid #c9c9c9 } .fc-view-container { padding: .75rem } .fc .fc-toolbar > * > * { margin-left: 0 } .fc .fc-button-primary { background-color: #a72f5c !important; border-color: #a72f5c !important; box-shadow: none !important; } .fc-event { background-color: #00b09f; color: white; border-radius: 0; padding: 2px 5px; border-color: transparent; font-size: 12px; font-family: 'Inter', sans-serif !important; font-weight: normal !important; } .fc-list-day-cushion { text-transform: uppercase; font-family: 'Inter', sans-serif; } .fc-scrollgrid-sync-inner { text-transform: uppercase; font-weight: bold; font-family: 'Inter', sans-serif; } .fc-event:hover { opacity: 0.80; } .fc-event:hover > td { opacity: 0.80; } .external-event { padding: 4px; border-color: transparent; font-size: .8125rem; display: block; margin: 0 0 1px 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: #571930 } .external-events .event-primary.fc-event, .fc-event-container .event-primary.fc-event { background-color: #a72f5c; color: #571930 } .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: #a72f5c; content: '' } .event-type li a:hover, .event-type li a:focus, .event-type li a.active { border-color: #a72f5c } .event-type li a { position: relative; display: block; padding: 1px; width: 15px; height: 15px; border: 1px solid transparent } .event-type li a.event-primary::before { background-color: #a72f5c } .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 } .labels-white .flot-tick-label { color: white } .flot-x-axis > :first-child { } .dashboard-rickshaw svg, .dashboard-rickshaw .rickshaw_graph { border-radius: .2rem; 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% } .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 } .gallery a { display: block; overflow: hidden; margin-bottom: .75rem; border-radius: .2rem } .gallery a img { -webkit-transition: transform 150ms linear; -o-transition: transform 150ms linear; transition: transform 150ms linear; max-width: 100%; height: auto } .gallery a:hover img { -moz-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -o-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 } .lockcode { display: block; margin: 0 auto; max-width: 280px } .lockscreen-avatar { position: relative; max-width: 128px; margin: 0 auto } .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 { -webkit-box-shadow: 0 .125rem .25rem rgba(50,70,75,0.2); box-shadow: 0 .125rem .25rem rgba(50,70,75,0.2); display: block; margin: 100px auto; width: 100% } .app.error-page .card { -webkit-box-shadow: none; 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(-400%); width: calc(-400%) } .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; -webkit-box-shadow: none; 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: 1px solid #e4e4e4; text-align: center; margin-top: 20px; margin-bottom: 20px; height: 0 } .divider span { display: inline-block; position: relative; padding: 0 .75rem; background: #fff; top: -10px } .form-layout { margin: 0 auto; padding: 1.25rem } .form-layout input { margin-bottom: .75rem } .form-layout label { width: 100%; display: block } .form-layout .name input { float: left; display: block; width: 100%; width: -webkit-calc(49.625%); width: calc(49.625%) } .form-layout .name input.first { margin-right: .75rem } .form-layout .btn-lg { border-radius: .2rem } .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: #333 } .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, .contact-header:before, .message-header:after, .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, .contact-header .message-toolbar, .message-header .contact-toolbar, .contact-header .contact-toolbar { display: block; background: rgba(0,0,0,0.05); padding: 0 .75rem; background: #efefef; position: relative } .message-header .message-toolbar:before, .contact-header .message-toolbar:before, .message-header .contact-toolbar:before, .contact-header .contact-toolbar:before, .message-header .message-toolbar:after, .contact-header .message-toolbar:after, .message-header .contact-toolbar:after, .contact-header .contact-toolbar:after { content: " "; display: table } .message-header .message-toolbar:after, .contact-header .message-toolbar:after, .message-header .contact-toolbar:after, .contact-header .contact-toolbar:after { clear: both } .message-header .message-toolbar::after, .contact-header .message-toolbar::after, .message-header .contact-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, .contact-header .message-toolbar p, .message-header .contact-toolbar p, .contact-header .contact-toolbar p { padding: 8px 0 } .message-header .message-toolbar a, .contact-header .message-toolbar a, .message-header .contact-toolbar a, .contact-header .contact-toolbar a { color: #727274; padding: 10px 0; display: inline-block } .message-header .message-toolbar a:hover, .contact-header .message-toolbar a:hover, .message-header .contact-toolbar a:hover, .contact-header .contact-toolbar a:hover { color: #59595a } .message-files { border-top: 1px solid rgba(0,0,0,0.05); border-bottom: 1px 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: 300 } .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(.7, 0, .3, 1); -moz-transition: -moz-transform 150ms cubic-bezier(.7, 0, .3, 1); -o-transition: -o-transform 150ms cubic-bezier(.7, 0, .3, 1); transition: transform 150ms cubic-bezier(.7, 0, .3, 1); -moz-transform: translate(100%, 0); -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); -moz-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -webkit-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 { -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .contacts-list { min-height: calc(94.062vh) } .contacts-list #list1 { position: absolute } } .product-tile .product-image { border-radius: .2rem; background: white; padding: 3em; -webkit-box-shadow: 0 .125rem .25rem rgba(50,70,75,0.2); box-shadow: 0 .125rem .25rem rgba(50,70,75,0.2) } .product-tile .product-meta { position: relative; margin: .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: .375rem; padding-left: .375rem; padding-bottom: .75rem } .product-actions { padding: .75rem; text-align: right } .product-actions .cart-button { position: absolute; bottom: 6.25rem; right: .75rem; -webkit-transition: opacity .3s,transform .3s; -o-transition: opacity .3s,transform .3s; transition: opacity .3s,transform .3s; -moz-transform: translate3d(-5px, 0, 0); -o-transform: translate3d(-5px, 0, 0); -ms-transform: translate3d(-5px, 0, 0); -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0) } .product-actions .mark, .product-actions mark { position: absolute; top: 0; right: .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 #a72f5c; border-right: solid 20px #a72f5c; border-left: solid 20px transparent; border-bottom: solid 20px transparent } .no-touch .product-actions .cart-button { opacity: 0; filter: alpha(opacity=0) } .no-touch .product-tile:hover .product-actions .cart-button { opacity: 1; filter: alpha(opacity=100); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .cart-summary { position: fixed; top: 100px; right: .75rem; background: #a72f5c; color: white; border-radius: .2rem; z-index: 1; padding: .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; -webkit-box-shadow: 0 .125rem .25rem rgba(50,70,75,0.2); box-shadow: 0 .125rem .25rem rgba(50,70,75,0.2) } .profile-stats { width: 40%; float: right } .profile-user { width: 60% } .profile-sidebar-item { margin: 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: 1px 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: #a72f5c; -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .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: #333 } .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%; -webkit-box-shadow: 0 0 0 2px #fff; 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: 1px solid rgba(0,0,0,0.06) } .timeline .timeline-content { position: relative; margin-left: 60px; padding: 1.25rem; border: 1px solid #e2e2e2; background: white; border-radius: .2rem } .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% } } .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: .375rem; padding-right: .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: 1px 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: .2rem; border-bottom-right-radius: .2rem } .travel-reviews li a { font-size: .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: 1px solid #f1f1f1 } .travel-reviews .travel-reviews-list li a { position: relative; padding: 1.25rem } 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: #a72f5c; border-radius: .2rem; background: #a72f5c; color: white; font-family: inherit; padding: 0.125rem 0.3125rem } div.tagsinput span.tag a { color: white; font-size: .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: .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: .2rem } .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: .2rem; 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: .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: 1px 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: 1px solid #e4e4e4; border-bottom: 0; border-top-left-radius: .2rem; border-top-right-radius: .2rem } 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; -webkit-box-shadow: none; 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 { -webkit-box-shadow: none; 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: .2rem !important; border-bottom-right-radius: .2rem !important; outline: none !important } .c3 svg text, .c3 svg { color: #59595a; font: .625rem Arial,"Helvetica Neue",Helvetica,sans-serif } .c3 path, .c3 line { stroke: #e4e4e4 } .c3 .c3-tooltip { -webkit-box-shadow: none; box-shadow: none } .c3 .c3-tooltip tr { border-color: #a72f5c } .c3 .c3-tooltip th { background-color: #a72f5c; font-size: 0.8125rem } .c3 .c3-tooltip td { border-left-color: #a72f5c } .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; -o-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: #a72f5c } .cb-radio:hover .cb-inner { border-color: #a72f5c } .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: #a72f5c; background-color: #a72f5c } .cb-checkbox:hover .cb-inner { border-color: #a72f5c } .cb-checkbox .cb-inner, .cb-checkbox i { border-radius: .2rem } .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: .2rem } .cb-checkbox.cb-lg i, .cb-checkbox.cb-lg .cb-inner { border-radius: .2rem } .chocolat-wrapper { z-index: 10000 } .chocolat-loader { width: 24px; height: 24px; background-image: none; background-color: #a72f5c; 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 } .chosen-container .chosen-single, .chosen-container .chosen-choices { border-color: #e4e4e4; border-radius: .2rem; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: border 150ms linear; -o-transition: border 150ms linear; transition: border 150ms linear; -webkit-appearance: none; font-weight: 400; font-size: .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; -webkit-box-shadow: none; box-shadow: none; border-radius: 0 0 .2rem .2rem } .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; -o-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 { -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-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; } .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: #ddd; -webkit-box-shadow: none; box-shadow: none; border-radius: .2rem } .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: 1px solid #e4e4e4; border-top: 0 } .chosen-drop-up + .chosen-container .chosen-drop { top: auto; bottom: 100%; border-top: 1px 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: .2rem; border-bottom-left-radius: .2rem } .clockpicker-popover .clockpicker-plate { border: 1px solid #e4e4e4 } .clockpicker-popover .clockpicker-button { margin: 0; padding: 0.625rem 0; border-width: 1px 0 0; border-top-left-radius: 0; border-top-right-radius: 0 } .colorpicker { padding: 0.3125rem; display: none; opacity: 1; filter: alpha(opacity=100); visibility: visible; -webkit-box-shadow: 0 1px 1px rgba(228,228,228,0.3); box-shadow: 0 1px 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 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) } table.dataTable thead .sorting::after { content: "\f0dc" } table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_asc_disabled::after { color: #f3f3f3; content: "\f0de" } table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_desc_disabled::after { color: #f3f3f3; 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; filter: alpha(opacity=100); visibility: visible; border-radius: .2rem; font-size: .8125rem; border-color: #e4e4e4; -webkit-box-shadow: 0 1px 1px rgba(228,228,228,0.3); box-shadow: 0 1px 1px rgba(228,228,228,0.3); padding: 1.25rem } .datepicker-inline { border: 1px solid #e4e4e4 } .datepicker { border-radius: .2rem } .datepicker-dropdown { display: none; opacity: 1; filter: alpha(opacity=100); visibility: visible; border-radius: .2rem; font-size: .8125rem; border-color: #e4e4e4; -webkit-box-shadow: 0 1px 1px rgba(228,228,228,0.3); box-shadow: 0 1px 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: .2rem } .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: #fff; background-color: #a72f5c; border-color: #a72f5c; text-shadow: 0 -0.0625rem 0 rgba(0,0,0,0.25) } .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active.focus, .datepicker table tr td.active:hover.focus, .datepicker table tr td.active.disabled.focus, .datepicker table tr td.active.disabled:hover.focus { color: #fff; background-color: #7f2446; border-color: #441325 } .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: #fff; background-color: #7f2446; border-color: #772242 } .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open > .dropdown-toggle.datepicker table tr td.active, .open > .dropdown-toggle.datepicker table tr td.active:hover, .open > .dropdown-toggle.datepicker table tr td.active.disabled, .open > .dropdown-toggle.datepicker table tr td.active.disabled:hover { color: #fff; background-color: #7f2446; border-color: #772242 } .datepicker table tr td.active:active:hover, .datepicker table tr td.active:hover:active:hover, .datepicker table tr td.active.disabled:active:hover, .datepicker table tr td.active.disabled:hover:active:hover, .datepicker table tr td.active.active:hover, .datepicker table tr td.active:hover.active:hover, .datepicker table tr td.active.disabled.active:hover, .datepicker table tr td.active.disabled:hover.active:hover, .open > .dropdown-toggle.datepicker table tr td.active:hover, .open > .dropdown-toggle.datepicker table tr td.active:hover:hover, .open > .dropdown-toggle.datepicker table tr td.active.disabled:hover, .open > .dropdown-toggle.datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active:focus, .datepicker table tr td.active:hover:active:focus, .datepicker table tr td.active.disabled:active:focus, .datepicker table tr td.active.disabled:hover:active:focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active:hover.active:focus, .datepicker table tr td.active.disabled.active:focus, .datepicker table tr td.active.disabled:hover.active:focus, .open > .dropdown-toggle.datepicker table tr td.active:focus, .open > .dropdown-toggle.datepicker table tr td.active:hover:focus, .open > .dropdown-toggle.datepicker table tr td.active.disabled:focus, .open > .dropdown-toggle.datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active.focus, .datepicker table tr td.active:hover:active.focus, .datepicker table tr td.active.disabled:active.focus, .datepicker table tr td.active.disabled:hover:active.focus, .datepicker table tr td.active.active.focus, .datepicker table tr td.active:hover.active.focus, .datepicker table tr td.active.disabled.active.focus, .datepicker table tr td.active.disabled:hover.active.focus, .open > .dropdown-toggle.datepicker table tr td.active.focus, .open > .dropdown-toggle.datepicker table tr td.active:hover.focus, .open > .dropdown-toggle.datepicker table tr td.active.disabled.focus, .open > .dropdown-toggle.datepicker table tr td.active.disabled:hover.focus { color: #fff; background-color: #631c37; border-color: #441325 } .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open > .dropdown-toggle.datepicker table tr td.active, .open > .dropdown-toggle.datepicker table tr td.active:hover, .open > .dropdown-toggle.datepicker table tr td.active.disabled, .open > .dropdown-toggle.datepicker table tr td.active.disabled:hover { background-image: none } .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td.active, fieldset[disabled] .datepicker table tr td.active:hover, fieldset[disabled] .datepicker table tr td.active.disabled, fieldset[disabled] .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover.disabled:hover, .datepicker table tr td.active.disabled.disabled:hover, .datepicker table tr td.active.disabled:hover.disabled:hover, .datepicker table tr td.active[disabled]:hover, .datepicker table tr td.active:hover[disabled]:hover, .datepicker table tr td.active.disabled[disabled]:hover, .datepicker table tr td.active.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.active:hover, fieldset[disabled] .datepicker table tr td.active:hover:hover, fieldset[disabled] .datepicker table tr td.active.disabled:hover, fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active:hover.disabled:focus, .datepicker table tr td.active.disabled.disabled:focus, .datepicker table tr td.active.disabled:hover.disabled:focus, .datepicker table tr td.active[disabled]:focus, .datepicker table tr td.active:hover[disabled]:focus, .datepicker table tr td.active.disabled[disabled]:focus, .datepicker table tr td.active.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.active:focus, fieldset[disabled] .datepicker table tr td.active:hover:focus, fieldset[disabled] .datepicker table tr td.active.disabled:focus, fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active.disabled.focus, .datepicker table tr td.active:hover.disabled.focus, .datepicker table tr td.active.disabled.disabled.focus, .datepicker table tr td.active.disabled:hover.disabled.focus, .datepicker table tr td.active[disabled].focus, .datepicker table tr td.active:hover[disabled].focus, .datepicker table tr td.active.disabled[disabled].focus, .datepicker table tr td.active.disabled:hover[disabled].focus, fieldset[disabled] .datepicker table tr td.active.focus, fieldset[disabled] .datepicker table tr td.active:hover.focus, fieldset[disabled] .datepicker table tr td.active.disabled.focus, fieldset[disabled] .datepicker table tr td.active.disabled:hover.focus, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active:hover.disabled:active, .datepicker table tr td.active.disabled.disabled:active, .datepicker table tr td.active.disabled:hover.disabled:active, .datepicker table tr td.active[disabled]:active, .datepicker table tr td.active:hover[disabled]:active, .datepicker table tr td.active.disabled[disabled]:active, .datepicker table tr td.active.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.active:active, fieldset[disabled] .datepicker table tr td.active:hover:active, fieldset[disabled] .datepicker table tr td.active.disabled:active, fieldset[disabled] .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active:hover.disabled.active, .datepicker table tr td.active.disabled.disabled.active, .datepicker table tr td.active.disabled:hover.disabled.active, .datepicker table tr td.active[disabled].active, .datepicker table tr td.active:hover[disabled].active, .datepicker table tr td.active.disabled[disabled].active, .datepicker table tr td.active.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.active.active, fieldset[disabled] .datepicker table tr td.active:hover.active, fieldset[disabled] .datepicker table tr td.active.disabled.active, fieldset[disabled] .datepicker table tr td.active.disabled:hover.active { background-color: #a72f5c; border-color: #a72f5c } .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: #a72f5c; background-color: #fff } .datepicker table tr td span { border-radius: .2rem } .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: #fff; background-color: #a72f5c; border-color: #a72f5c; 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:hover:focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.focus, .datepicker table tr td span.active:hover.focus, .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active.disabled:hover.focus { color: #fff; background-color: #7f2446; border-color: #441325 } .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: #fff; background-color: #7f2446; border-color: #772242 } .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .open > .dropdown-toggle.datepicker table tr td span.active, .open > .dropdown-toggle.datepicker table tr td span.active:hover, .open > .dropdown-toggle.datepicker table tr td span.active.disabled, .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover { color: #fff; background-color: #7f2446; border-color: #772242 } .datepicker table tr td span.active:active:hover, .datepicker table tr td span.active:hover:active:hover, .datepicker table tr td span.active.disabled:active:hover, .datepicker table tr td span.active.disabled:hover:active:hover, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active:hover.active:hover, .datepicker table tr td span.active.disabled.active:hover, .datepicker table tr td span.active.disabled:hover.active:hover, .open > .dropdown-toggle.datepicker table tr td span.active:hover, .open > .dropdown-toggle.datepicker table tr td span.active:hover:hover, .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover, .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active:focus, .datepicker table tr td span.active:hover:active:focus, .datepicker table tr td span.active.disabled:active:focus, .datepicker table tr td span.active.disabled:hover:active:focus, .datepicker table tr td span.active.active:focus, .datepicker table tr td span.active:hover.active:focus, .datepicker table tr td span.active.disabled.active:focus, .datepicker table tr td span.active.disabled:hover.active:focus, .open > .dropdown-toggle.datepicker table tr td span.active:focus, .open > .dropdown-toggle.datepicker table tr td span.active:hover:focus, .open > .dropdown-toggle.datepicker table tr td span.active.disabled:focus, .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active:active.focus, .datepicker table tr td span.active:hover:active.focus, .datepicker table tr td span.active.disabled:active.focus, .datepicker table tr td span.active.disabled:hover:active.focus, .datepicker table tr td span.active.active.focus, .datepicker table tr td span.active:hover.active.focus, .datepicker table tr td span.active.disabled.active.focus, .datepicker table tr td span.active.disabled:hover.active.focus, .open > .dropdown-toggle.datepicker table tr td span.active.focus, .open > .dropdown-toggle.datepicker table tr td span.active:hover.focus, .open > .dropdown-toggle.datepicker table tr td span.active.disabled.focus, .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover.focus { color: #fff; background-color: #631c37; border-color: #441325 } .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .open > .dropdown-toggle.datepicker table tr td span.active, .open > .dropdown-toggle.datepicker table tr td span.active:hover, .open > .dropdown-toggle.datepicker table tr td span.active.disabled, .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover { background-image: none } .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td span.active, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active.disabled, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover.disabled:hover, .datepicker table tr td span.active.disabled.disabled:hover, .datepicker table tr td span.active.disabled:hover.disabled:hover, .datepicker table tr td span.active[disabled]:hover, .datepicker table tr td span.active:hover[disabled]:hover, .datepicker table tr td span.active.disabled[disabled]:hover, .datepicker table tr td span.active.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active:hover:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active:hover.disabled:focus, .datepicker table tr td span.active.disabled.disabled:focus, .datepicker table tr td span.active.disabled:hover.disabled:focus, .datepicker table tr td span.active[disabled]:focus, .datepicker table tr td span.active:hover[disabled]:focus, .datepicker table tr td span.active.disabled[disabled]:focus, .datepicker table tr td span.active.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td span.active:focus, fieldset[disabled] .datepicker table tr td span.active:hover:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active:hover.disabled.focus, .datepicker table tr td span.active.disabled.disabled.focus, .datepicker table tr td span.active.disabled:hover.disabled.focus, .datepicker table tr td span.active[disabled].focus, .datepicker table tr td span.active:hover[disabled].focus, .datepicker table tr td span.active.disabled[disabled].focus, .datepicker table tr td span.active.disabled:hover[disabled].focus, fieldset[disabled] .datepicker table tr td span.active.focus, fieldset[disabled] .datepicker table tr td span.active:hover.focus, fieldset[disabled] .datepicker table tr td span.active.disabled.focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active:hover.disabled:active, .datepicker table tr td span.active.disabled.disabled:active, .datepicker table tr td span.active.disabled:hover.disabled:active, .datepicker table tr td span.active[disabled]:active, .datepicker table tr td span.active:hover[disabled]:active, .datepicker table tr td span.active.disabled[disabled]:active, .datepicker table tr td span.active.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td span.active:active, fieldset[disabled] .datepicker table tr td span.active:hover:active, fieldset[disabled] .datepicker table tr td span.active.disabled:active, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active:hover.disabled.active, .datepicker table tr td span.active.disabled.disabled.active, .datepicker table tr td span.active.disabled:hover.disabled.active, .datepicker table tr td span.active[disabled].active, .datepicker table tr td span.active:hover[disabled].active, .datepicker table tr td span.active.disabled[disabled].active, .datepicker table tr td span.active.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td span.active.active, fieldset[disabled] .datepicker table tr td span.active:hover.active, fieldset[disabled] .datepicker table tr td span.active.disabled.active, fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active { background-color: #a72f5c; border-color: #a72f5c } .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: #a72f5c; background-color: #fff } .input-daterange input:first-child { border-radius: .2rem 0 0 .2rem } .input-daterange input:last-child { border-radius: 0 .2rem .2rem 0 } .input-daterange .input-group-addon { background-color: #e7e7e7; border: solid #e4e4e4 } .daterangepicker { display: none; opacity: 1; filter: alpha(opacity=100); visibility: visible; border-radius: .2rem; font-size: .8125rem; -webkit-box-shadow: 0 1px 1px rgba(228,228,228,0.3); box-shadow: 0 1px 1px rgba(228,228,228,0.3); margin-top: -0.0625rem } .daterangepicker .ranges .input-mini { background-color: transparent; border-color: #e4e4e4; border-radius: .2rem; color: #59595a } .daterangepicker .calendar-date { border-radius: .2rem; border-color: #e4e4e4 } .daterangepicker td.available + td.start-date { border-radius: .2rem 0 0 .2rem } .daterangepicker td.in-range + td.end-date { border-radius: 0 .2rem .2rem 0 } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background: #e2e2e2 } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #a72f5c; border-color: #a72f5c; color: #fff } .daterangepicker td, .daterangepicker th { border-radius: .2rem } .daterangepicker .calendar th, .daterangepicker .calendar td { font-family: inherit } .daterangepicker td.start-date.end-date { border-radius: .2rem !important } .daterangepicker .ranges li { background: #e4e4e4; border-color: #e4e4e4; color: #59595a; border-radius: .2rem } .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover { background: #a72f5c; border-color: #a72f5c } .drop-box { background: white; border: 1px dashed #e4e4e4; width: 100%; text-align: center; padding: 1.563rem .75rem; margin-bottom: .75rem } .dragover { border-color: #a72f5c } .dropzone { background: white; border-width: 1px; border-color: #44425b; border-style: dashed; border-radius: .2rem; 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: .2rem; background: #e2e2e2 } .dropzone .dz-preview .dz-error-message { background: #dd6777; border-radius: .2rem } .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: #a72f5c } .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: .2rem } .my-drop-zone { border: dashed 1px #59595a; border-radius: .2rem; 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: #a72f5c; 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 #a72f5c transparent transparent; content: '' } td.legendColorBox > div { border: 0 !important; padding: 0 !important } td.legendColorBox > div > div { border-radius: .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: .2rem; -webkit-appearance: none; background: transparent; width: 100%; height: 40px; padding: 6px 12px 6px 0; font-weight: 400; font-size: .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: #cb4879; bottom: 0; left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transition: -webkit-transform .3s; transition: transform 0.3s } .input__label-content { position: relative; display: block; width: 100%; padding: 0; font-size: .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 .3s; transition: transform 0.3s } .input__field:focus + .input__label .input__label-content, .input--filled .input__label-content, .input--focused .input__label-content { color: #cb4879; -webkit-transform: translate3d(0, 0, 0) scale3d(.7, .7, 1); transform: translate3d(0, 0, 0) scale3d(.7, .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[readonly] + .input__label:after, .input__field[disabled] + .input__label:before, .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(.7, .7, 1); transform: translate3d(0, 0, 0) scale3d(.7, .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: 1px solid #e4e4e4; -webkit-transition: text-indent .3s,opacity .3s; transition: text-indent .3s,opacity .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: 1px solid #e4e4e4; -webkit-transition: height 150ms; -o-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 .3s,opacity .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: #a72f5c; 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 } .iti-flag { width: 1rem; height: 0.6875rem; -webkit-box-shadow: none; 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 { -webkit-box-shadow: none; 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) } .ioslist-group-header { width: 100% } .ioslist-group-header, .ioslist-fake-header { text-shadow: none; -moz-text-shadow: none; -webkit-text-shadow: none; padding: .25rem .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: .5rem .75rem; cursor: pointer; white-space: nowrap } .ioslist li:before, .ioslist li:after { content: " "; display: table } .ioslist li:after { clear: both } .ioslist li.active { background-color: #a72f5c; color: white } .ioslist li + li { border-top-color: #e4e4e4 } .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: .5rem; cursor: default; -ms-touch-action: none; touch-action: none; background: white; -webkit-box-shadow: #6388c0 0 0 0 1px; box-shadow: #6388c0 0 0 0 1px; cursor: pointer; outline: none; -webkit-transition: -webkit-transform 200ms cubic-bezier(.7, 0, .3, 1); -moz-transition: -moz-transform 200ms cubic-bezier(.7, 0, .3, 1); -o-transition: -o-transform 200ms cubic-bezier(.7, 0, .3, 1); transition: transform 200ms cubic-bezier(.7, 0, .3, 1) } .ui-slider .ui-slider-handle.ui-state-active { -moz-transform: scale(2, 2); -webkit-transform: scale(2, 2); -ms-transform: scale(2, 2); -o-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: -0.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: -0.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: #a72f5c } .slider-info .ui-slider-range-min, .slider-info .ui-slider-range { background-color: #6ec7e6 } .slider-info .ui-slider-handle { -webkit-box-shadow: #6ec7e6 0 0 0 1px; 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: #a72f5c } .slider-primary .ui-slider-handle { -webkit-box-shadow: #a72f5c 0 0 0 1px; box-shadow: #a72f5c 0 0 0 1px } .slider-primary .slider-handle.triangle { border-bottom-color: #a72f5c } .slider-success .ui-slider-range-min, .slider-success .ui-slider-range { background-color: #6fc080 } .slider-success .ui-slider-handle { -webkit-box-shadow: #6fc080 0 0 0 1px; 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 { -webkit-box-shadow: #f2b776 0 0 0 1px; 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 { -webkit-box-shadow: #dd6777 0 0 0 1px; box-shadow: #dd6777 0 0 0 1px } .slider-danger .slider-handle.triangle { border-bottom-color: #dd6777 } .rounded-handler .ui-slider-handle { border-radius: 50% } input.valid { border-color: #6fc080; -webkit-box-shadow: none; box-shadow: none } input.valid:focus { border-color: #4daf61; -webkit-box-shadow: none; box-shadow: none } input.error { border-color: #dd6777; -webkit-box-shadow: none; box-shadow: none } input.error:focus { border-color: #d43d52; -webkit-box-shadow: none; box-shadow: none } label.error { color: #dd6777; font-weight: 400 } .jvectormap-tip { border-radius: .2rem; border: solid 1px #a72f5c; background: #fff; 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: .2rem; border-color: #a72f5c; background-color: #a72f5c } .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: .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: .2rem } input.labelauty:not(:checked):not([disabled]) + label:hover { background-color: #ddd } input.labelauty:checked + label { background-color: #a72f5c; color: white } input.labelauty:checked:not([disabled]) + label:hover { background-color: #932951 } 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 .75rem } .ms-container .ms-selectable, .ms-container .ms-selection { color: #59595a } .ms-container .ms-list { -webkit-box-shadow: none; box-shadow: none; border-color: #e4e4e4; border-radius: .2rem } .ms-container .ms-list.ms-focus { border-color: #a72f5c; -webkit-box-shadow: none; 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: .8125rem } .ms-container .ms-selectable li.ms-hover, .ms-container .ms-selection li.ms-hover { background-color: #a72f5c; 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: 1px solid #e4e4e4; background: white; border-radius: .2rem } .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: 1px dashed #ddd } .dd-empty { border: 1px 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 { -webkit-box-shadow: .125rem .25rem .375rem 0 rgba(0,0,0,0.1); box-shadow: .125rem .25rem .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: 1px solid #e4e4e4; background: #ffffff; border-radius: .2rem } .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: 1px 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: .75rem; display: block } li.app-noty:last-child { margin-bottom: 0 } .noty_message[style] { font-size: .8125rem !important } .app-noty .noty_bar { padding: .5rem 1.25rem; border-radius: .2rem; border: 1px 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; -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-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(.7, 0, .3, 1); -o-transition: opacity 150ms cubic-bezier(.7, 0, .3, 1); transition: opacity 150ms cubic-bezier(.7, 0, .3, 1); opacity: 1; filter: alpha(opacity=100) } .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; filter: alpha(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: .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: .75rem } } .app-noty-bottom-left { bottom: 3.25rem; left: .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: .75rem } .layout-right-sidebar.layout-small-menu ~ .app-noty-bottom-left { left: .75rem } .layout-boxed ~ .app-noty-bottom-left, .layout-boxed.layout-small-menu ~ .app-noty-bottom-left { left: .75rem } } .app-noty-top { top: 4.188rem; right: .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: .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: .75rem } } .app-noty-top-left { top: 4.188rem; left: .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: .75rem } .layout-right-sidebar.layout-small-menu ~ .app-noty-top-left { left: .75rem } .layout-boxed ~ .app-noty-top-left, .layout-boxed.layout-small-menu ~ .app-noty-top-left { left: .75rem } } .noty_container_type_success .noty_bar { background-color: #6fc080; color: white } a.noty_container_type_success .noty_bar:hover, a.noty_container_type_success .noty_bar:focus { background-color: #4daf61 } .noty_container_type_information .noty_bar { background-color: #6ec7e6; color: white } a.noty_container_type_information .noty_bar:hover, a.noty_container_type_information .noty_bar:focus { background-color: #43b6de } .noty_container_type_warning .noty_bar { background-color: #f2b776; color: white } a.noty_container_type_warning .noty_bar:hover, a.noty_container_type_warning .noty_bar:focus { background-color: #ee9f47 } .noty_container_type_error .noty_bar { background-color: #dd6777; color: white } a.noty_container_type_error .noty_bar:hover, a.noty_container_type_error .noty_bar:focus { background-color: #d43d52 } .noty_container_type_confirm .noty_bar { background-color: #a72f5c; color: white } a.noty_container_type_confirm .noty_bar:hover, a.noty_container_type_confirm .noty_bar:focus { background-color: #7f2446 } .nvd3 text { font-family: inherit } .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 .2s linear,opacity .2s linear; -o-transition: background-color .2s linear,opacity .2s linear; transition: background-color .2s linear,opacity .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 .2s linear; -o-transition: background-color .2s linear; transition: background-color .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 .2s linear,opacity .2s linear; -o-transition: background-color .2s linear,opacity .2s linear; transition: background-color .2s linear,opacity .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 .2s linear; -o-transition: background-color .2s linear; transition: background-color .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; -o-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: 1px dashed #e4e4e4; background: rgba(0,0,0,0.01) } .draggable-portlets-wrapper.dragging .portlet { opacity: .8; filter: alpha(opacity=80) } .rickshaw_graph { display: block } .rickshaw_graph .detail .x_label { font-family: inherit; border-radius: .2rem } .rickshaw_graph .detail .item { border-radius: .2rem; font-family: inherit } .rickshaw_graph .x_tick { border-left: 1px dashed rgba(0,0,0,0.2) } .rickshaw_graph .x_tick .title { font-family: inherit; color: black } .rickshaw_annotation_timeline .annotation .content { border-radius: .2rem } .rickshaw_legend { font-family: inherit } .rickshaw_legend li:hover { border-radius: .2rem } .rickshaw_legend li:active { border-radius: .2rem } .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: .2rem; 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 .2rem .2rem; background-image: none } .select2-dropdown { color: #59595a; border-color: #e4e4e4; border-radius: 0 0 .2rem .2rem; -webkit-box-shadow: none; box-shadow: none } .select2-dropdown.select2-dropdown--above { border-color: #e4e4e4; border-radius: .2rem .2rem 0 0; -webkit-box-shadow: none; box-shadow: none } .select2-container--open, .select2-dropdown.select2-dropdown--above.select2-container--open { border-color: #a72f5c } .select2-drop-auto-width { border-color: #e4e4e4 } .select2-container .select2-selection .select2-selection__arrow { border-radius: 0 .2rem .2rem 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: #a72f5c; -webkit-box-shadow: none; box-shadow: none } .select2-dropdown-open .select2-selection { -webkit-box-shadow: none; 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: #a72f5c; 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: #a72f5c; -webkit-box-shadow: none; 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: .2rem; -webkit-box-shadow: none; box-shadow: none; background-image: none } .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-results .select2-highlighted { background: #a72f5c } .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: .2rem; border-top-left-radius: 0; border-top-right-radius: 0 } .ui-select-container[theme="select2"].direction-up .ui-select-dropdown { border-radius: .2rem; border-bottom-left-radius: 0; border-bottom-right-radius: 0; -webkit-box-shadow: none; box-shadow: none } .ui-select-container[theme="select2"] .select2-choice { height: 2.125rem; padding: 0 0 0 .75rem; border-color: #e4e4e4; line-height: 2.125rem; color: #59595a; border-radius: .2rem; background-image: none } .ui-select-container[theme="select2"] .select2-choice .select2-arrow { border-left: 0; border-radius: 0 .2rem .2rem 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: #a72f5c; -webkit-box-shadow: none; 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: #a72f5c } .ui-select-container[theme="select2"].direction-up.select2-dropdown-open .ui-select-match { border-bottom-color: #a72f5c } .ui-select-container[theme="select2"] .select2-search input { min-height: 2.125rem; font-family: inherit; font-size: .8125rem; border-color: #e4e4e4; background: white } .ui-select-container[theme="select2"] .select2-results .select2-highlighted { background: #a72f5c; color: #fff } .selectize-input { border-color: #e4e4e4; -webkit-box-shadow: none; box-shadow: none; border-radius: .2rem } .selectize-dropdown-header { border-bottom-color: #e4e4e4; background: #e2e2e2; -webkit-border-radius: .2rem .2rem 0 0; -moz-border-radius: .2rem .2rem 0 0; border-radius: .2rem .2rem 0 0 } .selectize-input.focus { -webkit-box-shadow: none; box-shadow: none } .selectize-input.dropdown-active { -webkit-border-radius: .2rem .2rem 0 0; -moz-border-radius: .2rem .2rem 0 0; border-radius: .2rem .2rem 0 0 } .selectize-dropdown { -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0 0 .2rem .2rem; -moz-border-radius: 0 0 .2rem .2rem; border-radius: 0 0 .2rem .2rem } .selectize-dropdown .create { color: white !important } .selectize-input.selectize-focus { border-color: #a72f5c !important } .ng-dirty.ng-invalid > div.selectize-input { border-color: #dd6777 } .ui-select-container[theme="selectize"].direction-up .ui-select-dropdown { -webkit-box-shadow: none; box-shadow: none } .ui-select-container[theme="selectize"] .selectize-input { border-color: #e4e4e4; padding: .4375rem .75rem; -webkit-box-shadow: none; box-shadow: none; border-radius: .2rem } .ui-select-container[theme="selectize"] .selectize-dropdown { border-color: #e4e4e4; -webkit-box-shadow: none; box-shadow: none; border-radius: 0 0 .2rem .2rem } .selectize-dropdown .active { background-color: #a72f5c; color: #fff } .btn-default-focus { border-color: #a72f5c; outline: 0; -webkit-box-shadow: none; box-shadow: none } .input-group > .ui-select-bootstrap > input.ui-select-search.form-control { border-radius: .2rem; 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: .2rem !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: #a72f5c } .ui-select-multiple .ui-select-match-item.dropping-after:after { border-color: #a72f5c } .ui-select-bootstrap .ui-select-choices-row.active > a { background-color: #a72f5c } .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 { -webkit-box-shadow: none; box-shadow: none } .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: 1px 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: 1px 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 { 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 > .dropdown-toggle.btn-adn { color: #fff; background-color: #ce563f; border-color: #cb4f37 } .btn-adn:active:hover, .btn-adn.active:hover, .open > .dropdown-toggle.btn-adn:hover, .btn-adn:active:focus, .btn-adn.active:focus, .open > .dropdown-toggle.btn-adn:focus, .btn-adn:active.focus, .btn-adn.active.focus, .open > .dropdown-toggle.btn-adn.focus { color: #fff; background-color: #b94630; border-color: #993a28 } .btn-adn:active, .btn-adn.active, .open > .dropdown-toggle.btn-adn { background-image: none } .btn-adn.disabled, .btn-adn[disabled], fieldset[disabled] .btn-adn, .btn-adn.disabled:hover, .btn-adn[disabled]:hover, fieldset[disabled] .btn-adn:hover, .btn-adn.disabled:focus, .btn-adn[disabled]:focus, fieldset[disabled] .btn-adn:focus, .btn-adn.disabled.focus, .btn-adn[disabled].focus, fieldset[disabled] .btn-adn.focus, .btn-adn.disabled:active, .btn-adn[disabled]:active, fieldset[disabled] .btn-adn:active, .btn-adn.disabled.active, .btn-adn[disabled].active, fieldset[disabled] .btn-adn.active { background-color: #d87a68; border-color: #d87a68 } .btn-adn .badge { color: #d87a68; background-color: #fff } .btn-bitbucket { 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 > .dropdown-toggle.btn-bitbucket { color: #fff; background-color: #163758; border-color: #143250 } .btn-bitbucket:active:hover, .btn-bitbucket.active:hover, .open > .dropdown-toggle.btn-bitbucket:hover, .btn-bitbucket:active:focus, .btn-bitbucket.active:focus, .open > .dropdown-toggle.btn-bitbucket:focus, .btn-bitbucket:active.focus, .btn-bitbucket.active.focus, .open > .dropdown-toggle.btn-bitbucket.focus { color: #fff; background-color: #0f253c; border-color: #07111b } .btn-bitbucket:active, .btn-bitbucket.active, .open > .dropdown-toggle.btn-bitbucket { background-image: none } .btn-bitbucket.disabled, .btn-bitbucket[disabled], fieldset[disabled] .btn-bitbucket, .btn-bitbucket.disabled:hover, .btn-bitbucket[disabled]:hover, fieldset[disabled] .btn-bitbucket:hover, .btn-bitbucket.disabled:focus, .btn-bitbucket[disabled]:focus, fieldset[disabled] .btn-bitbucket:focus, .btn-bitbucket.disabled.focus, .btn-bitbucket[disabled].focus, fieldset[disabled] .btn-bitbucket.focus, .btn-bitbucket.disabled:active, .btn-bitbucket[disabled]:active, fieldset[disabled] .btn-bitbucket:active, .btn-bitbucket.disabled.active, .btn-bitbucket[disabled].active, fieldset[disabled] .btn-bitbucket.active { background-color: #205081; border-color: #205081 } .btn-bitbucket .badge { color: #205081; background-color: #fff } .btn-dropbox { 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 > .dropdown-toggle.btn-dropbox { color: #fff; background-color: #0d6aad; border-color: #0c64a4 } .btn-dropbox:active:hover, .btn-dropbox.active:hover, .open > .dropdown-toggle.btn-dropbox:hover, .btn-dropbox:active:focus, .btn-dropbox.active:focus, .open > .dropdown-toggle.btn-dropbox:focus, .btn-dropbox:active.focus, .btn-dropbox.active.focus, .open > .dropdown-toggle.btn-dropbox.focus { color: #fff; background-color: #0a568c; border-color: #073e66 } .btn-dropbox:active, .btn-dropbox.active, .open > .dropdown-toggle.btn-dropbox { background-image: none } .btn-dropbox.disabled, .btn-dropbox[disabled], fieldset[disabled] .btn-dropbox, .btn-dropbox.disabled:hover, .btn-dropbox[disabled]:hover, fieldset[disabled] .btn-dropbox:hover, .btn-dropbox.disabled:focus, .btn-dropbox[disabled]:focus, fieldset[disabled] .btn-dropbox:focus, .btn-dropbox.disabled.focus, .btn-dropbox[disabled].focus, fieldset[disabled] .btn-dropbox.focus, .btn-dropbox.disabled:active, .btn-dropbox[disabled]:active, fieldset[disabled] .btn-dropbox:active, .btn-dropbox.disabled.active, .btn-dropbox[disabled].active, fieldset[disabled] .btn-dropbox.active { background-color: #1087dd; border-color: #1087dd } .btn-dropbox .badge { color: #1087dd; background-color: #fff } .btn-facebook { 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 > .dropdown-toggle.btn-facebook { color: #fff; background-color: #2d4373; border-color: #2a3f6c } .btn-facebook:active:hover, .btn-facebook.active:hover, .open > .dropdown-toggle.btn-facebook:hover, .btn-facebook:active:focus, .btn-facebook.active:focus, .open > .dropdown-toggle.btn-facebook:focus, .btn-facebook:active.focus, .btn-facebook.active.focus, .open > .dropdown-toggle.btn-facebook.focus { color: #fff; background-color: #23345a; border-color: #17233c } .btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook { background-image: none } .btn-facebook.disabled, .btn-facebook[disabled], fieldset[disabled] .btn-facebook, .btn-facebook.disabled:hover, .btn-facebook[disabled]:hover, fieldset[disabled] .btn-facebook:hover, .btn-facebook.disabled:focus, .btn-facebook[disabled]:focus, fieldset[disabled] .btn-facebook:focus, .btn-facebook.disabled.focus, .btn-facebook[disabled].focus, fieldset[disabled] .btn-facebook.focus, .btn-facebook.disabled:active, .btn-facebook[disabled]:active, fieldset[disabled] .btn-facebook:active, .btn-facebook.disabled.active, .btn-facebook[disabled].active, fieldset[disabled] .btn-facebook.active { background-color: #3b5998; border-color: #3b5998 } .btn-facebook .badge { color: #3b5998; background-color: #fff } .btn-flickr { 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 > .dropdown-toggle.btn-flickr { color: #fff; background-color: #cc006a; border-color: #c20064 } .btn-flickr:active:hover, .btn-flickr.active:hover, .open > .dropdown-toggle.btn-flickr:hover, .btn-flickr:active:focus, .btn-flickr.active:focus, .open > .dropdown-toggle.btn-flickr:focus, .btn-flickr:active.focus, .btn-flickr.active.focus, .open > .dropdown-toggle.btn-flickr.focus { color: #fff; background-color: #a80057; border-color: #800042 } .btn-flickr:active, .btn-flickr.active, .open > .dropdown-toggle.btn-flickr { background-image: none } .btn-flickr.disabled, .btn-flickr[disabled], fieldset[disabled] .btn-flickr, .btn-flickr.disabled:hover, .btn-flickr[disabled]:hover, fieldset[disabled] .btn-flickr:hover, .btn-flickr.disabled:focus, .btn-flickr[disabled]:focus, fieldset[disabled] .btn-flickr:focus, .btn-flickr.disabled.focus, .btn-flickr[disabled].focus, fieldset[disabled] .btn-flickr.focus, .btn-flickr.disabled:active, .btn-flickr[disabled]:active, fieldset[disabled] .btn-flickr:active, .btn-flickr.disabled.active, .btn-flickr[disabled].active, fieldset[disabled] .btn-flickr.active { background-color: #ff0084; border-color: #ff0084 } .btn-flickr .badge { color: #ff0084; background-color: #fff } .btn-foursquare { 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 > .dropdown-toggle.btn-foursquare { color: #fff; background-color: #f71752; border-color: #f70d4b } .btn-foursquare:active:hover, .btn-foursquare.active:hover, .open > .dropdown-toggle.btn-foursquare:hover, .btn-foursquare:active:focus, .btn-foursquare.active:focus, .open > .dropdown-toggle.btn-foursquare:focus, .btn-foursquare:active.focus, .btn-foursquare.active.focus, .open > .dropdown-toggle.btn-foursquare.focus { color: #fff; background-color: #e30742; border-color: #bb0636 } .btn-foursquare:active, .btn-foursquare.active, .open > .dropdown-toggle.btn-foursquare { background-image: none } .btn-foursquare.disabled, .btn-foursquare[disabled], fieldset[disabled] .btn-foursquare, .btn-foursquare.disabled:hover, .btn-foursquare[disabled]:hover, fieldset[disabled] .btn-foursquare:hover, .btn-foursquare.disabled:focus, .btn-foursquare[disabled]:focus, fieldset[disabled] .btn-foursquare:focus, .btn-foursquare.disabled.focus, .btn-foursquare[disabled].focus, fieldset[disabled] .btn-foursquare.focus, .btn-foursquare.disabled:active, .btn-foursquare[disabled]:active, fieldset[disabled] .btn-foursquare:active, .btn-foursquare.disabled.active, .btn-foursquare[disabled].active, fieldset[disabled] .btn-foursquare.active { background-color: #f94877; border-color: #f94877 } .btn-foursquare .badge { color: #f94877; background-color: #fff } .btn-github { color: #fff; background-color: #444; border-color: #444 } .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 > .dropdown-toggle.btn-github { color: #fff; background-color: #2b2b2b; border-color: #252525 } .btn-github:active:hover, .btn-github.active:hover, .open > .dropdown-toggle.btn-github:hover, .btn-github:active:focus, .btn-github.active:focus, .open > .dropdown-toggle.btn-github:focus, .btn-github:active.focus, .btn-github.active.focus, .open > .dropdown-toggle.btn-github.focus { color: #fff; background-color: #191919; border-color: #040404 } .btn-github:active, .btn-github.active, .open > .dropdown-toggle.btn-github { background-image: none } .btn-github.disabled, .btn-github[disabled], fieldset[disabled] .btn-github, .btn-github.disabled:hover, .btn-github[disabled]:hover, fieldset[disabled] .btn-github:hover, .btn-github.disabled:focus, .btn-github[disabled]:focus, fieldset[disabled] .btn-github:focus, .btn-github.disabled.focus, .btn-github[disabled].focus, fieldset[disabled] .btn-github.focus, .btn-github.disabled:active, .btn-github[disabled]:active, fieldset[disabled] .btn-github:active, .btn-github.disabled.active, .btn-github[disabled].active, fieldset[disabled] .btn-github.active { background-color: #444; border-color: #444 } .btn-github .badge { color: #444; background-color: #fff } .btn-google { 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 > .dropdown-toggle.btn-google { color: #fff; background-color: #c23321; border-color: #b93120 } .btn-google:active:hover, .btn-google.active:hover, .open > .dropdown-toggle.btn-google:hover, .btn-google:active:focus, .btn-google.active:focus, .open > .dropdown-toggle.btn-google:focus, .btn-google:active.focus, .btn-google.active.focus, .open > .dropdown-toggle.btn-google.focus { color: #fff; background-color: #a32b1c; border-color: #802216 } .btn-google:active, .btn-google.active, .open > .dropdown-toggle.btn-google { background-image: none } .btn-google.disabled, .btn-google[disabled], fieldset[disabled] .btn-google, .btn-google.disabled:hover, .btn-google[disabled]:hover, fieldset[disabled] .btn-google:hover, .btn-google.disabled:focus, .btn-google[disabled]:focus, fieldset[disabled] .btn-google:focus, .btn-google.disabled.focus, .btn-google[disabled].focus, fieldset[disabled] .btn-google.focus, .btn-google.disabled:active, .btn-google[disabled]:active, fieldset[disabled] .btn-google:active, .btn-google.disabled.active, .btn-google[disabled].active, fieldset[disabled] .btn-google.active { background-color: #dd4b39; border-color: #dd4b39 } .btn-google .badge { color: #dd4b39; background-color: #fff } .btn-instagram { 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 > .dropdown-toggle.btn-instagram { color: #fff; background-color: #305777; border-color: #2d526f } .btn-instagram:active:hover, .btn-instagram.active:hover, .open > .dropdown-toggle.btn-instagram:hover, .btn-instagram:active:focus, .btn-instagram.active:focus, .open > .dropdown-toggle.btn-instagram:focus, .btn-instagram:active.focus, .btn-instagram.active.focus, .open > .dropdown-toggle.btn-instagram.focus { color: #fff; background-color: #26455d; border-color: #1a2f40 } .btn-instagram:active, .btn-instagram.active, .open > .dropdown-toggle.btn-instagram { background-image: none } .btn-instagram.disabled, .btn-instagram[disabled], fieldset[disabled] .btn-instagram, .btn-instagram.disabled:hover, .btn-instagram[disabled]:hover, fieldset[disabled] .btn-instagram:hover, .btn-instagram.disabled:focus, .btn-instagram[disabled]:focus, fieldset[disabled] .btn-instagram:focus, .btn-instagram.disabled.focus, .btn-instagram[disabled].focus, fieldset[disabled] .btn-instagram.focus, .btn-instagram.disabled:active, .btn-instagram[disabled]:active, fieldset[disabled] .btn-instagram:active, .btn-instagram.disabled.active, .btn-instagram[disabled].active, fieldset[disabled] .btn-instagram.active { background-color: #3f729b; border-color: #3f729b } .btn-instagram .badge { color: #3f729b; background-color: #fff } .btn-linkedin { 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 > .dropdown-toggle.btn-linkedin { color: #fff; background-color: #005983; border-color: #005279 } .btn-linkedin:active:hover, .btn-linkedin.active:hover, .open > .dropdown-toggle.btn-linkedin:hover, .btn-linkedin:active:focus, .btn-linkedin.active:focus, .open > .dropdown-toggle.btn-linkedin:focus, .btn-linkedin:active.focus, .btn-linkedin.active.focus, .open > .dropdown-toggle.btn-linkedin.focus { color: #fff; background-color: #00405f; border-color: #002537 } .btn-linkedin:active, .btn-linkedin.active, .open > .dropdown-toggle.btn-linkedin { background-image: none } .btn-linkedin.disabled, .btn-linkedin[disabled], fieldset[disabled] .btn-linkedin, .btn-linkedin.disabled:hover, .btn-linkedin[disabled]:hover, fieldset[disabled] .btn-linkedin:hover, .btn-linkedin.disabled:focus, .btn-linkedin[disabled]:focus, fieldset[disabled] .btn-linkedin:focus, .btn-linkedin.disabled.focus, .btn-linkedin[disabled].focus, fieldset[disabled] .btn-linkedin.focus, .btn-linkedin.disabled:active, .btn-linkedin[disabled]:active, fieldset[disabled] .btn-linkedin:active, .btn-linkedin.disabled.active, .btn-linkedin[disabled].active, fieldset[disabled] .btn-linkedin.active { background-color: #007bb6; border-color: #007bb6 } .btn-linkedin .badge { color: #007bb6; background-color: #fff } .btn-microsoft { 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 > .dropdown-toggle.btn-microsoft { color: #fff; background-color: #125acd; border-color: #1156c4 } .btn-microsoft:active:hover, .btn-microsoft.active:hover, .open > .dropdown-toggle.btn-microsoft:hover, .btn-microsoft:active:focus, .btn-microsoft.active:focus, .open > .dropdown-toggle.btn-microsoft:focus, .btn-microsoft:active.focus, .btn-microsoft.active.focus, .open > .dropdown-toggle.btn-microsoft.focus { color: #fff; background-color: #0f4bac; border-color: #0c3b87 } .btn-microsoft:active, .btn-microsoft.active, .open > .dropdown-toggle.btn-microsoft { background-image: none } .btn-microsoft.disabled, .btn-microsoft[disabled], fieldset[disabled] .btn-microsoft, .btn-microsoft.disabled:hover, .btn-microsoft[disabled]:hover, fieldset[disabled] .btn-microsoft:hover, .btn-microsoft.disabled:focus, .btn-microsoft[disabled]:focus, fieldset[disabled] .btn-microsoft:focus, .btn-microsoft.disabled.focus, .btn-microsoft[disabled].focus, fieldset[disabled] .btn-microsoft.focus, .btn-microsoft.disabled:active, .btn-microsoft[disabled]:active, fieldset[disabled] .btn-microsoft:active, .btn-microsoft.disabled.active, .btn-microsoft[disabled].active, fieldset[disabled] .btn-microsoft.active { background-color: #2672ec; border-color: #2672ec } .btn-microsoft .badge { color: #2672ec; background-color: #fff } .btn-odnoklassniki { color: #fff; background-color: #f4731c; border-color: #f4731c } .btn-odnoklassniki:focus, .btn-odnoklassniki.focus { color: #fff; background-color: #d35b0a; border-color: #8a3b07 } .btn-odnoklassniki:hover { color: #fff; background-color: #d35b0a; border-color: #c9570a } .btn-odnoklassniki:active, .btn-odnoklassniki.active, .open > .dropdown-toggle.btn-odnoklassniki { color: #fff; background-color: #d35b0a; border-color: #c9570a } .btn-odnoklassniki:active:hover, .btn-odnoklassniki.active:hover, .open > .dropdown-toggle.btn-odnoklassniki:hover, .btn-odnoklassniki:active:focus, .btn-odnoklassniki.active:focus, .open > .dropdown-toggle.btn-odnoklassniki:focus, .btn-odnoklassniki:active.focus, .btn-odnoklassniki.active.focus, .open > .dropdown-toggle.btn-odnoklassniki.focus { color: #fff; background-color: #b14c09; border-color: #8a3b07 } .btn-odnoklassniki:active, .btn-odnoklassniki.active, .open > .dropdown-toggle.btn-odnoklassniki { background-image: none } .btn-odnoklassniki.disabled, .btn-odnoklassniki[disabled], fieldset[disabled] .btn-odnoklassniki, .btn-odnoklassniki.disabled:hover, .btn-odnoklassniki[disabled]:hover, fieldset[disabled] .btn-odnoklassniki:hover, .btn-odnoklassniki.disabled:focus, .btn-odnoklassniki[disabled]:focus, fieldset[disabled] .btn-odnoklassniki:focus, .btn-odnoklassniki.disabled.focus, .btn-odnoklassniki[disabled].focus, fieldset[disabled] .btn-odnoklassniki.focus, .btn-odnoklassniki.disabled:active, .btn-odnoklassniki[disabled]:active, fieldset[disabled] .btn-odnoklassniki:active, .btn-odnoklassniki.disabled.active, .btn-odnoklassniki[disabled].active, fieldset[disabled] .btn-odnoklassniki.active { background-color: #f4731c; border-color: #f4731c } .btn-odnoklassniki .badge { color: #f4731c; background-color: #fff } .btn-openid { 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 > .dropdown-toggle.btn-openid { color: #fff; background-color: #da7908; border-color: #d07407 } .btn-openid:active:hover, .btn-openid.active:hover, .open > .dropdown-toggle.btn-openid:hover, .btn-openid:active:focus, .btn-openid.active:focus, .open > .dropdown-toggle.btn-openid:focus, .btn-openid:active.focus, .btn-openid.active.focus, .open > .dropdown-toggle.btn-openid.focus { color: #fff; background-color: #b86607; border-color: #905005 } .btn-openid:active, .btn-openid.active, .open > .dropdown-toggle.btn-openid { background-image: none } .btn-openid.disabled, .btn-openid[disabled], fieldset[disabled] .btn-openid, .btn-openid.disabled:hover, .btn-openid[disabled]:hover, fieldset[disabled] .btn-openid:hover, .btn-openid.disabled:focus, .btn-openid[disabled]:focus, fieldset[disabled] .btn-openid:focus, .btn-openid.disabled.focus, .btn-openid[disabled].focus, fieldset[disabled] .btn-openid.focus, .btn-openid.disabled:active, .btn-openid[disabled]:active, fieldset[disabled] .btn-openid:active, .btn-openid.disabled.active, .btn-openid[disabled].active, fieldset[disabled] .btn-openid.active { background-color: #f7931e; border-color: #f7931e } .btn-openid .badge { color: #f7931e; background-color: #fff } .btn-pinterest { 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 > .dropdown-toggle.btn-pinterest { color: #fff; background-color: #9f191f; border-color: #96181d } .btn-pinterest:active:hover, .btn-pinterest.active:hover, .open > .dropdown-toggle.btn-pinterest:hover, .btn-pinterest:active:focus, .btn-pinterest.active:focus, .open > .dropdown-toggle.btn-pinterest:focus, .btn-pinterest:active.focus, .btn-pinterest.active.focus, .open > .dropdown-toggle.btn-pinterest.focus { color: #fff; background-color: #801419; border-color: #5d0f12 } .btn-pinterest:active, .btn-pinterest.active, .open > .dropdown-toggle.btn-pinterest { background-image: none } .btn-pinterest.disabled, .btn-pinterest[disabled], fieldset[disabled] .btn-pinterest, .btn-pinterest.disabled:hover, .btn-pinterest[disabled]:hover, fieldset[disabled] .btn-pinterest:hover, .btn-pinterest.disabled:focus, .btn-pinterest[disabled]:focus, fieldset[disabled] .btn-pinterest:focus, .btn-pinterest.disabled.focus, .btn-pinterest[disabled].focus, fieldset[disabled] .btn-pinterest.focus, .btn-pinterest.disabled:active, .btn-pinterest[disabled]:active, fieldset[disabled] .btn-pinterest:active, .btn-pinterest.disabled.active, .btn-pinterest[disabled].active, fieldset[disabled] .btn-pinterest.active { background-color: #cb2027; border-color: #cb2027 } .btn-pinterest .badge { color: #cb2027; background-color: #fff } .btn-reddit { 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 > .dropdown-toggle.btn-reddit { color: #000; background-color: #bcddff; border-color: #b2d8ff } .btn-reddit:active:hover, .btn-reddit.active:hover, .open > .dropdown-toggle.btn-reddit:hover, .btn-reddit:active:focus, .btn-reddit.active:focus, .open > .dropdown-toggle.btn-reddit:focus, .btn-reddit:active.focus, .btn-reddit.active.focus, .open > .dropdown-toggle.btn-reddit.focus { color: #000; background-color: #98ccff; border-color: #70b7ff } .btn-reddit:active, .btn-reddit.active, .open > .dropdown-toggle.btn-reddit { background-image: none } .btn-reddit.disabled, .btn-reddit[disabled], fieldset[disabled] .btn-reddit, .btn-reddit.disabled:hover, .btn-reddit[disabled]:hover, fieldset[disabled] .btn-reddit:hover, .btn-reddit.disabled:focus, .btn-reddit[disabled]:focus, fieldset[disabled] .btn-reddit:focus, .btn-reddit.disabled.focus, .btn-reddit[disabled].focus, fieldset[disabled] .btn-reddit.focus, .btn-reddit.disabled:active, .btn-reddit[disabled]:active, fieldset[disabled] .btn-reddit:active, .btn-reddit.disabled.active, .btn-reddit[disabled].active, fieldset[disabled] .btn-reddit.active { background-color: #eff7ff; border-color: #eff7ff } .btn-reddit .badge { color: #eff7ff; background-color: #000 } .btn-soundcloud { color: #fff; background-color: #f50; border-color: #f50 } .btn-soundcloud:focus, .btn-soundcloud.focus { color: #fff; background-color: #c40; border-color: #802b00 } .btn-soundcloud:hover { color: #fff; background-color: #c40; border-color: #c24100 } .btn-soundcloud:active, .btn-soundcloud.active, .open > .dropdown-toggle.btn-soundcloud { color: #fff; background-color: #c40; border-color: #c24100 } .btn-soundcloud:active:hover, .btn-soundcloud.active:hover, .open > .dropdown-toggle.btn-soundcloud:hover, .btn-soundcloud:active:focus, .btn-soundcloud.active:focus, .open > .dropdown-toggle.btn-soundcloud:focus, .btn-soundcloud:active.focus, .btn-soundcloud.active.focus, .open > .dropdown-toggle.btn-soundcloud.focus { color: #fff; background-color: #a83800; border-color: #802b00 } .btn-soundcloud:active, .btn-soundcloud.active, .open > .dropdown-toggle.btn-soundcloud { background-image: none } .btn-soundcloud.disabled, .btn-soundcloud[disabled], fieldset[disabled] .btn-soundcloud, .btn-soundcloud.disabled:hover, .btn-soundcloud[disabled]:hover, fieldset[disabled] .btn-soundcloud:hover, .btn-soundcloud.disabled:focus, .btn-soundcloud[disabled]:focus, fieldset[disabled] .btn-soundcloud:focus, .btn-soundcloud.disabled.focus, .btn-soundcloud[disabled].focus, fieldset[disabled] .btn-soundcloud.focus, .btn-soundcloud.disabled:active, .btn-soundcloud[disabled]:active, fieldset[disabled] .btn-soundcloud:active, .btn-soundcloud.disabled.active, .btn-soundcloud[disabled].active, fieldset[disabled] .btn-soundcloud.active { background-color: #f50; border-color: #f50 } .btn-soundcloud .badge { color: #f50; background-color: #fff } .btn-tumblr { 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 > .dropdown-toggle.btn-tumblr { color: #fff; background-color: #1c2d3f; border-color: #192838 } .btn-tumblr:active:hover, .btn-tumblr.active:hover, .open > .dropdown-toggle.btn-tumblr:hover, .btn-tumblr:active:focus, .btn-tumblr.active:focus, .open > .dropdown-toggle.btn-tumblr:focus, .btn-tumblr:active.focus, .btn-tumblr.active.focus, .open > .dropdown-toggle.btn-tumblr.focus { color: #fff; background-color: #111c26; border-color: #04070a } .btn-tumblr:active, .btn-tumblr.active, .open > .dropdown-toggle.btn-tumblr { background-image: none } .btn-tumblr.disabled, .btn-tumblr[disabled], fieldset[disabled] .btn-tumblr, .btn-tumblr.disabled:hover, .btn-tumblr[disabled]:hover, fieldset[disabled] .btn-tumblr:hover, .btn-tumblr.disabled:focus, .btn-tumblr[disabled]:focus, fieldset[disabled] .btn-tumblr:focus, .btn-tumblr.disabled.focus, .btn-tumblr[disabled].focus, fieldset[disabled] .btn-tumblr.focus, .btn-tumblr.disabled:active, .btn-tumblr[disabled]:active, fieldset[disabled] .btn-tumblr:active, .btn-tumblr.disabled.active, .btn-tumblr[disabled].active, fieldset[disabled] .btn-tumblr.active { background-color: #2c4762; border-color: #2c4762 } .btn-tumblr .badge { color: #2c4762; background-color: #fff } .btn-twitter { 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 > .dropdown-toggle.btn-twitter { color: #fff; background-color: #2795e9; border-color: #1d91e8 } .btn-twitter:active:hover, .btn-twitter.active:hover, .open > .dropdown-toggle.btn-twitter:hover, .btn-twitter:active:focus, .btn-twitter.active:focus, .open > .dropdown-toggle.btn-twitter:focus, .btn-twitter:active.focus, .btn-twitter.active.focus, .open > .dropdown-toggle.btn-twitter.focus { color: #fff; background-color: #1583d7; border-color: #126db2 } .btn-twitter:active, .btn-twitter.active, .open > .dropdown-toggle.btn-twitter { background-image: none } .btn-twitter.disabled, .btn-twitter[disabled], fieldset[disabled] .btn-twitter, .btn-twitter.disabled:hover, .btn-twitter[disabled]:hover, fieldset[disabled] .btn-twitter:hover, .btn-twitter.disabled:focus, .btn-twitter[disabled]:focus, fieldset[disabled] .btn-twitter:focus, .btn-twitter.disabled.focus, .btn-twitter[disabled].focus, fieldset[disabled] .btn-twitter.focus, .btn-twitter.disabled:active, .btn-twitter[disabled]:active, fieldset[disabled] .btn-twitter:active, .btn-twitter.disabled.active, .btn-twitter[disabled].active, fieldset[disabled] .btn-twitter.active { background-color: #55acee; border-color: #55acee } .btn-twitter .badge { color: #55acee; background-color: #fff } .btn-vimeo { 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 > .dropdown-toggle.btn-vimeo { color: #fff; background-color: #1295bf; border-color: #118eb6 } .btn-vimeo:active:hover, .btn-vimeo.active:hover, .open > .dropdown-toggle.btn-vimeo:hover, .btn-vimeo:active:focus, .btn-vimeo.active:focus, .open > .dropdown-toggle.btn-vimeo:focus, .btn-vimeo:active.focus, .btn-vimeo.active.focus, .open > .dropdown-toggle.btn-vimeo.focus { color: #fff; background-color: #0f7b9f; border-color: #0b5e79 } .btn-vimeo:active, .btn-vimeo.active, .open > .dropdown-toggle.btn-vimeo { background-image: none } .btn-vimeo.disabled, .btn-vimeo[disabled], fieldset[disabled] .btn-vimeo, .btn-vimeo.disabled:hover, .btn-vimeo[disabled]:hover, fieldset[disabled] .btn-vimeo:hover, .btn-vimeo.disabled:focus, .btn-vimeo[disabled]:focus, fieldset[disabled] .btn-vimeo:focus, .btn-vimeo.disabled.focus, .btn-vimeo[disabled].focus, fieldset[disabled] .btn-vimeo.focus, .btn-vimeo.disabled:active, .btn-vimeo[disabled]:active, fieldset[disabled] .btn-vimeo:active, .btn-vimeo.disabled.active, .btn-vimeo[disabled].active, fieldset[disabled] .btn-vimeo.active { background-color: #1ab7ea; border-color: #1ab7ea } .btn-vimeo .badge { color: #1ab7ea; background-color: #fff } .btn-vk { 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 > .dropdown-toggle.btn-vk { color: #fff; background-color: #466482; border-color: #435f7b } .btn-vk:active:hover, .btn-vk.active:hover, .open > .dropdown-toggle.btn-vk:hover, .btn-vk:active:focus, .btn-vk.active:focus, .open > .dropdown-toggle.btn-vk:focus, .btn-vk:active.focus, .btn-vk.active.focus, .open > .dropdown-toggle.btn-vk.focus { color: #fff; background-color: #3a526b; border-color: #2b3e50 } .btn-vk:active, .btn-vk.active, .open > .dropdown-toggle.btn-vk { background-image: none } .btn-vk.disabled, .btn-vk[disabled], fieldset[disabled] .btn-vk, .btn-vk.disabled:hover, .btn-vk[disabled]:hover, fieldset[disabled] .btn-vk:hover, .btn-vk.disabled:focus, .btn-vk[disabled]:focus, fieldset[disabled] .btn-vk:focus, .btn-vk.disabled.focus, .btn-vk[disabled].focus, fieldset[disabled] .btn-vk.focus, .btn-vk.disabled:active, .btn-vk[disabled]:active, fieldset[disabled] .btn-vk:active, .btn-vk.disabled.active, .btn-vk[disabled].active, fieldset[disabled] .btn-vk.active { background-color: #587ea3; border-color: #587ea3 } .btn-vk .badge { color: #587ea3; background-color: #fff } .btn-yahoo { 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 > .dropdown-toggle.btn-yahoo { color: #fff; background-color: #500a6f; border-color: #490966 } .btn-yahoo:active:hover, .btn-yahoo.active:hover, .open > .dropdown-toggle.btn-yahoo:hover, .btn-yahoo:active:focus, .btn-yahoo.active:focus, .open > .dropdown-toggle.btn-yahoo:focus, .btn-yahoo:active.focus, .btn-yahoo.active.focus, .open > .dropdown-toggle.btn-yahoo.focus { color: #fff; background-color: #39074e; border-color: #1d0429 } .btn-yahoo:active, .btn-yahoo.active, .open > .dropdown-toggle.btn-yahoo { background-image: none } .btn-yahoo.disabled, .btn-yahoo[disabled], fieldset[disabled] .btn-yahoo, .btn-yahoo.disabled:hover, .btn-yahoo[disabled]:hover, fieldset[disabled] .btn-yahoo:hover, .btn-yahoo.disabled:focus, .btn-yahoo[disabled]:focus, fieldset[disabled] .btn-yahoo:focus, .btn-yahoo.disabled.focus, .btn-yahoo[disabled].focus, fieldset[disabled] .btn-yahoo.focus, .btn-yahoo.disabled:active, .btn-yahoo[disabled]:active, fieldset[disabled] .btn-yahoo:active, .btn-yahoo.disabled.active, .btn-yahoo[disabled].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: 1px solid #e4e4e4; background-color: #fff; cursor: move } .sortable-list li:first-child { border-top-left-radius: .2rem; border-top-right-radius: .2rem } .sortable-list li:last-child { border-bottom-right-radius: .2rem; border-bottom-left-radius: .2rem } .sortable-list li.ui-state-highlight { min-height: 3.125rem; width: 100%; background: rgba(0,0,0,0.01); list-style: none } .sk-rotating-plane { width: 24px; height: 24px; background-color: #a72f5c; -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: #a72f5c; 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: -1s; animation-delay: -1s } @-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: #a72f5c; 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(.4); transform: scaleY(.4) } 20% { -webkit-transform: scaleY(1); transform: scaleY(1) } } @keyframes sk-waveStretchDelay { 0%,40%,100% { -webkit-transform: scaleY(.4); transform: scaleY(.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: #a72f5c; 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(.5); transform: translateX(30px) rotate(-90deg) scale(.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(.5); transform: translateX(0) translateY(30px) rotate(-270deg) scale(.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(.5); transform: translateX(30px) rotate(-90deg) scale(.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(.5); transform: translateX(0) translateY(30px) rotate(-270deg) scale(.5) } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg) } } .sk-spinner-pulse { width: 24px; height: 24px; background-color: #a72f5c; 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: #a72f5c; 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: #a72f5c; 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: #a72f5c; 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: #a72f5c; 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: #a72f5c; 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: #a72f5c; -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 } } .note-editor { border-color: #e4e4e4; border-radius: .2rem; 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; -webkit-box-shadow: none; 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 { -webkit-box-shadow: none; 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: .2rem; visibility: visible !important } .sweet-alert h2 { color: #4c4c4d } .sweet-alert p { color: #59595a; font-weight: inherit; font-size: .8125rem } .sweet-alert button { border-radius: .2rem; 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 } .ta-root { border: 1px 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 } .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 { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) } .tt-menu { width: 100%; margin: -0.0625rem 0 .75rem; padding: .75rem 0; background-color: #fff; border: 1px solid #a72f5c; -webkit-box-shadow: none; box-shadow: none; border-radius: .2rem } .tt-suggestion { padding: .1875rem .75rem; line-height: 1.5rem } .tt-suggestion:hover { cursor: pointer; color: #fff; background-color: #a72f5c } .tt-suggestion.tt-cursor { color: #fff; background-color: #a72f5c } .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 { -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2); box-shadow: 0 0 5px rgba(0,0,0,0.2) } .no-shadow { -webkit-box-shadow: none; box-shadow: none } .text-shadow { text-shadow: 0 1px 1px 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: .2rem } .circle { border-radius: 50% } .brtl { border-top-left-radius: .2rem } .brtr { border-top-right-radius: .2rem } .brbl { border-bottom-left-radius: .2rem } .brbr { border-bottom-right-radius: .2rem } .overflow-hidden { overflow: hidden } .overflow-visible { overflow: visible } .overflow-auto { overflow: auto } .block { display: block } .open .hover-inactive:hover, .hover-inactive:hover, .open .hover-inactive:focus, .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: 1px solid #e4e4e4 } .b-b { border-bottom: 1px solid #e4e4e4 } .b-t { border-top: 1px solid #e4e4e4 } .b-l { border-left: 1px solid #e4e4e4 } .b-r { border-right: 1px 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 rgba(255,255,255,0.5) } .border-primary { border-color: #a72f5c } .border-default { border-color: #e2e2e2 } .border-warning { border-color: #f2b776 } .border-success { border-color: #6fc080 } .border-info { border-color: #6ec7e6 } .border-white { border-color: #fff } .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: .75rem; margin-bottom: .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: #cb4879; -webkit-box-shadow: none; 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; filter: alpha(opacity=100) } .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; -o-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: #a72f5c; font-size: 1.5em } .bordered-group .form-group { border-bottom: 1px solid rgba(0,0,0,0.06); padding-bottom: 15px } .bordered-group .form-group:last-child { border-bottom: 1px 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: 1px solid rgba(0,0,0,0.07); border-bottom: 1px solid rgba(0,0,0,0.07) } .demo-skin span:first-child { border-left: 1px solid rgba(0,0,0,0.07) } .demo-skin span:last-child { border-right: 1px solid rgba(0,0,0,0.07) } .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: .2rem; border-bottom-right-radius: .2rem } .configuration { width: 240px; background: #fff; position: fixed; right: 0; top: 250px; margin-left: 0; z-index: 99999; -webkit-box-shadow: 0 0 10px rgba(107,107,107,0.2); box-shadow: 0 0 10px rgba(107,107,107,0.2); -webkit-transition: -webkit-transform 150ms cubic-bezier(.7, 0, .3, 1); -moz-transition: -moz-transform 150ms cubic-bezier(.7, 0, .3, 1); -o-transition: -o-transform 150ms cubic-bezier(.7, 0, .3, 1); transition: transform 150ms cubic-bezier(.7, 0, .3, 1); -moz-transform: translate(100%, 0); -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); -moz-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } .configuration.active { -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-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; -webkit-box-shadow: 0 0 10px rgba(107,107,107,0.2); box-shadow: 0 0 10px rgba(107,107,107,0.2); z-index: 8; border-top-left-radius: .2rem; border-bottom-left-radius: .2rem; 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; filter: alpha(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; filter: alpha(opacity=0); text-align: center; line-height: 32px; background: rgba(255,255,255,0.3) } .configuration .option.styles input[type=radio]:checked + .fa { opacity: 1; filter: alpha(opacity=100) } .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: 1px 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: 1px solid rgba(0,0,0,0.05); 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 { -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05),0 0 1px 0 rgba(0,0,0,0.1); box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05),0 0 1px 0 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 }