/* * * Xpress Framework Lite v1.3.5 - Last update: 01/01/2024 * All rights reserved (c) 2023 Domino Soft, S.A. de C.V. * Designed by: Luis Roberto Canelo Maza * Developer leader: Luis Roberto Canelo Maza * */ :root { --main-color: #1c2848; /* color for top bar */ --main-text-color: #ffffff; --main-color-dark: #245988; --primary-color: #3276b1; --primary-color-dark: #245988; --success-color: #318105; --success-color-dark: #285410; --danger-color: #b94a48; --danger-color-dark: #af1819; --main-bg: #f1f1f1; --main-bg-dark: #c2c2c2; --main-border: #ddd; --main-border-light: #efefef; --main-tabs-bg-hover: #dee2e6; --main-font: "Open Sans", sans-serif; --field-border: #e9ecef; --white-bg: #ffffff; --sidebar-width: 260px; } @import url(https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900); @import "../theme/css/spinners.css"; /* * metismenu - v1.1.3 * Easy menu jQuery plugin for Twitter Bootstrap 3 * https://github.com/onokumus/metisMenu * * Made by Osman Nuri Okumus * Under MIT License */ .arrow{float:right;line-height:1.42857}.glyphicon.arrow:before{content:"\e079"}.active>a>.glyphicon.arrow:before{content:"\e114"}.fa.arrow:before{content:"\f104"}.active>a>.fa.arrow:before{content:"\f107"}.plus-times{float:right}.fa.plus-times:before{content:"\f067"}.active>a>.fa.plus-times{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.plus-minus{float:right}.fa.plus-minus:before{content:"\f067"}.active>a>.fa.plus-minus:before{content:"\f068"} @charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */ .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1.000);animation-timing-function:cubic-bezier(.215,.61,.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1.000);animation-timing-function:cubic-bezier(.215,.61,.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{from,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{from,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{from{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{from{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{from,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{from,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1.000);animation-timing-function:cubic-bezier(.215,.61,.355,1.000)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1.000);animation-timing-function:cubic-bezier(.215,.61,.355,1.000)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1.000);animation-timing-function:cubic-bezier(.215,.61,.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1.000);animation-timing-function:cubic-bezier(.215,.61,.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1.000);animation-timing-function:cubic-bezier(.215,.61,.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1.000);animation-timing-function:cubic-bezier(.215,.61,.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1.000);animation-timing-function:cubic-bezier(.215,.61,.355,1.000)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1.000);animation-timing-function:cubic-bezier(.215,.61,.355,1.000)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1.000);animation-timing-function:cubic-bezier(.215,.61,.355,1.000)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1.000);animation-timing-function:cubic-bezier(.215,.61,.355,1.000)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} .fc-event .fc-content{ padding:.25em; } .fc-event{ border-left: 1px solid white !important; } .fc-event .fa{ font-size: 1.25em; margin-top: 1px; } .table th{ font-weight: bold; } .table td:first-child, .table th:first-child{ width: 100px; } .table td:nth-child(2), .table th:nth-child(2){ width: 125px; } * { outline: 0!important } body { background: #2f323e; font-family: Rubik, sans-serif; margin: 0; overflow-x: hidden; color: #313131; font-weight: 300 } html { position: relative; min-height: 100%; background: #fff } h1, h2, h3, h4, h5, h6 { color: #313131; font-family: Rubik, sans-serif; margin: 10px 0; font-weight: 300 } h1 { line-height: 40px; font-size: 36px } h2 { line-height: 18px; font-size: 24px } h3 { line-height: 21px; font-size: 21px } h4 { line-height: 22px; font-size: 18px } h5 { font-size: 18px; font-size: 16px } .mt-0{ margin-top:0; } .dn { display: none } .db { display: block } .light_op_text { color: rgba(255, 255, 255, .5) } blockquote { border-left: 5px solid #2cabe3!important; border: 1px solid rgba(120, 130, 140, .13); } p { line-height: 1.6; } b { font-weight: 700; } a:active, a:focus, a:hover { outline: 0; text-decoration: none } .clear { clear: both } .font-12 { font-size: 12px } hr { border-color: rgba(120, 130, 140, .13) } .b-t { border-top: 1px solid rgba(120, 130, 140, .13) } .b-b { border-bottom: 1px solid rgba(120, 130, 140, .13) } .b-l { border-left: 1px solid rgba(120, 130, 140, .13) } .b-r { border-right: 1px solid rgba(120, 130, 140, .13) } .b-all { border: 1px solid rgba(120, 130, 140, .13) } .b-none { border: 0!important } .max-height { height: 310px; overflow: auto } .p-0 { padding: 0!important } .p-10 { padding: 10px!important } .p-20 { padding: 20px!important } .p-30 { padding: 30px!important } .p-3 { padding: 1rem !important; } .p-l-0 { padding-left: 0!important } .p-l-10 { padding-left: 10px!important } .p-l-20 { padding-left: 20px!important } .p-l-30 { padding-left: 30px!important } .p-r-0 { padding-right: 0!important } .p-r-10 { padding-right: 10px!important } .p-r-20 { padding-right: 20px!important } .p-r-30 { padding-right: 30px!important } .p-r-40 { padding-right: 40px!important } .p-t-0 { padding-top: 0!important } .p-t-10 { padding-top: 10px!important } .p-t-20 { padding-top: 20px!important } .p-t-30 { padding-top: 30px!important } .p-b-0 { padding-bottom: 0!important } .p-b-10 { padding-bottom: 10px!important } .p-b-20 { padding-bottom: 20px!important } .p-b-30 { padding-bottom: 30px!important } .p-b-40 { padding-bottom: 40px!important } .m-0 { margin: 0!important } .m-l-5 { margin-left: 5px!important } .m-l-10 { margin-left: 10px!important } .m-l-15 { margin-left: 15px!important } .m-l-20 { margin-left: 20px!important } .m-l-30 { margin-left: 30px!important } .m-l-40 { margin-left: 40px!important } .m-r-5 { margin-right: 5px!important } .m-r-10 { margin-right: 10px!important } .m-r-15 { margin-right: 15px!important } .m-r-20 { margin-right: 20px!important } .m-r-30 { margin-right: 30px!important } .m-r-40 { margin-right: 40px!important } .m-t-5 { margin-top: 5px!important } .m-t-0 { margin-top: 0!important } .m-t-10 { margin-top: 10px!important } .m-t-15 { margin-top: 15px!important } .m-t-20 { margin-top: 20px!important } .m-t-30 { margin-top: 30px!important } .m-t-40 { margin-top: 40px!important } .m-b-0 { margin-bottom: 0!important } .m-b-5 { margin-bottom: 5px!important } .m-b-10 { margin-bottom: 10px!important } .m-b-15 { margin-bottom: 15px!important } .m-b-20 { margin-bottom: 20px!important } .m-b-30 { margin-bottom: 30px!important } .m-b-40 { margin-bottom: 40px!important } .vt { vertical-align: top } .vb { vertical-align: bottom } .font-bold { font-weight: 700 } .font-medium { font-weight: 500 } .font-normal { font-weight: 400 } .font-light { font-weight: 300 } .pull-in { margin-left: -15px; margin-right: -15px } .b-0 { border: none!important } .vertical-middle, .vm { vertical-align: middle } .mdi { font-size: 17px } .bx-shadow { -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1) } .mx-box { max-height: 380px; min-height: 380px } .thumb-sm { height: 32px; width: 32px } .thumb-md { height: 48px; width: 48px } .thumb-lg { height: 88px; width: 88px } .txt-oflo { text-overflow: ellipsis; overflow: hidden; white-space: nowrap } .di { display: inline-block } .get-code { color: #263238; cursor: pointer; border-radius: 100%; background: #fff; padding: 4px 5px; font-size: 10px; margin: 0 5px; vertical-align: middle } .badge { text-transform: uppercase; font-weight: 600; padding: 3px 5px; font-size: 12px; margin-top: 1px; background-color: #fb4 } .badge-xs { font-size: 9px } .badge-sm, .badge-xs { -webkit-transform: translate(0, -2px); -ms-transform: translate(0, -2px); -o-transform: translate(0, -2px); transform: translate(0, -2px) } .badge-success { background-color: #7ace4c } .badge-info { background-color: #41b3f9 } .badge-warning { background-color: #fb4 } .badge-danger { background-color: #f33155 } .badge-purple { background-color: #707cd2 } .badge-red { background-color: #f33155 } .badge-inverse { background-color: #4c5667 } .notify { position: relative; margin-top: -30px } .notify .heartbit { position: absolute; top: -20px; right: -16px; height: 25px; width: 25px; z-index: 10; border: 5px solid #f33155; border-radius: 70px; -moz-animation: heartbit 1s ease-out; -moz-animation-iteration-count: infinite; -o-animation: heartbit 1s ease-out; -o-animation-iteration-count: infinite; -webkit-animation: heartbit 1s ease-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } .notify .point { width: 6px; height: 6px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background-color: #f33155; position: absolute; right: -6px; top: -10px } @-moz-keyframes heartbit { 0% { -moz-transform: scale(0); opacity: 0 } 25% { -moz-transform: scale(.1); opacity: .1 } 50% { -moz-transform: scale(.5); opacity: .3 } 75% { -moz-transform: scale(.8); opacity: .5 } 100% { -moz-transform: scale(1); opacity: 0 } } @-webkit-keyframes heartbit { 0% { -webkit-transform: scale(0); opacity: 0 } 25% { -webkit-transform: scale(.1); opacity: .1 } 50% { -webkit-transform: scale(.5); opacity: .3 } 75% { -webkit-transform: scale(.8); opacity: .5 } 100% { -webkit-transform: scale(1); opacity: 0 } } .text-white, .text-white * { color: #fff !important; } .text-danger { color: #f33155 } .text-muted { color: #8d9ea7 } .text-warning { color: #fb4 } .text-success { color: #7ace4c } .text-info { color: #41b3f9 } .text-inverse { color: #4c5667 } .text-blue { color: #02bec9 } .text-purple { color: #707cd2 } .text-primary { color: #7460ee } .text-megna { color: #01c0c8 } .text-dark { color: #313131!important } .fw-500 { font-weight: 500 } .bg-primary { background-color: #7460ee!important } .bg-success { background-color: #7ace4c!important } .bg-info { background-color: #41b3f9!important } .bg-warning { background-color: #fb4!important } .bg-danger, .bg-theme-alt { background-color: #f33155!important } .bg-theme { background-color: #2cabe3!important } .bg-theme-dark { background-color: #4f5467!important } .bg-inverse { background-color: #707070!important; } .bg-purple { background-color: #707cd2!important } .bg-white { background-color: #fff!important } .bg-light { background-color: #e4e7ea!important } .bg-cyan { background-color: #4fc3f7!important; } .bg-extralight { background-color: #f7fafc!important } .label { letter-spacing: .05em; border-radius: 60px; padding: 4px 12px 3px; font-weight: 500 } .label-rouded, .label-rounded { border-radius: 60px; padding: 4px 12px 3px; font-weight: 500 } .label-custom { background-color: #01c0c8 } .label-success { background-color: #7ace4c } .label-info { background-color: #41b3f9 } .label-warning { background-color: #fb4 } .label-danger { background-color: #f33155 } .label-megna { background-color: #01c0c8 } .label-primary { background-color: #7460ee } .label-purple { background-color: #707cd2 } .label-red { background-color: #f33155 } .label-inverse { background-color: #4c5667 } .label-white { background-color: #fff } .label-default { background-color: #e4e7ea } .pointer{ cursor:pointer; } .dropdown-menu { border: 1px solid rgba(120, 130, 140, .13); border-radius: 0; box-shadow: 0 3px 12px rgba(0, 0, 0, .05)!important; -webkit-box-shadow: 0!important; -moz-box-shadow: 0!important; padding-bottom: 8px; margin-top: 0 } .dropdown-menu>li>a { padding: 9px 20px } .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { background: #f7fafc } .navbar-top-links .progress { margin-bottom: 6px } label { font-weight: 500 } .btn { border-radius: 3px; } .form-control { background-color: #fff; border: 1px solid #e4e7ea; border-radius: 0; box-shadow: 4px; color: #565656; min-height: 38px; height: auto; max-width: 100%; padding: 7px 12px; transition: all 300ms linear 0s } .form-control:focus { box-shadow: none; border-color: #263238 } .form-control.disabled{ background: #efefef; } .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5 } .input-lg { height: 44px; padding: 5px 10px; font-size: 18px } .bootstrap-tagsinput { border: 1px solid #e4e7ea; border-radius: 0; box-shadow: none; display: block; padding: 7px 12px } .bootstrap-touchspin .input-group-btn-vertical>.btn { padding: 9px 10px } .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down, .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up { border-radius: 0 } .input-group-btn { vertical-align:top; } .input-group-btn .btn { padding: 8px 12px } .form-group, .form-horizontal .form-group { margin-bottom: 25px } .list-group-item, .list-group-item:first-child, .list-group-item:last-child { border-radius: 0; border-color: rgba(120, 130, 140, .13) } .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { background: #41b3f9; border-color: #41b3f9 } .list-task .list-group-item, .list-task .list-group-item:first-child { border-radius: 0; border: 0 } .list-task .list-group-item:last-child { border-radius: 0; border: 0 } .media { border: 1px solid rgba(120, 130, 140, .13); margin-bottom: 10px; padding: 15px } .media .media-heading { font-weight: 500 } .well, pre { background: #fff; border-radius: 0 } .nav-tabs>li>a { border-radius: 0; color: #263238 } .nav-tabs>li>a:focus { background: #fff } .nav-tabs>li>a:hover { background: #ddd } .modal-content { border-radius: 0; box-shadow: 0 5px 15px rgba(0, 0, 0, .1) } .modal-lg .modal-body{ height: 100%; } .modal-lg .modal-footer{ background-color: white; } @media (min-width: 1200px) { .modal-xl { width: 1140px; } } .alert { border-radius: 0 } .carousel-control { width: 8% } .carousel-control span { position: absolute; top: 50%; z-index: 5; display: inline-block; font-size: 30px } .popover { border-radius: 0; z-index: 100 } .popover-title { padding: 5px 14px } .container-fluid { padding-left: 25px; padding-right: 25px; padding-bottom: 45px } .btn-group-vertical>.btn:first-child:not(:last-child), .btn-group-vertical>.btn:last-child:not(:first-child) { border-radius: 0 } .table-responsive { overflow-y: hidden } .pagination>li:first-child>a, .pagination>li:first-child>span { border-bottom-left-radius: 0; border-top-left-radius: 0 } .pagination>li:last-child>a, .pagination>li:last-child>span { border-bottom-right-radius: 0; border-top-right-radius: 0 } .pagination>li>a, .pagination>li>span { color: #263238 } .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { background-color: #e4e7ea } .pagination-split li { margin-left: 5px; display: inline-block; float: left } .pagination-split li:first-child { margin-left: 0 } .pagination-split li a { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0 } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background-color: #2cabe3; border-color: #2cabe3 } .pager li>a, .pager li>span { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; color: #263238 } .table-box { display: table; width: 100% } .cell { display: table-cell; vertical-align: middle } .jqstooltip { width: auto!important; height: auto!important } #wrapper { width: 100%; overflow-x: hidden; } #page-wrapper { padding: 0 0 20px; min-height: 568px; background: #edf1f5 } .footer { bottom: 0; color: #58666e; left: var(--sidebar-width); padding: 20px 30px; position: absolute; right: 0; background: #fff; z-index:10; } .bg-title { background: #fff; padding: 15px 10px 9px; margin-bottom: 15px; margin-left: -25.5px; margin-right: -25.5px; position: relative; z-index:10; } .bg-title h4 { text-transform: uppercase; font-size: 14px; font-weight: 500; margin-top: 6px } .bg-title .breadcrumb { background: 0 0; margin-bottom: 0; float: right; padding: 0; margin-top: 8px } .bg-title .breadcrumb a { color: rgba(0, 0, 0, .5) } .bg-title .breadcrumb a:hover { color: #000 } .bg-title .breadcrumb .active { color: #2cabe3 } .logo b { height: 60px; float: left; padding-left: 10px; width: auto; line-height: 59px; text-align: center } .logo i { color: #fff } .top-left-part { width: var(--sidebar-width); float: left; border-right: 1px solid rgba(0, 0, 0, .08) } .top-left-part a { color: #fff; line-height: 59px; font-size: 18px; padding-left: 10px; text-transform: uppercase } .top-left-part .light-logo { display: none } .navbar-header { width: 100%; background: #3c4451; border: 0 } .navbar-default { border: 0 } .navbar-top-links { margin-right: 0 } .navbar-top-links .badge { position: absolute; top: 13px; right:0; } .navbar-top-links>li { float: left } .navbar-top-links>li>a { color: #fff; padding: 0 12px; line-height: 60px; min-height: 60px } .navbar-top-links>li>a:hover { background: rgba(0, 0, 0, .1) } .navbar-top-links>li>a:focus { background: rgba(0, 0, 0, 0) } .nav .open>a, .nav .open>a:focus, .nav .open>a:hover { background: rgba(255, 255, 255, .2) } .navbar-top-links .dropdown-menu li { display: block } .navbar-top-links .dropdown-menu li:last-child { margin-right: 0 } .navbar-top-links .dropdown-menu li a div { white-space: normal } .navbar-top-links .dropdown-alerts, .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks { width: 310px; min-width: 0 } .navbar-top-links .dropdown-user { right: 0; left: auto; width: 280px } .navbar-top-links .dropdown-user .dw-user-box { padding: 15px } .navbar-top-links .dropdown-user .dw-user-box .u-img { width: 80px; display: inline-block; vertical-align: top } .navbar-top-links .dropdown-user .dw-user-box .u-img img { width: 100%; border-radius: 5px } .navbar-top-links .dropdown-user .dw-user-box .u-text { display: inline-block; padding-left: 10px } .navbar-top-links .dropdown-user .dw-user-box .u-text h4 { margin: 0 } .navbar-top-links .dropdown-user .dw-user-box .u-text p { margin-bottom: 3px } .navbar-header .navbar-toggle { float: none; padding: 0 15px; line-height: 60px; border: 0; color: rgba(255, 255, 255, .5); margin: 0; display: inline-block; border-radius: 0 } .navbar-header .navbar-toggle:focus, .navbar-header .navbar-toggle:hover { background: rgba(0, 0, 0, .3); color: #fff } .app-search { position: relative; margin: 0; display: block; } .app-search a { position: absolute; top: 20px; right: 10px; color: #4c5667; } .app-search .form-control, .app-search .form-control:focus { border: none; font-size: 13px; color: #4c5667; padding-left: 20px; padding-right: 40px; background: rgba(255, 255, 255, .9); box-shadow: none; height: 30px; font-weight: 600; width: 180px; display: inline-block; line-height: 30px; margin-top: 15px; border-radius: 40px; transition: .5s ease-out; min-height:30px !important; width: 250px; } .app-search .form-control::-moz-placeholder { color: #4c5667; opacity: .5 } .app-search .form-control::-webkit-input-placeholder { color: #4c5667; opacity: .5 } .app-search .form-control::-ms-placeholder { color: #4c5667; opacity: .5 } .nav-small-cap { color: #a6afbb; cursor: default; font-weight: 500; text-transform: uppercase; font-size: 13px; letter-spacing: .035em; padding: 12px 15px!important; pointer-events: none; margin: 20px 0 0 -15px } .profile-pic { padding: 0 20px; line-height: 50px } .profile-pic img { margin-right: 10px } .drop-title { border-bottom: 1px solid rgba(0, 0, 0, .1); color: #263238; font-size: 15px; font-weight: 600; padding: 11px 20px 15px } .btn-outline { color: inherit; background-color: transparent; transition: all .5s } .btn-rounded { border-radius: 60px } .btn-custom, .btn-custom.disabled { background: #2cabe3; border: 1px solid #2cabe3; color: #fff } .btn-custom.disabled.focus, .btn-custom.disabled:focus, .btn-custom.disabled:hover, .btn-custom.focus, .btn-custom:focus, .btn-custom:hover { background: #2cabe3; opacity: .8; color: #fff; border: 1px solid #2cabe3 } .btn-primary, .btn-primary.disabled { background: #7460ee; border: 1px solid #7460ee } .btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary.focus, .btn-primary:focus, .btn-primary:hover { background: #7460ee; opacity: .8; border: 1px solid #7460ee } .btn-success, .btn-success.disabled { background: #7ace4c; border: 1px solid #7ace4c } .btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success.focus, .btn-success:focus, .btn-success:hover { background: #7ace4c; opacity: .8; border: 1px solid #7ace4c } .btn-info, .btn-info.disabled { background: #41b3f9; border: 1px solid #41b3f9 } .btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info.focus, .btn-info:focus, .btn-info:hover { background: #41b3f9; opacity: .8; border: 1px solid #41b3f9 } .btn-warning, .btn-warning.disabled { background: #fb4; border: 1px solid #fb4 } .btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning.focus, .btn-warning:focus, .btn-warning:hover { background: #fb4; opacity: .8; border: 1px solid #fb4 } .btn-danger, .btn-danger.disabled { background: #f33155; border: 1px solid #f33155 } .btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger.focus, .btn-danger:focus, .btn-danger:hover { background: #f33155; opacity: .8; border: 1px solid #f33155 } .btn-default, .btn-default.disabled { background: #e4e7ea; border: 1px solid #e4e7ea } .btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default.focus, .btn-default:focus, .btn-default:hover { opacity: .8; border: 1px solid #e4e7ea; background: #e4e7ea } .btn-default.btn-outline { background-color: #fff } .btn-default.btn-outline.focus, .btn-default.btn-outline:focus, .btn-default.btn-outline:hover { background: #e4e7ea } .btn-primary.btn-outline { color: #7460ee; background-color: #fff } .btn-primary.btn-outline.focus, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:hover { background: #7460ee; color: #fff } .btn-success.btn-outline { color: #7ace4c; background-color: transparent } .btn-success.btn-outline.focus, .btn-success.btn-outline:focus, .btn-success.btn-outline:hover { background: #7ace4c; color: #fff } .btn-info.btn-outline { color: #41b3f9; background-color: transparent } .btn-info.btn-outline.focus, .btn-info.btn-outline:focus, .btn-info.btn-outline:hover { background: #41b3f9; color: #fff } .btn-warning.btn-outline { color: #fb4; background-color: transparent } .btn-warning.btn-outline.focus, .btn-warning.btn-outline:focus, .btn-warning.btn-outline:hover { background: #fb4; color: #fff } .btn-danger.btn-outline { color: #f33155; background-color: transparent } .btn-danger.btn-outline.focus, .btn-danger.btn-outline:focus, .btn-danger.btn-outline:hover { background: #f33155; color: #fff } .button-box .btn { margin: 0 8px 8px 0 } .btn-danger.btn-outline:hover, .btn-info.btn-outline:hover, .btn-primary.btn-outline:hover, .btn-success.btn-outline:hover, .btn-warning.btn-outline:hover { color: #fff } .btn-label { background: rgba(0, 0, 0, .05); display: inline-block; margin: -6px 12px -6px -14px; padding: 7px 15px } .btn-facebook { color: #fff!important; background-color: #3b5998!important } .btn-twitter { color: #fff!important; background-color: #55acee!important } .btn-linkedin { color: #fff!important; background-color: #007bb6!important } .btn-dribbble { color: #fff!important; background-color: #ea4c89!important } .btn-googleplus { color: #fff!important; background-color: #dd4b39!important } .btn-instagram { color: #fff!important; background-color: #3f729b!important } .btn-pinterest { color: #fff!important; background-color: #cb2027!important } .btn-dropbox { color: #fff!important; background-color: #007ee5!important } .btn-flickr { color: #fff!important; background-color: #ff0084!important } .btn-tumblr { color: #fff!important; background-color: #32506d!important } .btn-skype { color: #fff!important; background-color: #00aff0!important } .btn-youtube { color: #fff!important; background-color: #b00!important } .btn-github { color: #fff!important; background-color: #171515!important } .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary:focus, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover { background-color: #7460ee; border: 1px solid #7460ee } .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success.focus, .btn-success.focus:active, .btn-success:active:focus, .btn-success:active:hover, .btn-success:focus, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover { background-color: #7ace4c; border: 1px solid #7ace4c } .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info.focus, .btn-info.focus:active, .btn-info:active:focus, .btn-info:active:hover, .btn-info:focus, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover { background-color: #41b3f9; border: 1px solid #41b3f9 } .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning.focus, .btn-warning.focus:active, .btn-warning:active:focus, .btn-warning:active:hover, .btn-warning:focus, .open>.dropdown-toggle.btn-warning.focus, .open>.dropdown-toggle.btn-warning:focus, .open>.dropdown-toggle.btn-warning:hover { background-color: #fb4; border: 1px solid #fb4 } .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger.focus, .btn-danger.focus:active, .btn-danger:active:focus, .btn-danger:active:hover, .btn-danger:focus, .open>.dropdown-toggle.btn-danger.focus, .open>.dropdown-toggle.btn-danger:focus, .open>.dropdown-toggle.btn-danger:hover { background-color: #f33155; border: 1px solid #f33155 } .btn-inverse, .btn-inverse.active, .btn-inverse.focus, .btn-inverse:active, .btn-inverse:focus, .btn-inverse:hover, .open>.dropdown-toggle.btn-inverse { background-color: #4c5667; border: 1px solid #4c5667; color: #fff } .chat { margin: 0; padding: 0; list-style: none } .chat li { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px dotted rgba(120, 130, 140, .13) } .chat li.left .chat-body { margin-left: 60px } .chat li.right .chat-body { margin-right: 60px } .chat li .chat-body p { margin: 0 } .chat .glyphicon, .panel .slidedown .glyphicon { margin-right: 5px } .chat-panel .panel-body { height: 350px; overflow-y: scroll } .login-panel { margin-top: 25% } .flot-chart { display: block; height: 400px } .flot-chart-content { width: 100%; height: 100% } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_desc_disabled { background: 0 0 } table.dataTable thead .sorting_asc:after { content: "\f0de"; float: right; font-family: fontawesome } table.dataTable thead .sorting_desc:after { content: "\f0dd"; float: right; font-family: fontawesome } table.dataTable thead .sorting:after { content: "\f0dc"; float: right; font-family: fontawesome; color: rgba(50, 50, 50, .5) } .btn-circle { width: 30px; height: 30px; padding: 6px 0; border-radius: 15px; text-align: center; font-size: 12px; line-height: 1.428571429 } .btn-circle.btn-lg { width: 50px; height: 50px; padding: 10px 16px; border-radius: 25px; font-size: 18px; line-height: 1.33 } .btn-circle.btn-xl { width: 70px; height: 70px; padding: 10px 16px; border-radius: 35px; font-size: 24px; line-height: 1.33 } .show-grid [class^=col-] { padding-top: 10px; padding-bottom: 10px; border: 1px solid rgba(120, 130, 140, .13); background-color: #f7fafc } .show-grid { margin: 15px 0 } .huge { font-size: 40px } .white-box { background: #fff; padding: 25px; margin-bottom: 1em; border: 1px solid #ddd; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15) !important; } .white-box .box-title { margin: 0 0 12px; font-weight: 500; text-transform: uppercase; font-size: 16px } .panel { border-radius: 0; margin-bottom: 30px; border: 0; box-shadow: none } .panel-gray { background-color: #efefef; padding: 1em; border-radius: 5px !important; } .panel .panel-heading { border-radius: 0; font-weight: 500; font-size: 16px; padding: 20px 25px } .panel .panel-heading .panel-title { font-size: 16px; color: #263238 } .panel .panel-heading a i { font-size: 12px; margin-left: 8px } .panel .panel-action { float: right } .panel .panel-action a { opacity: .5 } .panel .panel-action a:hover { opacity: 1 } .panel .panel-body { padding: 25px } .panel .panel-body:first-child h3 { margin-top: 0; font-weight: 500; font-family: Rubik, sans-serif; font-size: 14px; text-transform: uppercase } .panel .panel-footer { background: #fff; border-radius: 0; padding: 20px 25px } .panel-green, .panel-success { border-color: #7ace4c } .panel-green .panel-heading, .panel-success .panel-heading { border-color: #7ace4c; color: #fff; background-color: #7ace4c } .panel-green .panel-heading a, .panel-success .panel-heading a { color: #fff } .panel-green .panel-heading a:hover, .panel-success .panel-heading a:hover { color: rgba(255, 255, 255, .5) } .panel-green a, .panel-success a { color: #7ace4c } .panel-green a:hover, .panel-success a:hover { color: #56a12c } .panel-black, .panel-inverse { border-color: #4c5667 } .panel-black .panel-heading, .panel-inverse .panel-heading { border-color: #4c5667; color: #fff; background-color: #4c5667 } .panel-black .panel-heading a, .panel-inverse .panel-heading a { color: #fff } .panel-black .panel-heading a:hover, .panel-inverse .panel-heading a:hover { color: rgba(255, 255, 255, .5) } .panel-black a, .panel-inverse a { color: #4c5667 } .panel-black a:hover, .panel-inverse a:hover { color: #2c313b } .panel-darkblue, .panel-primary { border-color: #7460ee } .panel-darkblue .panel-heading, .panel-primary .panel-heading { border-color: #7460ee; color: #fff; background-color: #7460ee } .panel-darkblue .panel-heading a, .panel-primary .panel-heading a { color: #fff } .panel-darkblue .panel-heading a:hover, .panel-primary .panel-heading a:hover { color: rgba(255, 255, 255, .5) } .panel-darkblue a, .panel-primary a { color: #7460ee } .panel-darkblue a:hover, .panel-primary a:hover { color: #381be7 } .panel-blue, .panel-info { border-color: #41b3f9 } .panel-blue .panel-heading, .panel-info .panel-heading { border-color: #41b3f9; color: #fff; background-color: #41b3f9 } .panel-blue .panel-heading a, .panel-info .panel-heading a { color: #fff } .panel-blue .panel-heading a:hover, .panel-info .panel-heading a:hover { color: rgba(255, 255, 255, .5) } .panel-blue a, .panel-info a { color: #41b3f9 } .panel-blue a:hover, .panel-info a:hover { color: #0791e6 } .panel-danger, .panel-red { border-color: #f33155 } .panel-danger .panel-heading, .panel-red .panel-heading { border-color: #f33155; color: #fff; background-color: #f33155 } .panel-danger .panel-heading a, .panel-red .panel-heading a { color: #fff } .panel-danger .panel-heading a:hover, .panel-red .panel-heading a:hover { color: rgba(255, 255, 255, .5) } .panel-danger a, .panel-red a { color: #f33155 } .panel-danger a:hover, .panel-red a:hover { color: #cc0c2f } .panel-warning, .panel-yellow { border-color: #fb4 } .panel-warning .panel-heading, .panel-yellow .panel-heading { border-color: #fb4; color: #fff; background-color: #fb4 } .panel-warning .panel-heading a, .panel-yellow .panel-heading a { color: #fff } .panel-warning .panel-heading a:hover, .panel-yellow .panel-heading a:hover { color: rgba(255, 255, 255, .5) } .panel-warning a, .panel-yellow a { color: #fb4 } .panel-warning a:hover, .panel-yellow a:hover { color: #f69d00 } .panel-theme, .panel-themecolor { border-color: #2cabe3 } .panel-theme .panel-heading, .panel-themecolor .panel-heading { border-color: #2cabe3; color: #fff; background-color: #2cabe3 } .panel-theme .panel-heading a, .panel-themecolor .panel-heading a { color: #fff } .panel-theme .panel-heading a:hover, .panel-themecolor .panel-heading a:hover { color: rgba(255, 255, 255, .5) } .panel-theme a, .panel-themecolor a { color: #2cabe3 } .panel-theme a:hover, .panel-themecolor a:hover { color: #177eac } .panel-default, .panel-white { border-color: rgba(120, 130, 140, .13) } .panel-default .panel-heading, .panel-white .panel-heading { color: #263238; background-color: #fff; border-bottom: 1px solid rgba(120, 130, 140, .13) } .panel-default .panel-body, .panel-white .panel-body { color: #263238 } .panel-default .panel-action a, .panel-white .panel-action a { color: #263238; opacity: .5 } .panel-default .panel-action a:hover, .panel-white .panel-action a:hover { opacity: 1; color: #263238 } .panel-default .panel-footer, .panel-white .panel-footer { background: #fff; color: #263238; border-top: 1px solid rgba(120, 130, 140, .13) } .full-panel-info { border-color: #41b3f9 } .full-panel-info .panel-heading { border-color: #41b3f9; color: #fff; background-color: #41b3f9; border-bottom: 1px solid rgba(120, 130, 140, .13) } .full-panel-info .panel-body { background: #41b3f9; color: #fff } .full-panel-info .panel-footer { background: #41b3f9; color: #fff; border-top: 1px solid rgba(120, 130, 140, .13) } .full-panel-info a { color: #41b3f9 } .full-panel-info a:hover { color: #0791e6 } .full-panel-warning { border-color: #fb4 } .full-panel-warning .panel-heading { border-color: #fb4; color: #fff; background-color: #fb4; border-bottom: 1px solid rgba(120, 130, 140, .13) } .full-panel-warning .panel-body { background: #fb4; color: #fff } .full-panel-warning .panel-footer { background: #fb4; color: #fff; border-top: 1px solid rgba(120, 130, 140, .13) } .full-panel-warning a { color: #fb4 } .full-panel-warning a:hover { color: #f69d00 } .full-panel-success { border-color: #7ace4c } .full-panel-success .panel-heading { border-color: #7ace4c; color: #fff; background-color: #7ace4c; border-bottom: 1px solid rgba(120, 130, 140, .13) } .full-panel-success .panel-body { background: #7ace4c; color: #fff } .full-panel-success .panel-footer { background: #7ace4c; color: #fff; border-top: 1px solid rgba(120, 130, 140, .13) } .full-panel-success a { color: #7ace4c } .full-panel-success a:hover { color: #56a12c } .full-panel-purple { border-color: #707cd2 } .full-panel-purple .panel-heading { color: #fff; background-color: #707cd2; border-bottom: 1px solid rgba(120, 130, 140, .13) } .full-panel-purple .panel-body { background: #707cd2; color: #fff } .full-panel-purple .panel-footer { background: #707cd2; color: #fff; border-top: 1px solid rgba(120, 130, 140, .13) } .full-panel-purple a { color: #707cd2 } .full-panel-purple a:hover { color: #3b4abb } .full-panel-danger { border-color: #f33155 } .full-panel-danger .panel-heading { border-color: #f33155; color: #fff; background-color: #f33155; border-bottom: 1px solid rgba(120, 130, 140, .13) } .full-panel-danger .panel-body { background: #f33155; color: #fff } .full-panel-danger .panel-footer { background: #f33155; color: #fff; border-top: 1px solid rgba(120, 130, 140, .13) } .full-panel-danger a { color: #f33155 } .full-panel-danger a:hover { color: #cc0c2f } .full-panel-inverse { border-color: #4c5667 } .full-panel-inverse .panel-heading { border-color: #4c5667; color: #fff; background-color: #4c5667; border-bottom: 1px solid rgba(120, 130, 140, .13) } .full-panel-inverse .panel-body { background: #4c5667; color: #fff } .full-panel-inverse .panel-footer { background: #4c5667; color: #fff; border-top: 1px solid rgba(120, 130, 140, .13) } .full-panel-inverse a { color: #4c5667 } .full-panel-inverse a:hover { color: #2c313b } .full-panel-default { border-color: rgba(120, 130, 140, .13) } .full-panel-default .panel-heading { color: #263238; background-color: #fff; border-bottom: 1px solid rgba(120, 130, 140, .13) } .full-panel-default .panel-body { color: #263238 } .full-panel-default .panel-footer { background: #fff; color: #263238; border-top: 1px solid rgba(120, 130, 140, .13) } .full-panel-default a { color: #263238 } .full-panel-default a:hover { color: #2c313b } .panel-opcl { float: right } .panel-opcl i { margin-left: 8px; font-size: 10px; cursor: pointer } .fa-fw { width: 20px!important; display: inline-block!important; text-align: left!important } .waves-effect { position: relative; cursor: pointer; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent } .waves-effect .waves-ripple { position: absolute; border-radius: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; opacity: 0; background: rgba(0, 0, 0, .08); -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); pointer-events: none } .waves-effect.waves-light .waves-ripple { background: rgba(255, 255, 255, .4); background: -webkit-radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%); background: -o-radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%); background: -moz-radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%); background: radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%) } .waves-effect.waves-classic .waves-ripple { background: rgba(0, 0, 0, .2) } .waves-effect.waves-classic.waves-light .waves-ripple { background: rgba(255, 255, 255, .4) } .waves-notransition { -webkit-transition: none!important; -moz-transition: none!important; -o-transition: none!important; transition: none!important } .waves-button, .waves-circle { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%) } .waves-button, .waves-button-input, .waves-button:hover, .waves-button:visited { white-space: nowrap; vertical-align: middle; cursor: pointer; border: none; outline: 0; color: inherit; background-color: rgba(0, 0, 0, 0); font-size: 1em; line-height: 1em; text-align: center; text-decoration: none; z-index: 1 } .waves-button { padding: .85em 1.1em; border-radius: .2em } .waves-button-input { margin: 0; padding: .85em 1.1em } .waves-input-wrapper { border-radius: .2em; vertical-align: bottom } .waves-input-wrapper.waves-button { padding: 0 } .waves-input-wrapper .waves-button-input { position: relative; top: 0; left: 0; z-index: 1 } .waves-circle { text-align: center; width: 2.5em; height: 2.5em; line-height: 2.5em; border-radius: 50% } .waves-float { -webkit-mask-image: none; -webkit-box-shadow: 0 1px 1.5px 1px rgba(0, 0, 0, .12); box-shadow: 0 1px 1.5px 1px rgba(0, 0, 0, .12); -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms } .waves-float:active { -webkit-box-shadow: 0 8px 20px 1px rgba(0, 0, 0, .3); box-shadow: 0 8px 20px 1px rgba(0, 0, 0, .3) } .waves-block { display: block } .common-list { margin: 0; padding: 0 } .common-list li { list-style: none; display: block } .common-list li a { padding: 12px 0; color: #313131; display: block } .common-list li a:hover { color: #2cabe3 } input[type=color] { padding: 1px 2px !important; } .checkbox { padding-left: 20px } .checkbox label { display: inline-block; padding-left: 5px; position: relative } .checkbox label::before { -o-transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; background-color: #fff; border-radius: 1px; border: 1px solid rgba(120, 130, 140, .13); content: ""; display: inline-block; height: 17px; left: 0; margin-left: -20px; position: absolute; transition: .3s ease-in-out; width: 17px; outline: 0!important } .checkbox label::after { color: #263238; display: inline-block; font-size: 11px; height: 16px; left: 0; margin-left: -20px; padding-left: 3px; padding-top: 1px; position: absolute; top: 0; width: 16px } .checkbox input[type=checkbox] { cursor: pointer; opacity: 0; z-index: 1; outline: 0!important } .checkbox input[type=checkbox]:disabled+label { opacity: .65 } .checkbox input[type=checkbox]:focus+label::before { outline-offset: -2px; outline: 0; outline: dotted thin } .checkbox input[type=checkbox]:checked+label::after { content: "\f00c"; font-family: FontAwesome } .checkbox input[type=checkbox]:disabled+label::before { background-color: #e4e7ea; cursor: not-allowed } .checkbox.checkbox-circle label::before { border-radius: 50% } .checkbox.checkbox-inline { margin-top: 0 } .checkbox.checkbox-single label { height: 17px } .checkbox-primary input[type=checkbox]:checked+label::before { background-color: #7460ee; border-color: #7460ee } .checkbox-primary input[type=checkbox]:checked+label::after { color: #fff } .checkbox-danger input[type=checkbox]:checked+label::before { background-color: #f33155; border-color: #f33155 } .checkbox-danger input[type=checkbox]:checked+label::after { color: #fff } .checkbox-info input[type=checkbox]:checked+label::before { background-color: #41b3f9; border-color: #41b3f9 } .checkbox-info input[type=checkbox]:checked+label::after { color: #fff } .checkbox-warning input[type=checkbox]:checked+label::before { background-color: #fb4; border-color: #fb4 } .checkbox-warning input[type=checkbox]:checked+label::after { color: #fff } .checkbox-success input[type=checkbox]:checked+label::before { background-color: #7ace4c; border-color: #7ace4c } .checkbox-success input[type=checkbox]:checked+label::after { color: #fff } .checkbox-purple input[type=checkbox]:checked+label::before { background-color: #707cd2; border-color: #707cd2 } .checkbox-purple input[type=checkbox]:checked+label::after { color: #fff } .checkbox-red input[type=checkbox]:checked+label::before { background-color: #f33155; border-color: #f33155 } .checkbox-red input[type=checkbox]:checked+label::after { color: #fff } .checkbox-inverse input[type=checkbox]:checked+label::before { background-color: #4c5667; border-color: #4c5667 } .checkbox-inverse input[type=checkbox]:checked+label::after { color: #fff } .radio { padding-left: 20px } .radio label { display: inline-block; padding-left: 5px; position: relative } .radio label::before { -o-transition: border .5s ease-in-out; -webkit-transition: border .5s ease-in-out; background-color: #fff; border-radius: 50%; border: 1px solid rgba(120, 130, 140, .13); content: ""; display: inline-block; height: 17px; left: 0; margin-left: -20px; position: absolute; transition: border .5s ease-in-out; width: 17px; outline: 0!important } .radio label::after { -moz-transition: -moz-transform .3s cubic-bezier(.8, -.33, .2, 1.33); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); -o-transition: -o-transform .3s cubic-bezier(.8, -.33, .2, 1.33); -webkit-transform: scale(0, 0); -webkit-transition: -webkit-transform .3s cubic-bezier(.8, -.33, .2, 1.33); background-color: #263238; border-radius: 50%; content: " "; display: inline-block; height: 7px; left: 5px; margin-left: -20px; position: absolute; top: 5px; transform: scale(0, 0); transition: transform .3s cubic-bezier(.8, -.33, .2, 1.33); width: 7px } .radio input[type=radio] { cursor: pointer; opacity: 0; z-index: 1; outline: 0!important } .radio input[type=radio]:disabled+label { opacity: .65 } .radio input[type=radio]:focus+label::before { outline-offset: -2px; outline: -webkit-focus-ring-color auto 5px; outline: dotted thin } .radio input[type=radio]:checked+label::after { -ms-transform: scale(1, 1); -o-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1) } .radio input[type=radio]:disabled+label::before { cursor: not-allowed } .radio.radio-inline { margin-top: 0 } .radio.radio-single label { height: 17px } .radio-primary input[type=radio]+label::after { background-color: #7460ee } .radio-primary input[type=radio]:checked+label::before { border-color: #7460ee } .radio-primary input[type=radio]:checked+label::after { background-color: #7460ee } .radio-danger input[type=radio]+label::after { background-color: #f33155 } .radio-danger input[type=radio]:checked+label::before { border-color: #f33155 } .radio-danger input[type=radio]:checked+label::after { background-color: #f33155 } .radio-info input[type=radio]+label::after { background-color: #41b3f9 } .radio-info input[type=radio]:checked+label::before { border-color: #41b3f9 } .radio-info input[type=radio]:checked+label::after { background-color: #41b3f9 } .radio-warning input[type=radio]+label::after { background-color: #fb4 } .radio-warning input[type=radio]:checked+label::before { border-color: #fb4 } .radio-warning input[type=radio]:checked+label::after { background-color: #fb4 } .radio-success input[type=radio]+label::after { background-color: #7ace4c } .radio-success input[type=radio]:checked+label::before { border-color: #7ace4c } .radio-success input[type=radio]:checked+label::after { background-color: #7ace4c } .radio-purple input[type=radio]+label::after { background-color: #707cd2 } .radio-purple input[type=radio]:checked+label::before { border-color: #707cd2 } .radio-purple input[type=radio]:checked+label::after { background-color: #707cd2 } .radio-red input[type=radio]+label::after { background-color: #f33155 } .radio-red input[type=radio]:checked+label::before { border-color: #f33155 } .radio-red input[type=radio]:checked+label::after { background-color: #f33155 } .fileupload { overflow: hidden; position: relative } .fileupload input.upload { cursor: pointer; filter: alpha(opacity=0); font-size: 20px; margin: 0; opacity: 0; padding: 0; position: absolute; right: 0; top: 0 } .model_img { cursor: pointer } .myadmin-dd .dd-list .dd-item .dd-handle { background: #fff; border: 1px solid rgba(120, 130, 140, .13); padding: 8px 16px; height: auto; font-weight: 600; border-radius: 0 } .myadmin-dd .dd-list .dd-item .dd-handle:hover { color: #41b3f9 } .myadmin-dd .dd-list .dd-item button { height: auto; font-size: 17px; margin: 8px auto; color: #263238; width: 30px } .myadmin-dd-empty .dd-list .dd3-handle { border: 1px solid rgba(120, 130, 140, .13); border-bottom: 0; background: #fff; height: 36px; width: 36px } .myadmin-dd-empty .dd-list .dd3-handle:before { color: inherit; top: 7px } .myadmin-dd-empty .dd-list .dd3-handle:hover { color: #41b3f9 } .myadmin-dd-empty .dd-list .dd3-content { height: auto; border: 1px solid rgba(120, 130, 140, .13); padding: 8px 16px 8px 46px; background: #fff; font-weight: 600 } .myadmin-dd-empty .dd-list .dd3-content:hover { color: #41b3f9 } .myadmin-dd-empty .dd-list button { width: 26px; height: 26px; font-size: 16px; font-weight: 600 } .settings_box { position: absolute; top: 75px; right: 0; z-index: 100 } .settings_box a { background: #fff; padding: 15px; display: inline-block; vertical-align: top } .settings_box a i { display: block; -webkit-animation-name: rotate; -webkit-animation-duration: 2s; -moz-animation-name: rotate; -moz-animation-duration: 2s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; animation-name: rotate; font-size: 16px; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: linear } @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg) } to { -webkit-transform: rotate(360deg) } } @-moz-keyframes rotate { from { -moz-transform: rotate(0deg) } to { -moz-transform: rotate(360deg) } } @keyframes rotate { from { transform: rotate(0deg) } to { transform: rotate(360deg) } } .theme_color { margin: 0; padding: 0; display: inline-block; overflow: hidden; width: 0; transition: .5s ease-out; background: #fff } .theme_color li { list-style: none; width: 30%; float: left; margin: 0 1.5% } .theme_color li a { padding: 5px; height: 50px; display: block } .theme_color li a.theme-green { background: #7ace4c } .theme_color li a.theme-red { background: #f33155 } .theme_color li a.theme-dark { background: #4c5667 } .theme_block { width: 200px; padding: 30px } ul.common li { display: inline-block; line-height: 40px; list-style: none none; width: 48% } ul.common li a { color: #313131 } ul.common li a:hover { color: #41b3f9 } .circle { border-radius: 100%; text-align: center; color: #fff } .circle-sm { width: 40px; padding-top: 12px; height: 40px; font-size: 14px!important } .circle-md { width: 60px; padding-top: 15px; height: 60px; font-size: 24px!important } .circle-lg { width: 80px; padding-top: 20px; height: 80px; font-size: 30px!important } .row-in i { font-size: 24px } .megamenu { left: 0; right: 0; width: 100% } .mega-dropdown { position: static!important } .mega-dropdown-menu { padding: 20px 20px 20px 80px; width: 100%; -webkit-box-shadow: none; border: 0; box-shadow: 0 2px 10px rgba(0, 0, 0, .1)!important } .mega-dropdown-menu>li>ul { padding: 0; margin: 0 } .mega-dropdown-menu>li>ul>li { list-style: none } .mega-dropdown-menu>li>ul>li>a { display: block; padding: 8px 0; clear: both; line-height: 1.428571429; color: #313131; white-space: normal } .mega-dropdown-menu>li>ul>li>a:focus, .mega-dropdown-menu>li>ul>li>a:hover { text-decoration: none; color: #2cabe3 } .mega-dropdown-menu .dropdown-header { font-size: 16px; font-weight: 500; padding: 8px 0; margin-top: 12px } .mega-dropdown-menu li.demo-box a { color: #fff; display: block } .mega-dropdown-menu li.demo-box a:hover { opacity: .8 } .message-center a { border-bottom: 1px solid rgba(120, 130, 140, .13); display: block; padding: 9px 15px } .message-center a:hover { background: #f7fafc } .message-center .user-img { width: 40px; float: left; position: relative; margin: 0 10px 15px 0 } .message-center .user-img img { width: 100% } .message-center .user-img .profile-status { border: 2px solid #fff; border-radius: 50%; display: inline-block; height: 10px; left: 30px; position: absolute; top: 1px; width: 10px } .message-center .user-img .online { background: #7ace4c } .message-center .user-img .busy { background: #f33155 } .message-center .user-img .away, .message-center .user-img .offline { background: #fb4 } .message-center .mail-contnet h5 { margin: 0; font-weight: 400; text-overflow: ellipsis; overflow: hidden; white-space: nowrap } .message-center .mail-contnet .mail-desc { font-size: 12px; display: block; margin: 5px 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #263238 } .message-center .mail-contnet .time { display: block; font-size: 10px; color: #263238 } .mail-contnet a.action { margin-left: 10px; font-size: 12px; visibility: hidden } .mail-contnet:hover a.action { visibility: visible } .inbox-center td { white-space: nowrap } .inbox-center .unread td { font-weight: 400 } .inbox-center a { color: #313131; padding: 2px 0 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block } .comment-center { margin: 0 -25px } .comment-center .comment-body { border-bottom: 1px solid rgba(120, 130, 140, .13); display: table; width: 100%; padding: 20px 25px } .comment-center .comment-body:hover { background: #f7fafc } .comment-center .user-img { width: 40px; display: table-cell; position: relative; margin: 0 10px 0 0 } .comment-center .user-img img { width: 100% } .comment-center .mail-contnet { display: table-cell; padding-left: 15px; vertical-align: top } .comment-center .mail-contnet h5 { margin-top: 0; font-weight: 400; text-overflow: ellipsis; overflow: hidden; white-space: nowrap } .comment-center .mail-contnet .mail-desc { font-size: 14px; display: block; margin: 15px 0; line-height: 25px; color: #848a96; overflow: hidden; max-height: 52px; text-overflow: ellipsis } .comment-center .mail-contnet .time { display: inline-block; font-size: 12px; color: #98a6ad } .sales-report { background: #f7fafc; margin: 12px -25px; padding: 15px } .dropdown-alerts, .dropdown-tasks { padding: 0 } .dropdown-alerts li a, .dropdown-tasks li a, .mailbox li>a { padding: 15px 20px } .dropdown-alerts li.divider, .dropdown-tasks li.divider { margin: 0 } .dropdown-divider { height: 0; margin: .5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .menu-divider { height: 0; margin: 0; overflow: hidden; border-top: 1px solid #e9ecef; } .row-in-br { border-right: 1px solid rgba(120, 130, 140, .13) } .col-in { list-style: none; padding: 0; margin: 0 } .col-in li { display: inline-block; vertical-align: middle; padding: 0 10px } .col-in li .circle { display: inline-block } .col-in li.col-middle { width: 40% } .col-in li.col-last { float: right } .col-in h3 { font-size: 36px; font-weight: 100 } .basic-list { padding: 0 } .basic-list li { display: block; padding: 15px 0; border-bottom: 1px solid rgba(120, 130, 140, .13); line-height: 27px } .basic-list li:last-child { border-bottom: 0 } .steamline { position: relative; border-left: 1px solid rgba(120, 130, 140, .13); margin-left: 20px } .steamline .sl-left { float: left; margin-left: -20px; z-index: 1; width: 40px; line-height: 40px; text-align: center; height: 40px; border-radius: 100%; color: #fff; background: #263238; margin-right: 15px } .steamline .sl-left img { max-width: 40px } .steamline .sl-right { padding-left: 50px } .steamline .sl-right .desc, .steamline .sl-right .inline-photos { margin-bottom: 30px } .steamline .sl-right div>a { color: #263238; font-weight: 400 } .steamline .sl-item { border-bottom: 1px solid rgba(120, 130, 140, .13); margin: 20px 0 } .sl-date { font-size: 10px; color: #98a6ad } .time-item { border-color: $border; padding-bottom: 1px; position: relative } .time-item:before { content: " "; display: table } .time-item:after { background-color: #fff; border-color: rgba(120, 130, 140, .13); border-radius: 10px; border-style: solid; border-width: 2px; bottom: 0; content: ''; height: 14px; left: 0; margin-left: -8px; position: absolute; top: 5px; width: 14px } .time-item-item:after { content: " "; display: table } .item-info { margin-bottom: 15px; margin-left: 15px } .item-info p { margin-bottom: 10px!important } .user-bg { min-height: 180px; overflow: hidden; position: relative } .user-bg .overlay-box { background: #01adef; opacity: .9; position: absolute; top: 0; left: 0; right: 0; height: 100%; text-align: center } .user-btm-box { padding: 40px 0 10px; clear: both; overflow: hidden } .vertical .carousel-inner { height: 100%; position: relative } .carousel.vertical .item { -webkit-transition: .6s ease-in-out top; -moz-transition: .6s ease-in-out top; -ms-transition: .6s ease-in-out top; -o-transition: .6s ease-in-out top; transition: .6s ease-in-out top } .carousel.vertical .active { top: 0 } .carousel.vertical .next { top: 400px } .carousel.vertical .prev { top: -400px } .carousel.vertical .next.left, .carousel.vertical .prev.right { top: 0 } .carousel.vertical .active.left { top: -400px } .carousel.vertical .active.right { top: 400px } .carousel.vertical .item { left: 0 } .twi-user img { margin-right: 20px; width: 50px } .twi-user { margin: 18px 0 } .carousel-inner h3 { overflow: hidden } .carousel-inner>.item>img { width: 100% } .chart-box { margin: 25px -15px -17px -17px } .chat-list { list-style: none; padding: 0 20px } .chat-list li { margin-bottom: 24px; overflow: auto } .chat-list .chat-image { display: inline-block; float: left; text-align: center; width: 50px } .chat-list .chat-image img { border-radius: 100%; width: 100% } .chat-list .chat-text { background: #e5f7ff; border-radius: 0 8px 8px; display: inline-block; padding: 15px; font-size: 14px; position: relative } .chat-list .chat-text h4 { color: #1a2942; display: block; font-size: 14px; font-style: normal; font-weight: 500; margin: 0; line-height: 15px; position: relative } .chat-list .chat-text p { margin: 0; padding-top: 3px } .chat-list .chat-text b { font-size: 10px; opacity: .8 } .chat-list .chat-body { display: inline-block; float: left; font-size: 12px; margin-left: 12px; width: 65% } .chat-list .odd .chat-image { float: right!important } .chat-list .odd .chat-body { float: right!important; margin-right: 12px; text-align: right } .chat-list .odd .chat-text { background: #f7f7f7; border-radius: 8px 0 8px 8px } .chat-send { padding-left: 0; padding-right: 30px } .chat-send button { width: 100% } .chat-list li .chat-icon { display: none; } .chat-list li:hover .chat-icon { display: block; } .weather-box .weather-top { overflow: hidden; padding: 10px 25px; margin: 0 -25px; background: #f7fafc } .weather-box .weather-top h2 { line-height: 24px } .weather-box .weather-top h2 small { font-size: 13px } .weather-box .weather-top .today_crnt { font-size: 45px; font-weight: 100 } .weather-box .weather-top .today_crnt canvas { display: inline-block; margin-right: 10px; vertical-align: middle } .weather-box .weather-info { padding: 10px 0 } .weather-box .weather-time { overflow: hidden; text-align: center; padding-top: 15px } .weather-box .weather-time li span { display: block } .weather-box .weather-time li canvas { font-size: 20px; margin: 10px 0 } .demo-container { width: 100%; height: 350px } .demo-placeholder { width: 100%; height: 100%; font-size: 14px; line-height: 1.2em } .myadmin-alert { border-radius: 0; color: #fff; padding: 12px 30px 12px 12px; position: relative; text-align: left } .myadmin-alert a { color: inherit; font-weight: 600; text-decoration: underline } .myadmin-alert h4 { color: inherit; font-size: 14px; font-weight: 600; line-height: normal; margin: 0 } .myadmin-alert .img { border-radius: 3px; height: 40px; left: 12px; position: absolute; top: 12px; width: 40px } .myadmin-alert-img { min-height: 64px; padding-left: 65px } .myadmin-alert-icon { padding-left: 20px } .myadmin-alert-icon i { padding-right: 10px } .myadmin-alert .closed { color: rgba(255, 255, 255, .5); font-size: 20px; font-weight: 500; padding: 4px; position: absolute; right: 3px; text-decoration: none; top: 0 } .myadmin-alert .closed:hover { color: #fff } .myadmin-alert-click { cursor: pointer; padding-right: 12px } .myadmin-alert .primary { background: rgba(0, 0, 0, .4); border: none; border-radius: 3px; color: inherit; outline: 0; padding: 4px 10px } .myadmin-alert .cancel { background: rgba(255, 255, 255, .4); border: none; border-radius: 3px; color: rgba(0, 0, 0, .8); outline: 0; padding: 4px 10px } .myadmin-alert .cancel:hover, .myadmin-alert .primary:hover { opacity: .9 } .myadmin-alert-bottom, .myadmin-alert-bottom-left, .myadmin-alert-bottom-right, .myadmin-alert-fullscreen, .myadmin-alert-top, .myadmin-alert-top-left, .myadmin-alert-top-right { box-shadow: 2px 2px 2px rgba(0, 0, 0, .1); display: none; position: fixed; z-index: 1000 } .myadmin-alert-top { left: 0; right: 0; top: 0 } .myadmin-alert-bottom { bottom: 0; left: 0; right: 0 } .myadmin-alert-top-left { left: 20px; top: 80px } .myadmin-alert-top-right { right: 20px; top: 80px } .myadmin-alert-bottom-left { bottom: 20px; left: 20px } .myadmin-alert-bottom-right { bottom: 20px; right: 20px } .myadmin-alert-fullsize { left: 50%; margin: -20px; top: 50% } .alert-custom { background: #2cabe3; color: #fff; border-color: #2cabe3 } .alert-inverse { background: #4c5667; color: #fff; border-color: #4c5667 } .alert-success { background: #7ace4c; color: #fff; border-color: #7ace4c } .alert-dark { background: #313131; color: #fff; border-color: #313131 } .alert-warning { background: #fb4; color: #fff; border-color: #fb4 } .alert-danger { background: #f33155; color: #fff; border-color: #f33155 } .alert-primary { background: #707cd2; color: #fff; border-color: #707cd2 } .alert-info { background: #41b3f9; color: #fff; border-color: #41b3f9 } .alert-info .closed, .alert-info a.closed:hover { color: inherit } .tab-content { margin-top: 0px; border: 1px solid #ddd; background: white; padding: 1em; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15) !important; margin-bottom: 1em; } .tab-content { margin-top: 0px; border: 1px solid #ddd; border-top: 0px; } .customtab { border-bottom: 2px solid #f7fafc } .customtab li.active a, .customtab li.active a:focus, .customtab li.active a:hover { background: #fff; border: 0; border-bottom: 2px solid #2cabe3; margin-bottom: -1px; color: #2cabe3 } .customtab li a, .customtab li a:focus, .customtab li a:hover { border: 0 } .customtab2 { border-bottom: 1px solid #f7fafc; border-top: 1px solid #f7fafc; padding: 10px 0 } .customtab2 li.active a, .customtab2 li.active a:focus, .customtab2 li.active a:hover { background: #2cabe3; border: 1px solid #2cabe3; color: #fff } .customtab2 li a, .customtab2 li a:focus, .customtab2 li a:hover { border: 0 } .vtabs { display: table } .vtabs .tabs-vertical { width: 150px; border-right: 1px solid rgba(120, 130, 140, .13); display: table-cell; vertical-align: top } .vtabs .tabs-vertical li a { color: #263238; margin-bottom: 10px } .vtabs .tab-content { display: table-cell; padding: 20px; vertical-align: top } .tabs-vertical li.active a, .tabs-vertical li.active a:focus, .tabs-vertical li.active a:hover { background: #2cabe3; border: 0; border-right: 2px solid #2cabe3; margin-right: -1px; color: #fff } .customvtab .tabs-vertical li.active a, .customvtab .tabs-vertical li.active a:focus, .customvtab .tabs-vertical li.active a:hover { background: #fff; border: 0; border-right: 2px solid #2cabe3; margin-right: -1px; color: #263238 } .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover { background: #2cabe3; color: #fff } .nav-pills>li>a { color: #263238; border-radius: 0 } .panel-group .panel .panel-heading .accordion-toggle.collapsed:before, .panel-group .panel .panel-heading a[data-toggle=collapse].collapsed:before { content: '\e64b' } .panel-group .panel .panel-heading a[data-toggle=collapse] { display: block } .panel-group .panel .panel-heading a[data-toggle=collapse]:before { content: '\e648'; display: block; float: right; font-family: themify; font-size: 14px; text-align: right; width: 25px } .panel-group .panel .panel-heading .accordion-toggle { display: block } .panel-group .panel .panel-heading .accordion-toggle:before { content: '\e648'; display: block; float: right; font-family: themify; font-size: 14px; text-align: right; width: 25px } .panel-group .panel .panel-heading+.panel-collapse .panel-body { border-top: none } .panel-group .panel-heading { padding: 12px 20px } .progress { -webkit-box-shadow: none!important; background-color: rgba(120, 130, 140, .13); box-shadow: none!important; height: 4px; border-radius: 0; margin-bottom: 18px; overflow: hidden } .progress-bar { box-shadow: none; font-size: 8px; font-weight: 600; line-height: 12px } .progress.progress-sm { height: 8px!important } .progress.progress-sm .progress-bar { font-size: 8px; line-height: 5px } .progress.progress-md { height: 15px!important } .progress.progress-md .progress-bar { font-size: 10.8px; line-height: 14.4px } .progress.progress-lg { height: 20px!important } .progress.progress-lg .progress-bar { font-size: 12px; line-height: 20px } .progress-bar-primary { background-color: #7460ee } .progress-bar-success { background-color: #7ace4c } .progress-bar-info { background-color: #41b3f9 } .progress-bar-megna { background-color: #01c0c8 } .progress-bar-warning { background-color: #fb4 } .progress-bar-danger { background-color: #f33155 } .progress-bar-inverse { background-color: #4c5667 } .progress-bar-purple { background-color: #707cd2 } .progress-bar-custom { background-color: #41b3f9 } .progress-animated { -webkit-animation-duration: 5s; -webkit-animation-name: myanimation; -webkit-transition: 5s all; animation-duration: 5s; animation-name: myanimation; transition: 5s all } @-webkit-keyframes myanimation { from { width: 0 } } @keyframes myanimation { from { width: 0 } } .progress-vertical { min-height: 250px; height: 250px; width: 4px; position: relative; display: inline-block; margin-bottom: 0; margin-right: 20px } .progress-vertical .progress-bar { width: 100% } .progress-vertical-bottom { min-height: 250px; height: 250px; position: relative; width: 4px; display: inline-block; margin-bottom: 0; margin-right: 20px } .progress-vertical-bottom .progress-bar { width: 100%; position: absolute; bottom: 0 } .progress-vertical-bottom.progress-sm, .progress-vertical.progress-sm { width: 8px!important } .progress-vertical-bottom.progress-sm .progress-bar, .progress-vertical.progress-sm .progress-bar { font-size: 8px; line-height: 5px } .progress-vertical-bottom.progress-md, .progress-vertical.progress-md { width: 15px!important } .progress-vertical-bottom.progress-md .progress-bar, .progress-vertical.progress-md .progress-bar { font-size: 10.8px; line-height: 14.4px } .progress-vertical-bottom.progress-lg, .progress-vertical.progress-lg { width: 20px!important } .progress-vertical-bottom.progress-lg .progress-bar, .progress-vertical.progress-lg .progress-bar { font-size: 12px; line-height: 20px } .chart { position: relative; display: inline-block; width: 100px; height: 100px; margin-top: 20px; margin-bottom: 20px; text-align: center } .chart canvas { position: absolute; top: 0; left: 0 } .chart.chart-widget-pie { margin-top: 5px; margin-bottom: 5px } .pie-chart>span { left: 0; margin-top: -2px; position: absolute; right: 0; text-align: center; top: 50%; transform: translateY(-50%) } .chart>span>img { left: 0; position: absolute; right: 0; text-align: center; top: 50%; width: 60%; height: 60%; transform: translateY(-50%); margin: 0 auto } .percent { display: inline-block; line-height: 100px; z-index: 2; font-weight: 600; font-size: 18px; color: #263238 } .percent:after { content: '%'; margin-left: .1em; font-size: .8em } .table { margin-bottom: 10px } .table-hover>tbody>tr:hover, .table-striped>tbody>tr:nth-of-type(odd), .table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active { background-color: #f7fafc!important } .table-bordered, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { border-top: 1px solid #e4e7ea } .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding: 15px 8px } .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border: 1px solid #e4e7ea } .table>thead>tr>th { vertical-align: bottom; border-bottom: 1px solid #e4e7ea } tbody { color: #797979 } th { color: #666; font-weight: 500 } .table-bordered { border: 1px solid #e4e7ea } table.focus-on tbody tr.focused td, table.focus-on tbody tr.focused th { background-color: #2cabe3; color: #fff } .table-rep-plugin .table-responsive { border: none!important } .table-rep-plugin tbody th { font-size: 14px; font-weight: 400 } .jsgrid .jsgrid-table { margin-bottom: 0 } .jsgrid-selected-row>td { background: #f7fafc; border-color: #f7fafc } .jsgrid-header-row>th { background: #fff } .footable-odd { background-color: #f7fafc } .form-control-line { border-left: 0 none; border-radius: 0; border-right: 0 none; border-top: 0 none; box-shadow: none; padding-left: 0 } .has-success .form-control { border-color: #7ace4c; box-shadow: none!important } .has-warning .form-control { border-color: #fb4; box-shadow: none!important } .has-error .form-control { border-color: #f33155; box-shadow: none!important } .input-group-addon { border-radius: 2px; border: 1px solid rgba(120, 130, 140, .13) } .input-daterange input:first-child, .input-daterange input:last-child { border-radius: 0 } .form-material .form-group { overflow: hidden } .form-material .form-control { background-color: rgba(0, 0, 0, 0); background-position: center bottom, center calc(99%); background-repeat: no-repeat; background-size: 0 2px, 100% 1px; padding: 0; transition: background 0s ease-out 0s } .form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus { background-image: linear-gradient(#707cd2, #707cd2), linear-gradient(rgba(120, 130, 140, .13), rgba(120, 130, 140, .13)); border: 0; border-radius: 0; box-shadow: none; float: none } .form-material .form-control.focus, .form-material .form-control:focus { background-size: 100% 2px, 100% 1px; outline: 0; transition-duration: .3s } .form-bordered .form-group { border-bottom: 1px solid rgba(120, 130, 140, .13); padding-bottom: 20px } .icon-list-demo div { cursor: pointer; line-height: 60px; white-space: nowrap; color: #313131 } .icon-list-demo div:hover { color: #263238 } .icon-list-demo div p { margin: 10px 0; padding: 5px 0 } .icon-list-demo i { -webkit-transition: all .2s; -webkit-transition: font-size .2s; display: inline-block; font-size: 18px; margin: 0 15px 0 10px; text-align: left; vertical-align: middle; width: auto; transition: all .3s ease 0s } .icon-list-demo .col-md-4 { border-radius: 0 } .icon-list-demo .col-md-4:hover { background-color: #f7fafc } .icon-list-demo .col-md-4:hover i { font-size: 2em } .gmaps, .gmaps-panaroma { height: 300px; background: #e4e7ea; border-radius: 3px } .gmaps-overlay { display: block; text-align: center; color: #fff; font-size: 16px; line-height: 40px; background: #7460ee; border-radius: 4px; padding: 10px 20px } .gmaps-overlay_arrow { left: 50%; margin-left: -16px; width: 0; height: 0; position: absolute } .gmaps-overlay_arrow.above { bottom: -15px; border-left: 16px solid transparent; border-right: 16px solid transparent; border-top: 16px solid #7460ee } .gmaps-overlay_arrow.below { top: -15px; border-left: 16px solid transparent; border-right: 16px solid transparent; border-bottom: 16px solid #7460ee } .jvectormap-zoomin, .jvectormap-zoomout { width: 10px; height: 10px; line-height: 10px } .jvectormap-zoomout { top: 40px } .error-box { height: 100%; position: fixed; top: 20%; width: 100% } .error-box .footer { width: 100%; left: 0; right: 0 } .error-body { padding-top: 5% } .error-body h1 { font-size: 210px; font-weight: 900; line-height: 210px } .login-register { background: url(/davivienda/v1/theme/plugins/images/login-register.jpg) center center/cover no-repeat!important; height: 100%; position: fixed } .login-box { background: #fff; width: 400px; margin: 10% auto 0 } .login-box .footer { width: 100%; left: 0; right: 0 } .login-box .social { display: block; margin-bottom: 30px } #recoverform { display: none } .new-login-register { position: fixed; height: 100% } .new-login-register .lg-info-panel { background: url(/davivienda/v1/theme/plugins/images/login-register.jpg) center center/cover no-repeat!important; width: 500px; height: 100%; position: fixed } .new-login-register .lg-info-panel .inner-panel { position: absolute; height: 100%; width: 100%; background: rgba(0, 0, 0, .5) } .new-login-register .lg-info-panel .lg-content { margin-top: 50%; text-align: center; padding: 0 50px } .new-login-register .lg-info-panel .lg-content h2 { color: #fff } .new-login-register .lg-info-panel .lg-content p { padding: 20px 0; color: rgba(255, 255, 255, .7); font-style: italic } .new-login-register .new-login-box { margin-left: 50%; margin-top: 10%; width: 400px } .new-login-register .new-login-box .new-lg-form { padding-top: 20px } .new-login-register .new-login-box .new-lg-form label { text-transform: uppercase; font-size: 12px } .new-login-register .new-login-box .social { display: block; margin-bottom: 30px } .pricing-box { position: relative; text-align: center; margin-top: 30px } .featured-plan { margin-top: 0 } .featured-plan .pricing-body { padding: 60px 0; background: #f7fafc; border: 1px solid #ddd } .featured-plan .price-table-content .price-row { border-top: 1px solid rgba(120, 130, 140, .13) } .pricing-body { border-radius: 0; border-top: 1px solid rgba(120, 130, 140, .13); border-bottom: 5px solid rgba(120, 130, 140, .13); vertical-align: middle; padding: 30px 0; position: relative } .pricing-body h2 { position: relative; font-size: 56px; margin: 20px 0 10px; font-weight: 500 } .pricing-body h2 span { position: absolute; font-size: 15px; top: -10px; margin-left: -10px } .price-table-content .price-row { padding: 20px 0; border-top: 1px solid rgba(120, 130, 140, .13) } .pricing-plan { padding: 0 15px } .pricing-plan .no-padding { padding: 0 } .price-lable { position: absolute; top: -10px; padding: 5px 10px; margin: 0 auto; display: inline-block; width: 100px; left: 0; right: 0 } .mails a { color: #263238 } .mails td { vertical-align: middle!important; position: relative } .mails td:last-of-type { width: 100px; padding-right: 20px } .mails tr:hover .text-white { display: none } .mails .mail-select { padding: 12px 20px; min-width: 134px } .mails .checkbox { margin-bottom: 0; margin-top: 0; vertical-align: middle; display: inline-block; height: 17px } .mails .checkbox label { min-height: 16px } .mail-list .list-group-item { background-color: transparent; border: 0; border-left: 3px solid #fff; border-radius: 0 } .mail-list .list-group-item:hover { background: #f7fafc; border-left: 3px solid #f7fafc } .mail-list .list-group-item:focus { border-left: 3px solid #f7fafc } .mail-list .list-group-item.active:focus { background: #f7fafc; border-left: 3px solid #f33155 } .mail-list .list-group-item.active { border-left: 3px solid #f33155; border-radius: 0; color: #263238!important } .mail_listing { min-height: 500px } .inbox_listing .inbox-item:hover { background: #f7fafc } .inbox_listing .inbox-item { padding-left: 20px } .inbox-widget.inbox_listing .inbox-item .inbox-item-text { height: 19px; overflow: hidden } .message-center .unread .mail-contnet .mail-desc, .message-center .unread .mail-contnet h5 { font-weight: 600; color: #263238!important } .none-border .modal-footer { border-top: none } .weather h1 { color: #fff; font-size: 50px; font-weight: 100 } .weather i { color: #fff; font-size: 40px } .weather .w-title-sub { color: rgba(255, 255, 255, .6) } @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg) } to { -webkit-transform: rotate(360deg) } } @-moz-keyframes rotate { from { -moz-transform: rotate(0deg) } to { -moz-transform: rotate(360deg) } } @keyframes rotate { from { transform: rotate(0deg) } to { transform: rotate(360deg) } } .right-side-toggle { position: relative } .right-side-toggle i { -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 1s; -moz-transition-property: -moz-transform; -moz-transition-duration: 1s; transition-property: transform; transition-duration: 1s; -webkit-animation-name: rotate; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: rotate; -moz-animation-duration: 2s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; animation-name: rotate; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; position: absolute; top: 7px; left: 8px } .right-sidebar { position: fixed; right: -var(--sidebar-width); width: var(--sidebar-width); display: none; z-index: 1200; background: #fff; top: 0; height: 100%; box-shadow: 5px 1px 40px rgba(0, 0, 0, .1); transition: all .3s ease } .right-sidebar .rpanel-title { display: block; padding: 21px; color: #fff; text-transform: uppercase; font-size: 13px; background: #2cabe3 } .right-sidebar .rpanel-title span { float: right; cursor: pointer; font-size: 11px } .right-sidebar .rpanel-title span:hover { color: #263238 } .right-sidebar .r-panel-body { padding: 20px } .right-sidebar .r-panel-body ul { margin: 0; padding: 0 } .right-sidebar .r-panel-body ul li { list-style: none; padding: 5px 0 } .shw-rside { right: 0; width: var(--sidebar-width); display: block } .chatonline img { margin-right: 10px; float: left; width: 30px } .chatonline li a { padding: 13px 0; float: left; width: 100% } .chatonline li a span { color: #313131 } .chatonline li a span small { display: block; font-size: 10px } ul#themecolors { display: block } ul#themecolors li { display: inline-block } ul#themecolors li:first-child { display: block } #themecolors li a { width: 50px; height: 50px; display: inline-block; margin: 5px; color: transparent; position: relative } #themecolors li a.working:before { content: "\f00c"; font-family: FontAwesome; font-size: 18px; line-height: 50px; width: 50px; height: 50px; position: absolute; top: 0; left: 0; color: #fff; text-align: center } .default-theme { background: #4c5667 } .green-theme { background: #7ace4c } .yellow-theme { background: #a0aec4 } .blue-theme { background: #41b3f9 } .purple-theme { background: #707cd2 } .megna-theme { background: #e4e7ea } .default-dark-theme { background: #4f5467; background: -moz-linear-gradient(left, #4f5467 0, #4f5467 23%, #f33155 23%, #f33155 99%); background: -webkit-linear-gradient(left, #4f5467 0, #4f5467 23%, #f33155 23%, #f33155 99%); background: linear-gradient(to right, #4f5467 0, #4f5467 23%, #f33155 23%, #f33155 99%) } .green-dark-theme { background: #4f5467; background: -moz-linear-gradient(left, #4f5467 0, #4f5467 23%, #00c292 23%, #00c292 99%); background: -webkit-linear-gradient(left, #4f5467 0, #4f5467 23%, #00c292 23%, #00c292 99%); background: linear-gradient(to right, #4f5467 0, #4f5467 23%, #00c292 23%, #00c292 99%) } .yellow-dark-theme { background: #4f5467; background: -moz-linear-gradient(left, #4f5467 0, #4f5467 23%, #a0aec4 23%, #a0aec4 99%); background: -webkit-linear-gradient(left, #4f5467 0, #4f5467 23%, #a0aec4 23%, #a0aec4 99%); background: linear-gradient(to right, #4f5467 0, #4f5467 23%, #a0aec4 23%, #a0aec4 99%) } .blue-dark-theme { background: #4f5467; background: -moz-linear-gradient(left, #4f5467 0, #4f5467 23%, #41b3f9 23%, #41b3f9 99%); background: -webkit-linear-gradient(left, #4f5467 0, #4f5467 23%, #41b3f9 23%, #41b3f9 99%); background: linear-gradient(to right, #4f5467 0, #4f5467 23%, #41b3f9 23%, #41b3f9 99%) } .purple-dark-theme { background: #4f5467; background: -moz-linear-gradient(left, #4f5467 0, #4f5467 23%, #707cd2 23%, #707cd2 99%); background: -webkit-linear-gradient(left, #4f5467 0, #4f5467 23%, #707cd2 23%, #707cd2 99%); background: linear-gradient(to right, #4f5467 0, #4f5467 23%, #707cd2 23%, #707cd2 99%) } .megna-dark-theme { background: #4f5467; background: -moz-linear-gradient(left, #4f5467 0, #4f5467 23%, #e4e7ea 23%, #e4e7ea 99%); background: -webkit-linear-gradient(left, #4f5467 0, #4f5467 23%, #e4e7ea 23%, #e4e7ea 99%); background: linear-gradient(to right, #4f5467 0, #4f5467 23%, #e4e7ea 23%, #e4e7ea 99%) } .red-dark-theme { background: #e20b0b; background: -moz-linear-gradient(left, #4f5467 0, #4f5467 23%, #e20b0b 23%, #e20b0b 99%); background: -webkit-linear-gradient(left, #4f5467 0, #4f5467 23%, #e20b0b 23%, #e20b0b 99%); background: linear-gradient(to right, #4f5467 0, #4f5467 23%, #e20b0b 23%, #e20b0b 99%) } .visited li a { color: #313131 } .visited li.active a { color: #2cabe3 } .stats-row { margin-bottom: 20px } .stat-item { display: inline-block; padding-right: 15px } .stat-item+.stat-item { padding-left: 15px; border-left: 1px solid #eee } .country-state { list-style: none; margin: 0; padding: 0 0 0 10px } .country-state h2 { margin: 0 } .country-state .progress { margin-top: 8px } .two-part li { width: 48.8% } .two-part li i { font-size: 50px } .two-part li span { font-size: 50px; font-weight: 100; font-family: Rubik, sans-serif } .news-slide { position: relative } .news-slide .overlaybg { height: 370px; overflow: hidden } .news-slide .overlaybg img { width: 100%; height: 100% } .news-slide .news-content { position: absolute; height: 370px; background: rgba(0, 0, 0, .5); z-index: 10; width: 100%; top: 0; padding: 30px } .news-slide .news-content h2 { height: var(--sidebar-width); overflow: hidden; color: #fff } .news-slide .news-content a { color: #fff; opacity: .6; text-transform: uppercase } .news-slide .news-content a:hover { opacity: 1 } .dashboard-slide .news-content, .dashboard-slide .overlaybg { height: 435px } .dashboard-slide .news-content h2 { height: 320px } .nav-pills-rounded li { display: inline-block; float: none } .nav-pills-rounded li a { border-radius: 60px; -moz-border-radius: 60px; -webkit-border-radius: 60px; color: #313131; padding: 10px 25px } .nav-pills-rounded li.active a, .nav-pills-rounded li.active a:focus, .nav-pills-rounded li.active a:hover { background: #2cabe3; color: #fff } .analytics-info .list-inline { margin-bottom: 0 } .analytics-info .list-inline li { vertical-align: middle } .analytics-info .list-inline li span { font-size: 24px } .analytics-info .list-inline li i { font-size: 20px } .feeds { margin: 0; padding: 0 } .feeds li { list-style: none; padding: 10px; display: block } .feeds li:hover { background: #f7fafc } .feeds li>div { width: 40px; height: 40px; margin-right: 5px; display: inline-block; text-align: center; vertical-align: middle; border-radius: 100% } .feeds li>div i { line-height: 40px } .feeds li span { float: right; width: auto; font-size: 12px } .jq-icon-info { background-color: #41b3f9; color: #fff } .jq-icon-success { background-color: #7ace4c; color: #fff } .jq-icon-error { background-color: #f33155; color: #fff } .jq-icon-warning { background-color: #fb4; color: #fff } .dropzone { border-style: dashed; border-width: 1px } .weather h1 sup { font-size: 20px; top: -1.2em } .fcbtn { position: relative; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; padding: 8px 20px } .fcbtn:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s } .btn-1b:after { width: 100%; height: 0; top: 0; left: 0 } .btn-1b:active, .btn-1b:hover { color: #fff } .btn-1b:active:after, .btn-1b:hover:after { height: 100% } .btn-1b.btn-info:after, .btn-1c.btn-info:after, .btn-1d.btn-info:after, .btn-1e.btn-info:after, .btn-1f.btn-info:after { background: #41b3f9 } .btn-1b.btn-warning:after, .btn-1c.btn-warning:after, .btn-1d.btn-warning:after, .btn-1e.btn-warning:after, .btn-1f.btn-warning:after { background: #fb4 } .btn-1b.btn-danger:after, .btn-1c.btn-danger:after, .btn-1d.btn-danger:after, .btn-1e.btn-danger:after, .btn-1f.btn-danger:after { background: #f33155 } .btn-1b.btn-primary:after, .btn-1c.btn-primary:after, .btn-1d.btn-primary:after, .btn-1e.btn-primary:after, .btn-1f.btn-primary:after { background: #707cd2 } .btn-1b.btn-success:after, .btn-1c.btn-success:after, .btn-1d.btn-success:after, .btn-1e.btn-success:after, .btn-1f.btn-success:after { background: #7ace4c } .btn-1b.btn-inverse:after, .btn-1c.btn-inverse:after, .btn-1d.btn-inverse:after, .btn-1e.btn-inverse:after, .btn-1f.btn-inverse:after { background: #4c5667 } .btn-1c:after { width: 0; height: 100%; top: 0; left: 0 } .btn-1c:active, .btn-1c:hover { color: #000 } .btn-1c:active:after, .btn-1c:hover:after { width: 100% } .btn-1d { overflow: hidden } .btn-1d:after { width: 0; height: 103%; top: 50%; left: 50%; opacity: 0; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%) } .btn-1d:hover:after { width: 100%; opacity: 1 } .btn-1e { overflow: hidden } .btn-1e:after { width: 100%; height: 0; top: 50%; left: 50%; background: #fff; opacity: 0; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg) } .btn-1e:hover:after { height: 260%; opacity: 1 } .btn-1e:active:after { height: 400%; opacity: 1 } .btn-1f { overflow: hidden } .btn-1f:after { width: 101%; height: 0; top: 50%; left: 50%; background: #fff; opacity: 0; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%) } .btn-1f:hover:after { height: 100%; opacity: 1 } .btn-1f:active:after { height: 130%; opacity: 1 } .sweet-alert { padding: 25px; } .sweet-alert h2 { margin-top: 0 } .sweet-alert p { line-height: 30px } ul.list-icons { margin: 0; padding: 0 } ul.list-icons li { list-style: none; line-height: 40px } ul.list-icons li i { font-size: 12px; margin-right: 5px } .demo-popover .popover, .demo-tooltip .tooltip { position: relative; margin-right: 25px; opacity: 1; display: inline-block } .tooltip-inner { border-radius: 3px; padding: 5px 10px } .tooltip.in { opacity: 1; min-width:125px; } .tooltip-primary+.tooltip .tooltip-inner, .tooltip-primary.tooltip .tooltip-inner { color: #fff; background-color: #7460ee } .tooltip-primary+.tooltip.top .tooltip-arrow, .tooltip-primary.tooltip.top .tooltip-arrow { border-top-color: #7460ee } .tooltip-primary+.tooltip.right .tooltip-arrow, .tooltip-primary.tooltip.right .tooltip-arrow { border-right-color: #7460ee } .tooltip-primary+.tooltip.bottom .tooltip-arrow, .tooltip-primary.tooltip.bottom .tooltip-arrow { border-bottom-color: #7460ee } .tooltip-primary+.tooltip.left .tooltip-arrow, .tooltip-primary.tooltip.left .tooltip-arrow { border-left-color: #7460ee } .tooltip-success+.tooltip .tooltip-inner, .tooltip-success.tooltip .tooltip-inner { color: #fff; background-color: #7ace4c } .tooltip-success+.tooltip.top .tooltip-arrow, .tooltip-success.tooltip.top .tooltip-arrow { border-top-color: #7ace4c } .tooltip-success+.tooltip.right .tooltip-arrow, .tooltip-success.tooltip.right .tooltip-arrow { border-right-color: #7ace4c } .tooltip-success+.tooltip.bottom .tooltip-arrow, .tooltip-success.tooltip.bottom .tooltip-arrow { border-bottom-color: #7ace4c } .tooltip-success+.tooltip.left .tooltip-arrow, .tooltip-success.tooltip.left .tooltip-arrow { border-left-color: #7ace4c } .tooltip-warning+.tooltip .tooltip-inner, .tooltip-warning.tooltip .tooltip-inner { color: #fff; background-color: #fb4 } .tooltip-warning+.tooltip.top .tooltip-arrow, .tooltip-warning.tooltip.top .tooltip-arrow { border-top-color: #fb4 } .tooltip-warning+.tooltip.right .tooltip-arrow, .tooltip-warning.tooltip.right .tooltip-arrow { border-right-color: #fb4 } .tooltip-warning+.tooltip.bottom .tooltip-arrow, .tooltip-warning.tooltip.bottom .tooltip-arrow { border-bottom-color: #fb4 } .tooltip-warning+.tooltip.left .tooltip-arrow, .tooltip-warning.tooltip.left .tooltip-arrow { border-left-color: #fb4 } .tooltip-info+.tooltip .tooltip-inner, .tooltip-info.tooltip .tooltip-inner { color: #fff; background-color: #41b3f9 } .tooltip-info+.tooltip.top .tooltip-arrow, .tooltip-info.tooltip.top .tooltip-arrow { border-top-color: #41b3f9 } .tooltip-info+.tooltip.right .tooltip-arrow, .tooltip-info.tooltip.right .tooltip-arrow { border-right-color: #41b3f9 } .tooltip-info+tooltip.bottom .tooltip-arrow, .tooltip-info.tooltip.bottom .tooltip-arrow { border-bottom-color: #41b3f9 } .tooltip-info+.tooltip.left .tooltip-arrow, .tooltip-info.tooltip.left .tooltip-arrow { border-left-color: #41b3f9 } .tooltip-danger+.tooltip .tooltip-inner, .tooltip-danger.tooltip .tooltip-inner { color: #fff; background-color: #f33155 } .tooltip-danger+.tooltip.top .tooltip-arrow, .tooltip-danger.tooltip.top .tooltip-arrow { border-top-color: #f33155 } .tooltip-danger+.tooltip.right .tooltip-arrow, .tooltip-danger.tooltip.right .tooltip-arrow { border-right-color: #f33155 } .tooltip-danger+.tooltip.bottom .tooltip-arrow, .tooltip-danger.tooltip.bottom .tooltip-arrow { border-bottom-color: #f33155 } .tooltip-danger+.tooltip.left .tooltip-arrow, .tooltip-danger.tooltip.left .tooltip-arrow { border-left-color: #f33155 } .flotTip { padding: 8px 12px; background-color: #263238; z-index: 100; color: #fff; opacity: .9; font-size: 13px } .popover { -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .05); box-shadow: 0 2px 6px rgba(0, 0, 0, .05) } .popover .popover-title { border-radius: 0 } .popover-primary+.popover .popover-title { color: #fff; background-color: #7460ee; border-color: #7460ee } .popover-primary+.popover.bottom .arrow, .popover-primary+.popover.bottom .arrow:after { border-bottom-color: #7460ee } .popover-success+.popover .popover-title { color: #fff; background-color: #7ace4c; border-color: #7ace4c } .popover-success+.popover.bottom .arrow, .popover-success+.popover.bottom .arrow:after { border-bottom-color: #7ace4c } .popover-info+.popover .popover-title { color: #fff; background-color: #41b3f9; border-color: #41b3f9 } .popover-info+.popover.bottom .arrow, .popover-info+.popover.bottom .arrow:after { border-bottom-color: #41b3f9 } .popover-warning+.popover .popover-title { color: #fff; background-color: #fb4; border-color: #fb4 } .popover-warning+.popover.bottom .arrow, .popover-warning+.popover.bottom .arrow:after { border-bottom-color: #fb4 } .popover-danger+.popover .popover-title { color: #fff; background-color: #f33155; border-color: #f33155 } .popover-danger+.popover.bottom .arrow, .popover-danger+.popover.bottom .arrow:after { border-bottom-color: #f33155 } .btn-file { overflow: hidden; position: relative; vertical-align: middle } .btn-file>input { position: absolute; top: 0; right: 0; margin: 0; opacity: 0; filter: alpha(opacity=0); font-size: 23px; height: 100%; width: 100%; direction: ltr; cursor: pointer; border-radius: 0 } .fileinput { margin-bottom: 9px; display: inline-block } .fileinput .form-control { padding-top: 7px; padding-bottom: 5px; display: inline-block; margin-bottom: 0; vertical-align: middle; cursor: text } .fileinput .thumbnail { overflow: hidden; display: inline-block; margin-bottom: 5px; vertical-align: middle; text-align: center } .fileinput .thumbnail>img { max-height: 100% } .fileinput .btn { vertical-align: middle } .fileinput-exists .fileinput-new, .fileinput-new .fileinput-exists { display: none } .fileinput-inline .fileinput-controls { display: inline } .fileinput-filename { vertical-align: middle; display: inline-block; overflow: hidden } .form-control .fileinput-filename { vertical-align: bottom } .fileinput.input-group { display: table } .fileinput.input-group>* { position: relative; z-index: 2 } .fileinput.input-group>.btn-file { z-index: 1 } .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 100% } .ms-container .ms-list { border-radius: 0; box-shadow: none } .ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection { padding: 6px 10px } .ms-container .ms-selectable li.ms-hover, .ms-container .ms-selection li.ms-hover { background: #41b3f9 } .dropzone .dz-message { text-align: center; margin: 10% 0 } .editable-input .form-control { height: 30px } .asColorPicker-trigger { position: absolute; top: 0; right: -35px; height: 38px; width: 37px; border: 0 } .asColorPicker-dropdown { max-width: 260px } .asColorPicker-clear { top: 7px; right: 16px } .datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover { background: #2cabe3; color: #fff } .datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover { background: #41b3f9; color: #fff } .editable-table+input.error { border: 1px solid #danger; outline: 0; outline-offset: 0 } #editable-datatable_wrapper+input:focus, .editable-table+input, .editable-table+input:focus { border: 1px solid #41b3f9!important; outline: 0!important; outline-offset: 0!important } .editable-table td:focus { outline: 0 } .user-profile { padding: 70px 0 15px; position: relative; text-align: center } .user-profile .user-pro-body { display: block } .user-profile .user-pro-body img { width: 50px; display: block; margin: 0 auto 10px } .user-profile .user-pro-body .u-dropdown { color: #97999f } .user-profile .user-pro-body .dropdown-menu { right: 0; width: 180px; left: 0; margin: 0 auto } .wizard-steps { display: table; width: 100% } .wizard-steps>li { display: table-cell; padding: 10px 20px; background: #f7fafc } .wizard-steps>li span { border-radius: 100%; border: 1px solid rgba(120, 130, 140, .13); width: 40px; height: 40px; display: inline-block; vertical-align: middle; padding-top: 9px; margin-right: 8px; text-align: center } .wizard-content { padding: 25px; border-color: rgba(120, 130, 140, .13); margin-bottom: 30px } .wizard-steps>li.current, .wizard-steps>li.done { background: #41b3f9; color: #fff } .wizard-steps>li.current span, .wizard-steps>li.done span { border-color: #fff; color: #fff } .wizard-steps>li.current h4, .wizard-steps>li.done h4 { color: #fff } .wizard-steps>li.done { background: #7ace4c } .wizard-steps>li.error { background: #f33155 } .wiz-aco .pager { margin: 0 } #morris-donut-chart svg text { font-family: Rubik, sans-serif!important; font-weight: 400!important } #diagram { margin: 0 auto; width: 250px; padding-top: 30px; height: 271px } #diagram circle { fill: #fff } #diagram text { fill: #313131 } .get { display: none } ul.expense-box { margin: 0; padding: 0 } ul.expense-box li { list-style: none; display: inline-block; padding: 8px 0 8px 20px } ul.expense-box li i { width: 60px; font-size: 30px; vertical-align: middle; display: inline-block } ul.expense-box li div, ul.expense-box li span { display: inline-block; vertical-align: middle } ul.expense-box li div h2, ul.expense-box li span h2 { margin-bottom: 0; font-weight: 400 } ul.expense-box li div h4, ul.expense-box li span h4 { margin-top: 0 } .minus-margin { margin: 0 -25px } .manage-users { margin-bottom: 30px } .manage-users .tabs-style-iconbox nav { background: #41b3f9 } .manage-users .tabs-style-iconbox nav ul li a { color: rgba(255, 255, 255, .6); text-transform: uppercase } .manage-users .tabs-style-iconbox nav ul li a.sticon:before { margin-bottom: 15px } .manage-users .tabs-style-iconbox nav ul li.tab-current a { box-shadow: none } ul.side-icon-text { margin: 0; padding: 0 } ul.side-icon-text>li { list-style: none; display: inline-block; margin-right: 10px } ul.side-icon-text>li a { color: #313131; font-weight: 400 } ul.side-icon-text>li a:hover { color: #41b3f9 } ul.side-icon-text>li a span { margin-right: 10px } .manage-table { border-top: 1px solid rgba(120, 130, 140, .13); margin: 10px -25px 0; background: #f7fafc; padding: 30px } .table tbody tr.advance-table-row { border: 2px solid rgba(120, 130, 140, .13); white-space: nowrap } .table tbody tr.advance-table-row .checkbox { margin: 0 } .table tbody tr.advance-table-row.active { border: 2px solid #2cabe3 } .table tbody tr.advance-table-row td { vertical-align: middle!important; border: 0!important; font-size: 16px; background: #fff } td.sm-pd { padding: 5px 0!important } .demo-container .flot-text, .demo-container .flot-x-axis, .wallet-widgets #morris-area-chart2 text { display: none } ul.wallet-list { margin: 0; padding: 0 } ul.wallet-list li { list-style: none; display: block; font-size: 18px; padding: 20px; border-top: 1px solid rgba(120, 130, 140, .13) } ul.wallet-list li i { font-size: 24px; display: inline-block; margin-right: 12px; vertical-align: middle; color: #41b3f9 } ul.wallet-list li a { vertical-align: middle; color: #313131 } ul.wallet-list li a:hover { color: #2cabe3 } @keyframes dasharray-craziness { 0% { stroke-dasharray: 5px } 50% { stroke-dasharray: 6px } 100% { stroke-dasharray: 7px } } #ct-bar-chart, #ct-city-wth, #ct-daily-sales, #ct-extra, #ct-main-bal, #ct-polar-chart, #ct-sales, #ct-visits, #ct-weather { position: relative } #ct-extra .ct-series-a .ct-line, #ct-extra .ct-series-a .ct-point, #ct-sales .ct-series-a .ct-line, #ct-sales .ct-series-a .ct-point, #ct-weather .ct-series-a .ct-line, #ct-weather .ct-series-a .ct-point { stroke: #fff; stroke-shadow: 3px 10px 10px #000 } #ct-extra .ct-series-a .ct-area, #ct-sales .ct-series-a .ct-area, #ct-weather .ct-series-a .ct-area { fill: none } #ct-extra .ct-grid, #ct-sales .ct-grid, #ct-weather .ct-grid { stroke: rgba(255, 255, 255, .2); stroke-dasharray: 0 } #ct-weather .ct-series-a .ct-line { animation: dasharray-craziness 2s infinite } .ct-label { font-size: 1em } #ct-extra .ct-series-a .ct-line, #ct-extra .ct-series-a .ct-point { stroke: #41b3f9; animation: dasharray-craziness .5s infinite } #ct-extra .ct-grid { stroke: rgba(0, 0, 0, .2); stroke-dasharray: 2px } #ct-bar-chart .ct-series-a .ct-bar { stroke: #41b3f9; stroke-width: 7px } #ct-main-bal .ct-series-a .ct-line, #ct-main-bal .ct-series-a .ct-point { stroke: none; fill: #41b3f9; fill-opacity: .5 } #ct-main-bal .ct-series-b .ct-line, #ct-main-bal .ct-series-b .ct-point { stroke: #41b3f9; stroke-width: 1px; animation: dasharray-craziness 2s infinite; opacity: .8 } #ct-main-bal .ct-series-b .ct-area { fill: #41b3f9; fill-opacity: .2 } #ct-visits .ct-series-a .ct-line, #ct-visits .ct-series-a .ct-point { stroke: #98a6ad } #ct-visits .ct-series-b .ct-line, #ct-visits .ct-series-b .ct-point { stroke: #41b3f9 } #ct-visits .ct-series-a .ct-area { fill: #98a6ad; fill-opacity: .05 } #ct-visits .ct-series-b .ct-area { fill: #41b3f9; fill-opacity: .1 } #ct-visits .ct-line { stroke-width: 2px } #ct-city-wth .ct-label { color: #fff } #ct-city-wth .ct-series-a .ct-line, #ct-city-wth .ct-series-a .ct-point { stroke: #41b3f9 } #ct-city-wth .ct-series-a .ct-area { fill: none } #ct-polar-chart .ct-series-a .ct-point, #ct-polar-chart .ct-series-b .ct-point, #ct-polar-chart .ct-series-c .ct-point, #ct-polar-chart .ct-series-d .ct-point { stroke-width: 3px } #ct-polar-chart .ct-series-a .ct-area { fill: #41b3f9 } #ct-polar-chart .ct-series-b .ct-area { fill: #7ace4c } #ct-polar-chart .ct-series-c .ct-area { fill: #f33155 } #ct-polar-chart .ct-series-d .ct-area { fill: #fb4 } #ct-daily-sales .ct-series-a .ct-bar { stroke: rgba(255, 255, 255, .7); stroke-width: 10px } .dp-table { display: table; width: 100%; margin: 0; padding: 0 } .dp-table li { margin: 0; padding: 0; list-style: none; display: table-cell; text-align: center } .calendar-widget { display: block; background: #fff; overflow: hidden } .calendar-widget .cal-left { width: 30%; float: left; position: absolute; padding: 5%; height: 100% } .calendar-widget .cal-left .cal-btm-text { position: absolute; bottom: 40px; font-weight: 400 } .calendar-widget .cal-left h1 { font-size: 50px; margin-bottom: 0; font-weight: 400 } .calendar-widget .cal-left span { width: 100px; border-top: 2px solid #7ace4c; height: 2px; margin: 3px 0; display: inline-block } .calendar-widget .cal-right { width: 70%; float: right; min-height: 200px } .calendar-widget .cal-right .cal-table { width: 100% } .calendar-widget .cal-right .cal-table td { padding: 18px 15px; text-align: center; font-weight: 400 } .calendar-widget .cal-right .cal-table td h1 { text-align: left; font-weight: 400; padding-left: 30px } .calendar-widget .cal-right .cal-table td .cal-add { font-size: 24px } .calendar-widget .cal-right .cal-table td.cal-active { border-radius: 60px; background: rgba(0, 0, 0, .1) } .real-time-widgets { text-align: center; position: relative } .real-time-widgets .data-text { width: 200px; margin: 0 auto; position: absolute; left: 0; z-index: 200; right: 0; top: 110px } .real-time-widgets .data-text h1 { font-size: 50px } .real-time-widgets .data-text h5 { width: 70px; margin: 0 auto 10px; padding-bottom: 8px; border-bottom: 2px solid #7ace4c } .real-time-widgets .data-text span { font-size: 18px; font-weight: 400 } .profile-social-icons { padding-bottom: 30px; font-size: 20px } .profile-social-icons a { color: #98a6ad } .mailbox-widget .customtab { border-bottom: 0 } .mailbox-widget .customtab li a { color: #fff } .mailbox-widget .customtab li a:hover { background: 0 0; opacity: .5 } .mailbox-widget .customtab li.active a, .mailbox-widget .customtab li.active a:focus { background: 0 0; color: #fff; border-color: #7ace4c } .sk-chat-widgets .chatonline { padding: 0 } .sk-chat-widgets .chatonline li { list-style: none; padding: 5px 0; position: relative } .sk-chat-widgets .chatonline li a { float: none; display: inline-block } .sk-chat-widgets .chatonline li a img { width: 40px } .sk-chat-widgets .chatonline li .call-chat { position: absolute; right: 0; display: none; top: 20px } .sk-chat-widgets .chatonline li:hover .call-chat { display: block } .chat-box-input { border: 0; width: 100%; height: 60px; resize: none; line-height: 24px } .manage-u-table select { max-width: 150px; border-radius: 60px } .manage-u-table td { white-space: nowrap } .city-weather-widget .side-icon-text i { font-size: 50px; margin-right: 15px } .city-weather-widget .side-icon-text h1 { font-weight: 500 } .city-weather-days { padding: 0 15px } .city-weather-days li { text-align: center; font-size: 16px; padding: 18px 0; border-left: 1px solid rgba(120, 130, 140, .13); border-top: 1px solid rgba(120, 130, 140, .13) } .city-weather-days li span { display: block; text-transform: uppercase; line-height: 24px; padding: 7px 0 } .city-weather-days li i { font-size: 30px; color: #e8e8e8 } .city-weather-days li.active { border-bottom: 2px solid #f33155 } .city-weather-days li.active i { color: #f33155 } .weather-with-bg .wt-top .wt-img { width: 100%; height: 350px; padding: 40px 60px; background-size: cover; background-position: center center; overflow: hidden } .weather-with-bg .wt-top .wt-img h1, .weather-with-bg .wt-top .wt-img h4, .weather-with-bg .wt-top .wt-img i { color: #fff } .weather-with-bg .wt-top .wt-img .side-icon-text li i { font-size: 60px; margin-right: 20px } .weather-with-bg .wt-top .wt-img .side-icon-text li h1 { font-size: 60px } .weather-with-bg .wt-top .wt-img .wt-city-text { padding-top: 50px } .weather-with-bg .wt-counter li { display: inline-block; padding: 10px 7.5px } .weather-with-bg .wt-counter li a { min-width: 50px; display: block; padding: 13px; height: 50px; color: #313131; font-size: 17px; text-align: center; border-radius: 100% } .weather-with-bg .wt-counter li.active a { background: #2cabe3; color: #fff } .mt-gauge { background: #fff; height: 314px } .calendar-events { padding: 8px 10px; border: 1px solid #fff; cursor: move } .calendar-events:hover { border: 1px dashed rgba(120, 130, 140, .13) } .calendar-events i { margin-right: 8px } .earning-box { padding: 0; margin: 0 } .earning-box li { display: box; list-style: none; padding: 20px 0 } .earning-box li .er-row { overflow: hidden } .earning-box li .er-row .er-pic { float: left; margin-right: 20px } .earning-box li .er-row .er-pic img { width: 60px } .earning-box li .er-row .er-text { float: left; width: 45% } .earning-box li .er-row .er-text h3 { margin: 5px 0 0; font-weight: 400; font-size: 18px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .earning-box li .er-row .er-count { float: right; font-size: 30px; padding-top: 5px; color: #41b3f9; font-weight: 400 } .todo-list li { border: 0; border-bottom: 1px solid rgba(120, 130, 140, .13); margin-bottom: 0; padding: 20px 15px 15px 0 } .todo-list li .checkbox label { font-weight: 400 } .todo-list li:last-child { border-bottom: 0 } .todo-list li .assignedto { padding: 0 0 0 27px; margin: 0 } .todo-list li .assignedto li { list-style: none; padding: 0; display: inline-block; border: 0; margin-right: 2px } .todo-list li .assignedto li img { width: 30px; border-radius: 100% } .todo-list li .item-date { padding-left: 25px; font-size: 12px; display: inline-block } .list-task .task-done span { text-decoration: line-through } .no-bg-addon .input-group-addon { background-color: #fff; border: 1px solid rgba(120, 130, 140, .13); left: -2px; position: relative; z-index: 10; border-left: 0; color: #e4e7ea; border-radius: 0 3px 3px 0 } .no-bg-addon .form-control { transition: 0s } .no-bg-addon .form-control:focus+.input-group-addon { border-color: #313131; color: #313131 } .select-mode .btn { padding: 15px 0 } .select-mode .btn.btn-default:focus { border-color: #41b3f9; color: #fff; background: #41b3f9 } ul.select-row-icon { padding: 0; margin: 0 } ul.select-row-icon li { display: block; list-style: none } ul.select-row-icon li a { display: block; color: #313131; padding: 8px 15px; position: relative; border: 2px solid #fff } ul.select-row-icon li a i { font-size: 24px; vertical-align: middle; padding-right: 10px } ul.select-row-icon li a i.whn-hov { color: #41b3f9; display: none; float: right; position: absolute; right: 15px; top: 10px } ul.select-row-icon li a.selected, ul.select-row-icon li a:hover { border: 2px solid rgba(120, 130, 140, .13) } ul.select-row-icon li a.selected i.whn-hov, ul.select-row-icon li a:hover i.whn-hov { display: inline-block } .sidebar { overflow-y: auto; padding-top: 60px; } .sidebar .sidebar-nav.navbar-collapse { padding-left: 0; padding-right: 0 } .sidebar .fa-fw { width: 20px; text-align: center!important; display: inline-block; font-style: normal; margin-right: 7px; font-size: 16px; vertical-align: middle } .sidebar .mdi { font-size: 21px } .sidebar .sidebar-head { padding: 4px 20px; width: var(--sidebar-width); position: fixed; z-index: 10; left: 0; top: 0 } .sidebar .sidebar-head h3 { color: #fff; font-weight: 400 } .sidebar .sidebar-head h3 i { font-size: 20px } .sidebar:hover .sidebar-head { width: var(--sidebar-width) } .sidebar .label { font-size: 10px; border-radius: 60px; padding: 6px 8px; min-width: 30px; height: 20px; margin-top: 0 } .sidebar #side-menu .user-pro .img-circle { width: 30px; margin-right: 10px } .sidebar #side-menu .user-pro>a { padding-left: 15px } .sidebar #side-menu .user-pro ul li a { padding-left: 25px } .sidebar #side-menu .user-pro .nav-second-level li i { margin-right: 10px } #side-menu { overflow: hidden; margin-bottom: 40px; } .sidebar .sidebar-search { padding: 15px } #side-menu li.active a { background: rgba(0, 0, 0, 0) } #side-menu li a { color: #97999f; width: var(--sidebar-width) } #side-menu li a:focus { background: rgba(0, 0, 0, 0) } #side-menu li.devider { margin: 7px 0; border-top: 1px solid rgba(120, 130, 140, .13) } #side-menu li a:focus, #side-menu li a:hover { background: rgba(0, 0, 0, .1) } #side-menu li a.active { color: #2cabe3 } #side-menu ul li a:hover { color: #2cabe3; background: 0 0 } #side-menu ul li a.active { color: #2cabe3 } .sidebar .arrow { position: absolute; right: 20px; } .sidebar .nav-second-level .arrow { right: 20px; } .sidebar .fa.arrow:before { content: "\f105" } .sidebar .active>a>span>.fa.arrow:before { content: "\f107" } .sidebar .nav-second-level li, .sidebar .nav-third-level li { border-bottom: none!important } .sidebar .nav-second-level li a { padding: 14px 10px 14px 40px } .sidebar .nav-third-level li a { padding-left: 60px } .content-wrapper .nicescroll-rails { display: none!important } .sttabs { position: relative; overflow: hidden; margin: 0 auto; width: 100%; font-weight: 300 } .sticon::before { display: inline-block; margin: 0 .4em 0 0; vertical-align: middle; font-size: 20px; speak: none; -webkit-backface-visibility: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .sttabs nav { text-align: center } .sttabs nav ul { position: relative; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; margin: 0 auto; padding: 0; font-family: Poppins, sans-serif; list-style: none; -ms-box-orient: horizontal; -ms-box-pack: center; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center } .sttabs nav ul li { position: relative; z-index: 1; display: block; margin: 0; text-align: center; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1 } .sttabs nav a { position: relative; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 2.5 } .sttabs nav a span { vertical-align: middle; font-wight: 500; font-size: 14px; font-family: Rubik, sans-serif } .sttabs nav a:focus { outline: 0 } .sttabs nav li.tab-current a { color: #f33155 } .content-wrap { background: #fff } .tabs-style-bar nav ul li a { margin: 0 2px; background-color: #f7fafc; color: #686868; padding: 5px 0; transition: background-color .2s, color .2s } .tabs-style-bar nav ul li a:focus, .tabs-style-bar nav ul li a:hover { color: #f33155 } .tabs-style-bar nav ul li a span { text-transform: uppercase; letter-spacing: 1px; font-size: 14px; font-family: Poppins, sans-serif } .tabs-style-bar nav ul li.tab-current a { background: #fb9678; color: #fff } .tabs-style-iconbox nav { background: #f7fafc } .tabs-style-iconbox nav ul li a { overflow: visible; padding: 25px 0; line-height: 1; -webkit-transition: color .2s; transition: color .2s; color: #263238 } .tabs-style-iconbox nav ul li.tab-current { z-index: 1 } .tabs-style-iconbox nav ul li.tab-current a { background: #41b3f9; color: #fff; box-shadow: -1px 0 0 #fff } .tabs-style-iconbox nav ul li.tab-current a::after { position: absolute; top: 100%; left: 50%; margin-left: -10px; width: 0; height: 0; border: solid transparent; border-width: 10px; border-top-color: #41b3f9; content: ''; pointer-events: none } .tabs-style-iconbox nav ul li::after, .tabs-style-iconbox nav ul li:first-child::before { position: absolute; top: 20%; right: 0; z-index: -1; width: 1px; height: 60%; content: '' } .tabs-style-iconbox nav ul li:first-child::before { right: auto; left: 0 } .tabs-style-iconbox .sticon::before { display: block; margin: 0 0 .25em } .tabs-style-underline nav { border: 1px solid rgba(120, 130, 140, .13) } .tabs-style-underline nav a { padding: 20px 0; border-left: 1px solid rgba(120, 130, 140, .13); -webkit-transition: color .2s; transition: color .2s; color: #263238 } .tabs-style-underline nav li:last-child a { border-right: 1px solid rgba(120, 130, 140, .13) } .tabs-style-underline nav li a::after { position: absolute; bottom: 0; left: 0; width: 100%; height: 6px; background: #fb9678; content: ''; -webkit-transition: -webkit-transform .3s; transition: transform .3s; -webkit-transform: translate3d(0, 150%, 0); transform: translate3d(0, 150%, 0) } .tabs-style-underline nav li.tab-current a::after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .tabs-style-linetriangle nav a { overflow: visible; border-bottom: 1px solid rgba(0, 0, 0, .2); -webkit-transition: color .2s; transition: color .2s } .tabs-style-linetriangle nav a span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; padding: 15px 0; color: #263238 } .tabs-style-linetriangle nav li.tab-current a:after, .tabs-style-linetriangle nav li.tab-current a:before { position: absolute; top: 100%; left: 50%; width: 0; height: 0; border: solid transparent; content: ''; pointer-events: none } .tabs-style-linetriangle nav li.tab-current a:after { margin-left: -10px; border-width: 10px; border-top-color: #fff } .tabs-style-linetriangle nav li.tab-current a span { color: #f33155 } .tabs-style-linetriangle nav li.tab-current a:before { margin-left: -11px; border-width: 11px; border-top-color: rgba(0, 0, 0, .2) } .tabs-style-iconfall { overflow: visible } .tabs-style-iconfall nav { max-width: 1200px; margin: 0 auto } .tabs-style-iconfall nav a { display: inline-block; overflow: visible; padding: 1em 0 2em; color: #263238; line-height: 1; -webkit-transition: color .3s cubic-bezier(.7, 0, .3, 1); transition: color .3s cubic-bezier(.7, 0, .3, 1) } .tabs-style-iconfall nav a:focus, .tabs-style-iconfall nav a:hover, .tabs-style-iconfall nav li.tab-current a { color: #f33155 } .tabs-style-iconfall nav li::before { position: absolute; bottom: 1em; left: 50%; margin-left: -20px; width: 40px; height: 4px; background: #f33155; content: ''; opacity: 0; -webkit-transition: -webkit-transform .2s ease-in; transition: transform .2s ease-in; -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1) } .tabs-style-iconfall nav li.tab-current::before { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } .tabs-style-iconfall nav li.tab-current .sticon::before { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .tabs-style-iconfall .sticon::before { display: block; margin: 0 0 .35em; opacity: 0; font-size: 24px; -webkit-transition: -webkit-transform .2s, opacity .2s; transition: transform .2s, opacity .2s; -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); pointer-events: none } @media screen and (max-width:58em) { .tabs-style-iconfall nav li .sticon::before { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .tabs-style-linemove nav { background: #f7fafc } .tabs-style-linemove nav li:last-child::before { position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: #f33155; content: ''; -webkit-transition: -webkit-transform .3s; transition: transform .3s } .tabs-style-linemove nav li:first-child.tab-current~li:last-child::before { -webkit-transform: translate3d(-400%, 0, 0); transform: translate3d(-400%, 0, 0) } .tabs-style-linemove nav li:nth-child(2).tab-current~li:last-child::before { -webkit-transform: translate3d(-300%, 0, 0); transform: translate3d(-300%, 0, 0) } .tabs-style-linemove nav li:nth-child(3).tab-current~li:last-child::before { -webkit-transform: translate3d(-200%, 0, 0); transform: translate3d(-200%, 0, 0) } .tabs-style-linemove nav li:nth-child(4).tab-current~li:last-child::before { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .tabs-style-linemove nav a { padding: 30px 0; color: #263238; line-height: 1; -webkit-transition: color .3s, -webkit-transform .3s; transition: color .3s, transform .3s } .tabs-style-linemove nav li.tab-current a { color: #f33155 } .tabs-style-line nav a { padding: 20px 10px; box-shadow: inset 0 -2px #d1d3d2; color: #686868; text-align: left; text-transform: uppercase; letter-spacing: 1px; line-height: 1; -webkit-transition: color .3s, box-shadow .3s; transition: color .3s, box-shadow .3s } .tabs-style-line nav a:focus, .tabs-style-line nav a:hover { box-shadow: inset 0 -2px #74777b } .tabs-style-line nav li.tab-current a { box-shadow: inset 0 -2px #f33155; color: #f33155 } @media screen and (max-width:58em) { .tabs-style-line nav ul { display: block; box-shadow: none } .tabs-style-line nav ul li { display: block; -webkit-flex: none; flex: none } } .tabs-style-circle { overflow: visible } .tabs-style-circle nav li { margin-top: 60px!important; margin-bottom: 60px!important } .tabs-style-circle nav li::before { position: absolute; top: 50%; left: 50%; margin: -60px 0 0 -60px; width: 120px; height: 120px; border: 1px solid #fb9678; border-radius: 50%; content: ''; opacity: 0; -webkit-transition: -webkit-transform .2s, opacity .2s; transition: transform .2s, opacity .2s; -webkit-transition-timing-function: cubic-bezier(.7, 0, .3, 1); transition-timing-function: cubic-bezier(.7, 0, .3, 1) } .tabs-style-circle nav a { overflow: visible; color: #2b2b2b; font-weight: 500; font-size: 14; line-height: 1.1; -webkit-transition: color .3s cubic-bezier(.7, 0, .3, 1); transition: color .3s cubic-bezier(.7, 0, .3, 1) } .tabs-style-circle nav a span { display: inline-block } .tabs-style-circle nav a:focus, .tabs-style-circle nav a:hover, .tabs-style-circle nav li.tab-current a { color: #f33155 } .tabs-style-circle nav li.tab-current a span { -webkit-transform: translate3d(0, 4px, 0); transform: translate3d(0, 4px, 0) } @media screen and (max-width:58em) { .tabs-style-circle nav li::before { margin: -40px 0 0 -40px; width: 80px; height: 80px } } .tabs-style-circle nav li.tab-current::before { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } .tabs-style-circle .icon::before, .tabs-style-circle nav a span { -webkit-transition: -webkit-transform .3s cubic-bezier(.7, 0, .3, 1); transition: transform .3s cubic-bezier(.7, 0, .3, 1) } .tabs-style-circle .sticon::before { display: block; margin: 0; pointer-events: none } .tabs-style-circle nav li.tab-current .sticon::before { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0) } .tabs-style-shape { max-width: 1200px; margin: 0 auto } .tabs-style-shape nav ul li { margin: 0 3em } .tabs-style-shape nav ul li:first-child { margin-left: 0 } .tabs-style-shape nav ul li.tab-current { z-index: 1 } .tabs-style-shape nav li a { overflow: visible; margin: 0 -3em 0 0; padding: 0; color: #fff; font-weight: 500 } .tabs-style-shape nav li a svg { position: absolute; left: 100%; margin: 0; width: 3em; height: 100%; fill: #bdc2c9 } .tabs-style-shape nav li:first-child a span { padding-left: 2em; border-radius: 30px 0 0 } .tabs-style-shape nav li:last-child a span { padding-right: 2em; border-radius: 0 30px 0 0 } .tabs-style-shape nav li a svg:nth-child(2), .tabs-style-shape nav li:last-child a svg { right: 100%; left: auto; -webkit-transform: scale3d(-1, 1, 1); transform: scale3d(-1, 1, 1) } .tabs-style-shape nav li a span { display: block; overflow: hidden; padding: .65em 0; background-color: #bdc2c9; text-overflow: ellipsis; white-space: nowrap } .tabs-style-shape nav li a:hover span { background-color: #f33155 } .tabs-style-shape nav li a:hover svg { fill: #f33155 } .tabs-style-shape nav li a svg { pointer-events: none } .tabs-style-shape nav li a svg use { pointer-events: auto } .tabs-style-shape nav li.tab-current a span, .tabs-style-shape nav li.tab-current a svg { -webkit-transition: none; transition: none } .tabs-style-shape nav li.tab-current a span { background: #f7fafc } .tabs-style-shape nav li.tab-current a svg { fill: #f7fafc } .tabs-style-shape .content-wrap { background: #f7fafc } @media screen and (max-width:58em) { .tabs-style-shape nav ul { display: block; padding-top: 1.5em } .tabs-style-shape nav ul li { display: block; margin: -1.25em 0 0; -webkit-flex: none; flex: none } .tabs-style-shape nav ul li a { margin: 0 } .tabs-style-shape nav ul li svg { display: none } .tabs-style-shape nav ul li a span { padding: 1.25em 0 2em!important; border-radius: 30px 30px 0 0!important; box-shadow: 0 -1px 2px rgba(0, 0, 0, .1); line-height: 1 } .tabs-style-shape nav ul li:last-child a span { padding: 1.25em 0!important } .tabs-style-shape nav ul li.tab-current { z-index: 1 } } .tabs-style-linebox nav ul li { margin: 0 .5em; -webkit-flex: none; flex: none } .tabs-style-linebox nav a { padding: 0 1.5em; color: #263238; font-weight: 500; -webkit-transition: color .3s; transition: color .3s } .tabs-style-linebox nav a:focus, .tabs-style-linebox nav a:hover { color: #f33155 } .tabs-style-linebox nav li.tab-current a { color: #fff } .tabs-style-linebox nav a::after { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: #d2d8d6; content: ''; -webkit-transition: background-color .3s, -webkit-transform .3s; transition: background-color .3s, transform .3s; -webkit-transition-timing-function: ease, cubic-bezier(.7, 0, .3, 1); transition-timing-function: ease, cubic-bezier(.7, 0, .3, 1); -webkit-transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0); transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0) } .tabs-style-linebox nav li.tab-current a::after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .tabs-style-linebox nav a:focus::after, .tabs-style-linebox nav a:hover::after, .tabs-style-linebox nav li.tab-current a::after { background: #f33155 } @media screen and (max-width:58em) { .tabs-style-linebox nav ul { display: block; box-shadow: none } .tabs-style-linebox nav ul li { display: block; -webkit-flex: none; flex: none } } .tabs-style-flip { max-width: 1200px; margin: 0 auto } .tabs-style-flip nav a { padding: .5em 0; color: #263238; -webkit-transition: color .3s; transition: color .3s } .tabs-style-flip nav a:focus, .tabs-style-flip nav a:hover { color: #f33155 } .tabs-style-flip nav a span { text-transform: uppercase; letter-spacing: 1px } .tabs-style-flip nav a::after { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #f0f0f0; content: ''; -webkit-transition: -webkit-transform .3s, background-color .3s; transition: transform .3s, background-color .3s; -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 90deg); transform: perspective(900px) rotate3d(1, 0, 0, 90deg); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-perspective-origin: 50% 100%; perspective-origin: 50% 100% } .tabs-style-flip nav li.tab-current a { color: #f33155 } .tabs-style-flip nav li.tab-current a::after { background-color: #f7fafc; -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 0deg); transform: perspective(900px) rotate3d(1, 0, 0, 0deg) } .tabs-style-flip .content-wrap { background: #f7fafc } .tabs-style-circlefill { max-width: 800px; border: 1px solid #f33155; margin: 0 auto } .tabs-style-circlefill nav ul li { overflow: hidden; border-right: 1px solid #f33155 } .tabs-style-circlefill nav li a { padding: 1.5em 0; color: #fff; font-size: 1.25em } .tabs-style-circlefill nav li:first-child { border-left: none } .tabs-style-circlefill nav li:last-child { border: none } .tabs-style-circlefill nav li::before { position: absolute; top: 50%; left: 50%; margin: -40px 0 0 -40px; width: 80px; height: 80px; border: 1px solid #f33155; border-radius: 50%; background: #f33155; content: ''; -webkit-transition: -webkit-transform .3s; transition: transform .3s } .tabs-style-circlefill nav li.tab-current::before { -webkit-transform: scale3d(2.5, 2.5, 1); transform: scale3d(2.5, 2.5, 1) } .tabs-style-circlefill nav a { -webkit-transition: color .3s; transition: color .3s } .tabs-style-circlefill nav a span { display: none } .tabs-style-circlefill nav li.tab-current a { color: #fff } .tabs-style-circlefill .icon::before { display: block; margin: 0; pointer-events: none } .tabs-style-circlefill .content-wrap { border-top: 1px solid #f33155 } .content-wrap { position: relative } .content-wrap section { display: none; margin: 0 auto; padding: 25px; min-height: 150px } .content-wrap section p { margin: 0; padding: .75em 0 } .content-wrap section.content-current { display: block } .no-js .content-wrap section { display: block; padding-bottom: 2em; border-bottom: 1px solid rgba(255, 255, 255, .6) } .no-flexbox nav ul { display: block } .no-flexbox nav ul li { min-width: 15%; display: inline-block } @media screen and (max-width:58em) { .sttabs nav a span { display: none } .sttabs nav a:before { margin-right: 0 } } .mytooltip { display: inline; position: relative; z-index: 9999 } .tooltip-item { background: rgba(0, 0, 0, .1); cursor: pointer; display: inline-block; font-weight: 500; padding: 0 10px } .tooltip-item::after { content: ''; position: absolute; width: 360px; height: 20px; bottom: 100%; left: 50%; pointer-events: none; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .mytooltip:hover .tooltip-item::after { pointer-events: auto } .tooltip-content { position: absolute; z-index: 9999; width: 360px; left: 50%; margin: 0 0 20px -180px; bottom: 100%; text-align: left; font-size: 14px; line-height: 30px; box-shadow: -5px -5px 15px rgba(48, 54, 61, .2); background: #2b2b2b; opacity: 0; cursor: default; pointer-events: none } .tooltip-effect-1 .tooltip-content { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); -webkit-transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, transform .3s; color: #fff } .tooltip-effect-2 .tooltip-content { -webkit-transform-origin: 50% calc(110%); transform-origin: 50% calc(110%); -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 45deg); transform: perspective(1000px) rotate3d(1, 0, 0, 45deg); -webkit-transition: opacity .2s, -webkit-transform .2s; transition: opacity .2s, transform .2s } .tooltip-effect-3 .tooltip-content { -webkit-transform: translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg); transform: translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg); -webkit-transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, transform .3s } .tooltip-effect-4 .tooltip-content { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scale3d(.7, .3, 1); transform: scale3d(.7, .3, 1); -webkit-transition: opacity .2s, -webkit-transform .2s; transition: opacity .2s, transform .2s } .tooltip-effect-5 .tooltip-content { width: 180px; margin-left: -90px; -webkit-transform-origin: 50% calc(106%); transform-origin: 50% calc(106%); -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); -webkit-transition: opacity .2s, -webkit-transform .2s; transition: opacity .2s, transform .2s; -webkit-transition-timing-function: ease, cubic-bezier(.17, .67, .4, 1.39); transition-timing-function: ease, cubic-bezier(.17, .67, .4, 1.39) } .mytooltip:hover .tooltip-content { pointer-events: auto; opacity: 1; -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0); transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0) } .tooltip.tooltip-effect-2:hover .tooltip-content { -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); transform: perspective(1000px) rotate3d(1, 0, 0, 0deg) } .tooltip-content::after { content: ''; top: 100%; left: 50%; border: solid transparent; height: 0; width: 0; position: absolute; pointer-events: none; border-color: #2a3035 transparent transparent; border-width: 10px; margin-left: -10px } .tooltip-content img { position: relative; height: 140px; display: block; float: left; margin-right: 1em } .tooltip-text { font-size: 14px; line-height: 24px; display: block; padding: 1.31em 1.21em 1.21em 0; color: #fff } .tooltip-effect-5 .tooltip-text { padding: 1.4em } a.mytooltip { font-weight: 500; color: #fb9678 } .tooltip-content2 { position: absolute; z-index: 9999; width: 80px; height: 80px; padding-top: 25px; left: 50%; margin-left: -40px; bottom: 100%; border-radius: 50%; text-align: center; background: #fb9678; color: #fff; opacity: 0; margin-bottom: 20px; cursor: default; pointer-events: none } .tooltip-content2 i { opacity: 0 } .mytooltip:hover .tooltip-content2, .mytooltip:hover .tooltip-content2 i { opacity: 1; font-size: 18px } .tooltip-effect-6 .tooltip-content2 { -webkit-transform: translate3d(0, 10px, 0) rotate3d(1, 1, 1, 45deg); transform: translate3d(0, 10px, 0) rotate3d(1, 1, 1, 45deg); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, transform .3s } .tooltip-effect-6 .tooltip-content2 i { -webkit-transform: scale3d(0, 0, 1); transform: scale3d(0, 0, 1); -webkit-transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, transform .3s } .tooltip-effect-7 .tooltip-content2 { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); -webkit-transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, transform .3s } .tooltip-effect-7 .tooltip-content2 i { -webkit-transform: translate3d(0, 15px, 0); transform: translate3d(0, 15px, 0); -webkit-transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, transform .3s } .tooltip-effect-8 .tooltip-content2 { -webkit-transform: translate3d(0, 10px, 0) rotate3d(0, 1, 0, 90deg); transform: translate3d(0, 10px, 0) rotate3d(0, 1, 0, 90deg); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, transform .3s } .tooltip-effect-8 .tooltip-content2 i { -webkit-transform: scale3d(0, 0, 1); transform: scale3d(0, 0, 1); -webkit-transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, transform .3s } .tooltip-effect-9 .tooltip-content2 { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); -webkit-transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, transform .3s } .tooltip-effect-9 .tooltip-content2 i { -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); -webkit-transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, transform .3s } .mytooltip:hover .tooltip-content2, .mytooltip:hover .tooltip-content2 i { pointer-events: auto; -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transform: translate3d(0, 0, 0) scale3d(1, 1, 1) } .tooltip-effect-6:hover .tooltip-content2 i { -webkit-transform: rotate3d(1, 1, 1, 0); transform: rotate3d(1, 1, 1, 0) } .tooltip-content2::after { content: ''; position: absolute; top: 100%; left: 50%; margin: -7px 0 0 -15px; width: 30px; height: 20px; background: url(/davivienda/v1/theme/plugins/images/tooltip/tooltip1.svg) center center no-repeat; background-size: 100% } .tooltip-content3 { position: absolute; background: url(/davivienda/v1/theme/plugins/images/tooltip/shape1.svg) center bottom no-repeat; background-size: 100% 100%; z-index: 9999; width: 200px; bottom: 100%; left: 50%; margin-left: -100px; padding: 50px 30px; text-align: center; color: #fff; opacity: 0; cursor: default; font-size: 14; line-height: 27px; pointer-events: none; -webkit-transform: scale3d(.1, .2, 1); transform: scale3d(.1, .2, 1); -webkit-transform-origin: 50% 120%; transform-origin: 50% 120%; -webkit-transition: opacity .4s, -webkit-transform .4s; transition: opacity .4s, transform .4s; -webkit-transition-timing-function: ease, cubic-bezier(.6, 0, .4, 1); transition-timing-function: ease, cubic-bezier(.6, 0, .4, 1) } .mytooltip:hover .tooltip-content3 { opacity: 1; pointer-events: auto; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } .tooltip-content3::after { content: ''; position: absolute; width: 16px; height: 16px; left: 50%; margin-left: -8px; top: 100%; background: #00AEEF; -webkit-transform: translate3d(0, -60%, 0) rotate3d(0, 0, 1, 45deg); transform: translate3d(0, -60%, 0) rotate3d(0, 0, 1, 45deg) } .tooltip-item2 { color: #03a9f3; cursor: pointer; z-index: 100; position: relative; display: inline-block; font-weight: 500; -webkit-transition: background-color .3s, color .3s, -webkit-transform .3s; transition: background-color .3s, color .3s, transform .3s } .mytooltip:hover .tooltip-item2 { color: #fff; -webkit-transform: translate3d(0, -.5em, 0); transform: translate3d(0, -.5em, 0) } .tooltip-content4 { position: absolute; z-index: 99; width: 360px; left: 50%; margin-left: -180px; bottom: -5px; text-align: left; background: #03a9f3; opacity: 0; font-size: 14px; line-height: 27px; padding: 1.5em; color: #fff; border-bottom: 55px solid #2b2b2b; cursor: default; pointer-events: none; border-radius: 5px; -webkit-transform: translate3d(0, -.5em, 0); transform: translate3d(0, -.5em, 0); -webkit-transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, transform .3s } .tooltip-content4 a { color: #2b2b2b } .tooltip-text2 { opacity: 0; -webkit-transform: translate3d(0, 1.5em, 0); transform: translate3d(0, 1.5em, 0); -webkit-transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, transform .3s } .mytooltip:hover .tooltip-content4, .mytooltip:hover .tooltip-text2 { pointer-events: auto; opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .tooltip-content5 { position: absolute; z-index: 9999; width: 300px; left: 50%; bottom: 100%; font-size: 20px; line-height: 1.4; text-align: center; font-weight: 400; color: #fff; background: 0 0; opacity: 0; margin: 0 0 20px -150px; cursor: default; pointer-events: none; -webkit-font-smoothing: antialiased; -webkit-transition: opacity .3s .3s; transition: opacity .3s .3s } .mytooltip:hover .tooltip-content5 { opacity: 1; pointer-events: auto; -webkit-transition-delay: 0s; transition-delay: 0s } .tooltip-content5 span { display: block } .tooltip-text3 { border-bottom: 10px solid #fb9678; overflow: hidden; -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); -webkit-transition: -webkit-transform .3s .3s; transition: transform .3s .3s } .mytooltip:hover .tooltip-text3 { -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } .tooltip-inner2 { background: #2b2b2b; padding: 40px; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); webkit-transition: -webkit-transform .3s; transition: transform .3s } .mytooltip:hover .tooltip-inner2 { -webkit-transition-delay: .3s; transition-delay: .3s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .tooltip-content5::after { content: ''; bottom: -20px; left: 50%; border: solid transparent; height: 0; width: 0; position: absolute; pointer-events: none; border-color: #fb9678 transparent transparent; border-width: 10px; margin-left: -10px } @media (max-width:1350px) { .carousel .item h3 { font-size: 17px; height: 90px } .inbox-center a { width: 400px } } .search-listing { padding: 0; margin: 0 } .search-listing li { list-style: none; padding: 15px 0; border-bottom: 1px solid rgba(120, 130, 140, .13) } .search-listing li h3 { margin: 0; font-size: 18px } .search-listing li h3 a { color: #41b3f9 } .search-listing li h3 a:hover { text-decoration: underline } .search-listing li a { color: #7ace4c } a.dt-button, button.dt-button, div.dt-button { background: #41b3f9; color: #fff; border-color: #41b3f9 } a.dt-button:hover, button.dt-button:hover, div.dt-button:hover { background: #41b3f9 } a.dt-button:hover:not(.disabled), button.dt-button:hover:not(.disabled), div.dt-button:hover:not(.disabled) { background: #f7fafc; color: #263238; border-color: rgba(120, 130, 140, .13) } .dataTables_filter input { border: 1px solid rgba(120, 130, 140, .13) } table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.display tbody tr:hover>.sorting_1, table.dataTable.order-column.hover tbody tr:hover>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 { background: 0 0 } .note-editor { border: 1px solid rgba(120, 130, 140, .13) } .note-editor .panel-heading { padding: 6px 10px 10px } .page-aside { position: relative } .left-aside { position: absolute; background: #fff; border-right: 1px solid rgba(120, 130, 140, .13); padding: 20px; width: 250px; height: 100% } .right-aside { padding: 20px; margin-left: 250px } .right-aside .contact-list th { white-space: nowrap } .right-aside .contact-list td { vertical-align: middle; white-space: nowrap; padding: 25px 10px } .right-aside .contact-list td img { width: 30px } .contact-list th { white-space: nowrap } .contact-list td { vertical-align: middle; padding: 25px 10px; white-space: nowrap } .contact-list td img { width: 30px } .list-style-none { margin: 0; padding: 0 } .list-style-none li { list-style: none; margin: 0 } .list-style-none li.box-label a { font-weight: 500 } .list-style-none li.divider { margin: 10px 0; height: 1px; background: rgba(120, 130, 140, .13) } .list-style-none li a { padding: 15px 10px; display: block; color: #313131 } .list-style-none li a:hover { color: #2cabe3 } .list-style-none li a span { float: right } .chat-main-box { position: relative; background: #fff; overflow: hidden } .chat-main-box .chat-left-aside { position: absolute; width: 250px; z-index: 9; top: 0; border-right: 1px solid rgba(120, 130, 140, .13) } .chat-main-box .chat-left-aside .open-panel { display: none; cursor: pointer; position: absolute; left: -webkit-calc(99%); top: 50%; z-index: 100; background-color: #fff; -webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, .2); box-shadow: 1px 0 3px rgba(0, 0, 0, .2); border-radius: 0 100px 100px 0; line-height: 1; padding: 15px 8px 15px 4px } .chat-main-box .chat-left-aside .chat-left-inner .form-control { height: 60px } .chat-main-box .chat-left-aside .chat-left-inner .style-none { padding: 0 } .chat-main-box .chat-left-aside .chat-left-inner .style-none li { list-style: none; overflow: hidden } .chat-main-box .chat-left-aside .chat-left-inner .style-none li a { padding: 20px } .chat-main-box .chat-left-aside .chat-left-inner .style-none li a.active, .chat-main-box .chat-left-aside .chat-left-inner .style-none li a:hover { background: #f7fafc } .chat-main-box .chat-right-aside { margin-left: 250px } .chat-main-box .chat-right-aside .chat-list { max-height: none; height: 100%; padding-top: 40px } .chat-main-box .chat-right-aside .chat-list .chat-text { border-radius: 6px } .chat-main-box .chat-right-aside .send-chat-box { position: relative } .chat-main-box .chat-right-aside .send-chat-box .form-control { border: none; border-top: 1px solid rgba(120, 130, 140, .13); resize: none; height: 80px; padding-right: 180px } .chat-main-box .chat-right-aside .send-chat-box .form-control:focus { border-color: rgba(120, 130, 140, .13) } .chat-main-box .chat-right-aside .send-chat-box .custom-send { position: absolute; right: 20px; bottom: 10px } .chat-main-box .chat-right-aside .send-chat-box .custom-send .cst-icon { color: #313131; margin-right: 10px } .el-element-overlay .white-box { padding: 0 } .el-element-overlay .el-card-item { position: relative; padding-bottom: 25px } .el-element-overlay .el-card-item .el-card-avatar { margin-bottom: 15px } .el-element-overlay .el-card-item .el-card-content { text-align: center } .el-element-overlay .el-card-item .el-card-content h3 { margin: 0 } .el-element-overlay .el-card-item .el-card-content a { color: #313131 } .el-element-overlay .el-card-item .el-card-content a:hover { color: #2cabe3 } .el-element-overlay .el-card-item .el-overlay-1 { width: 100%; height: 100%; overflow: hidden; position: relative; text-align: center; cursor: default } .el-element-overlay .el-card-item .el-overlay-1 img { display: block; position: relative; -webkit-transition: all .4s linear; transition: all .4s linear; width: 100%; height: auto } .el-element-overlay .el-card-item .el-overlay-1:hover img { -ms-transform: scale(1.2) translateZ(0); -webkit-transform: scale(1.2) translateZ(0) } .el-element-overlay .el-card-item .el-overlay-1 .el-info { text-decoration: none; display: inline-block; text-transform: uppercase; color: #fff; background-color: transparent; filter: alpha(opacity=0); -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; padding: 0; margin: auto; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%) translateZ(0); -webkit-transform: translateY(-50%) translateZ(0); -ms-transform: translateY(-50%) translateZ(0) } .el-element-overlay .el-card-item .el-overlay-1 .el-info>li { list-style: none; display: inline-block; margin: 0 3px } .el-element-overlay .el-card-item .el-overlay-1 .el-info>li a { border-color: #fff; color: #fff; padding: 12px 15px 10px } .el-element-overlay .el-card-item .el-overlay-1 .el-info>li a:hover { background: #f33155; border-color: #f33155 } .el-element-overlay .el-card-item .el-overlay { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; opacity: 0; background-color: rgba(0, 0, 0, .7); -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out } .el-element-overlay .el-card-item .el-overlay-1:hover .el-overlay { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0) } .el-element-overlay .el-card-item .el-overlay-1 .scrl-dwn { top: -100% } .el-element-overlay .el-card-item .el-overlay-1 .scrl-up { top: 100%; height: 0 } .el-element-overlay .el-card-item .el-overlay-1:hover .scrl-dwn { top: 0 } .el-element-overlay .el-card-item .el-overlay-1:hover .scrl-up { top: 0; height: 100% } .login-sidebar { position: absolute; right: 0; margin-top: 0; height: 100% } .color-table.primary-table thead th { background-color: #7460ee; color: #fff } .color-table.success-table thead th { background-color: #7ace4c; color: #fff } .color-table.info-table thead th { background-color: #41b3f9; color: #fff } .color-table.warning-table thead th { background-color: #fb4; color: #fff } .color-table.danger-table thead th { background-color: #f33155; color: #fff } .color-table.inverse-table thead th { background-color: #4c5667; color: #fff } .color-table.dark-table thead th { background-color: #263238; color: #fff } .color-table.red-table thead th { background-color: #f33155; color: #fff } .color-table.purple-table thead th { background-color: #707cd2; color: #fff } .color-table.muted-table thead th { background-color: #98a6ad; color: #fff } .color-bordered-table.primary-bordered-table { border: 2px solid #7460ee } .color-bordered-table.primary-bordered-table thead th { background-color: #7460ee; color: #fff } .color-bordered-table.success-bordered-table { border: 2px solid #7ace4c } .color-bordered-table.success-bordered-table thead th { background-color: #7ace4c; color: #fff } .color-bordered-table.info-bordered-table { border: 2px solid #41b3f9 } .color-bordered-table.info-bordered-table thead th { background-color: #41b3f9; color: #fff } .color-bordered-table.warning-bordered-table { border: 2px solid #fb4 } .color-bordered-table.warning-bordered-table thead th { background-color: #fb4; color: #fff } .color-bordered-table.danger-bordered-table { border: 2px solid #f33155 } .color-bordered-table.danger-bordered-table thead th { background-color: #f33155; color: #fff } .color-bordered-table.inverse-bordered-table { border: 2px solid #4c5667 } .color-bordered-table.inverse-bordered-table thead th { background-color: #4c5667; color: #fff } .color-bordered-table.dark-bordered-table { border: 2px solid #263238 } .color-bordered-table.dark-bordered-table thead th { background-color: #263238; color: #fff } .color-bordered-table.red-bordered-table { border: 2px solid #f33155 } .color-bordered-table.red-bordered-table thead th { background-color: #f33155; color: #fff } .color-bordered-table.purple-bordered-table { border: 2px solid #707cd2 } .color-bordered-table.purple-bordered-table thead th { background-color: #707cd2; color: #fff } .color-bordered-table.muted-bordered-table { border: 2px solid #98a6ad } .color-bordered-table.muted-bordered-table thead th { background-color: #98a6ad; color: #fff } .full-color-table.full-primary-table { background-color: rgba(171, 140, 228, .8) } .full-color-table.full-primary-table thead th { background-color: #7460ee; border: 0!important; color: #fff } .full-color-table.full-primary-table tbody td { border: 0!important; color: #fff } .full-color-table.full-primary-table tr:hover { background-color: #7460ee } .full-color-table.full-success-table { background-color: rgba(0, 194, 146, .8) } .full-color-table.full-success-table thead th { background-color: #7ace4c; border: 0!important; color: #fff } .full-color-table.full-success-table tbody td { border: 0!important; color: #fff } .full-color-table.full-success-table tr:hover { background-color: #7ace4c } .full-color-table.full-info-table { background-color: rgba(3, 169, 243, .8) } .full-color-table.full-info-table thead th { background-color: #41b3f9; border: 0!important; color: #fff } .full-color-table.full-info-table tbody td { border: 0!important; color: #fff } .full-color-table.full-info-table tr:hover { background-color: #41b3f9 } .full-color-table.full-warning-table { background-color: rgba(254, 193, 7, .8) } .full-color-table.full-warning-table thead th { background-color: #fb4; border: 0!important; color: #fff } .full-color-table.full-warning-table tbody td { border: 0!important; color: #fff } .full-color-table.full-warning-table tr:hover { background-color: #fb4 } .full-color-table.full-danger-table { background-color: rgba(251, 150, 120, .8) } .full-color-table.full-danger-table thead th { background-color: #f33155; border: 0!important; color: #fff } .full-color-table.full-danger-table tbody td { border: 0!important; color: #fff } .full-color-table.full-danger-table tr:hover { background-color: #f33155 } .full-color-table.full-inverse-table { background-color: rgba(76, 86, 103, .8) } .full-color-table.full-inverse-table thead th { background-color: #4c5667; border: 0!important; color: #fff } .full-color-table.full-inverse-table tbody td { border: 0!important; color: #fff } .full-color-table.full-inverse-table tr:hover { background-color: #4c5667 } .full-color-table.full-dark-table { background-color: rgba(43, 43, 43, .8) } .full-color-table.full-dark-table thead th { background-color: #263238; border: 0!important; color: #fff } .full-color-table.full-dark-table tbody td { border: 0!important; color: #fff } .full-color-table.full-dark-table tr:hover { background-color: #263238 } .full-color-table.full-red-table { background-color: rgba(251, 58, 58, .8) } .full-color-table.full-red-table thead th { background-color: #f33155; border: 0!important; color: #fff } .full-color-table.full-red-table tbody td { border: 0!important; color: #fff } .full-color-table.full-red-table tr:hover { background-color: #f33155 } .full-color-table.full-purple-table { background-color: rgba(150, 117, 206, .8) } .full-color-table.full-purple-table thead th { background-color: #707cd2; border: 0!important; color: #fff } .full-color-table.full-purple-table tbody td { border: 0!important; color: #fff } .full-color-table.full-purple-table tr:hover { background-color: #707cd2 } .full-color-table.full-muted-table { background-color: rgba(152, 166, 173, .8) } .full-color-table.full-muted-table thead th { background-color: #98a6ad; border: 0!important; color: #fff } .full-color-table.full-muted-table tbody td { border: 0!important; color: #fff } .full-color-table.full-muted-table tr:hover { background-color: #98a6ad } .floating-labels .form-group { position: relative } .floating-labels .form-control { font-size: 20px; padding: 10px 10px 10px 0; display: block; border: none; border-bottom: 1px solid #e4e7ea } .floating-labels select.form-control>option { font-size: 14px } .has-error .form-control { border-bottom: 1px solid #f33155 } .has-warning .form-control { border-bottom: 1px solid #fb4 } .has-success .form-control { border-bottom: 1px solid #7ace4c } .floating-labels .form-control:focus { outline: 0; border: none } .floating-labels label { color: #313131; font-size: 16px; position: absolute; cursor: auto; font-weight: 400; top: 10px; transition: .2s ease all; -moz-transition: .2s ease all; -webkit-transition: .2s ease all } .floating-labels .form-control:focus~label, .floating-labels .form-control:valid~label { top: -20px; font-size: 12px; color: #7460ee } .floating-labels .bar { position: relative; display: block } .floating-labels .bar:after, .floating-labels .bar:before { content: ''; height: 2px; width: 0; bottom: 1px; position: absolute; background: #7460ee; transition: .2s ease all; -moz-transition: .2s ease all; -webkit-transition: .2s ease all } .floating-labels .bar:before { left: 50% } .floating-labels .bar:after { right: 50% } .floating-labels .form-control:focus~.bar:after, .floating-labels .form-control:focus~.bar:before { width: 50% } .floating-labels .highlight { position: absolute; height: 60%; width: 100px; top: 25%; left: 0; pointer-events: none; opacity: .5 } .floating-labels .input-lg, .floating-labels .input-lg~label { font-size: 24px } .floating-labels .input-sm, .floating-labels .input-sm~label { font-size: 16px } .has-warning .bar:after, .has-warning .bar:before { background: #fb4 } .has-success .bar:after, .has-success .bar:before { background: #7ace4c } .has-error .bar:after, .has-error .bar:before { background: #f33155 } .has-warning .form-control:focus~label, .has-warning .form-control:valid~label { color: #fb4 } .has-success .form-control:focus~label, .has-success .form-control:valid~label { color: #7ace4c } .has-error .form-control:focus~label, .has-error .form-control:valid~label { color: #f33155 } .has-feedback label~.t-0 { top: 0 } .table.dataTable, table.dataTable { width: 99.8%!important } table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after { float: none; padding-left: 10px } .re ul.two-part li i, .re ul.two-part li span { font-size: 36px } .bg-light h4 { font-weight: 700 } .agent-contact, .pro-desc { font-size: 12px } .form-agent-inq .form-group { margin-bottom: 10px } .agent-info { max-height: 358px; height: 358px; background: #f7fafc } .pro-list { margin-top: 15px } .pro-detail, .pro-img { display: table-cell; vertical-align: top } .pro-detail h5 a { color: #313131; line-height: 20px; font-weight: 500 } .pro-box .pro-list-img { display: block; height: 210px; position: relative; overflow: hidden } .pro-box .pro-label { position: absolute; text-transform: uppercase; top: 0; right: 0; border-radius: 2px; padding: 5px; font-size: 80% } .pro-col-label { padding: 7px; width: 26%; display: block; margin-top: -15px; margin-left: 37%; border: 1px solid rgba(120, 130, 140, .13); text-transform: uppercase } .pro-box .pro-label-img { position: absolute; top: 30px; right: 30px } .pro-box.pro-horizontal pro-content { width: 100%; height: 210px } .pro-content .pro-list-details { height: 138px; max-height: 142px; border-bottom: 1px solid rgba(120, 130, 140, .13); border-right: 1px solid rgba(120, 130, 140, .13) } .pro-content .pro-list-info { border-bottom: 1px solid rgba(120, 130, 140, .13) } .pro-agent .agent-name h5, .pro-agent .agent-name small, .pro-agent-col-3 .agent-name h5, .pro-agent-col-3 .agent-name small, .pro-content .pro-list-details h3, .pro-content .pro-list-details h4, .pro-content-3-col .pro-list-details h3, .pro-content-3-col .pro-list-details h4, .pro-content-3-col .pro-list-details h4 small, .pro-list-info ul.pro-info li, .pro-list-info-3-col ul.pro-info li, .pro-location span, ul.pro-info li span.label { font-weight: 500 } .pro-list-info ul.pro-info, .pro-list-info-3-col ul.pro-info { padding: 16px 10px 10px; list-style: none } .pro-list-info ul.pro-info li { padding: 10px 0 10px 20px; font-size: 12px } ul.pro-info li span.label { width: 25px; height: 25px; padding: 8px; border-radius: 50%; margin-top: -4px; margin-right: 15px; font-size: 12px } ul.pro-amenities li span img, ul.pro-info li span img { margin-top: -8px; padding-right: 12px } .pro-agent .agent-img a img, .pro-agent-col-3 .agent-img a img { border: 3px solid #fff; box-shadow: 1px 1px 1px rgba(120, 130, 140, .13) } .pro-agent .agent-img, .pro-agent .agent-name, .pro-agent-col-3 .agent-img, .pro-agent-col-3 .agent-name { float: left } .pro-agent .agent-img { padding-top: 12px } .pro-agent .agent-name { padding: 10px 0 0 15px } .pro-location span { padding-top: 27px } .pro-content-3-col { padding: 15px; background: #f7fafc } .pro-content-3-col .pro-list-details h4 small { color: #f33155 } .pro-list-info-3-col ul.pro-info li { padding: 10px 5px } .pro-agent-col-3 .agent-img { padding: 15px } .pro-agent-col-3 .agent-name { padding: 15px 15px 15px 5px } ul.pro-amenities { list-style: none; padding: 8px 0 } ul.pro-amenities li { padding: 10px 0; font-size: 12px } ul.pro-amenities li span i { padding-right: 12px } .pro-rd .table>tbody>tr>td:first-child { font-weight: 500 } .pro-rd .table>tbody>tr>td, .pro-rd .table>tbody>tr>th { border: none; padding: 8px 8px 8px 0; font-size: 12px } .pd-agent-info { max-height: 200px; height: 200px; background: #f7fafc; margin-top: 15px } .pd-agent-contact, .pd-agent-inq { padding: 25px } .pro-add-form .checkbox label, .pro-add-form .radio label { font-weight: 100 } .plugin-details { display: none } .plugin-details-active { display: block } .register-box { max-width: 600px; margin: 0 auto; padding-top: 2% } .step-register { position: absolute; height: 100% } .material-icon-list-demo .icons div { width: 33%; padding: 15px; display: inline-block; line-height: 40px } .material-icon-list-demo .icons div i { font-size: 24px; vertical-align: middle; margin-right: 10px } .material-icon-list-demo .icons div:hover { background: #f7fafc } .full-width { display: inline-block; width: 100%; height: auto } @media (max-width:1680px) { .weather-with-bg .wt-counter li { padding: 10px 1px } } @media (max-width:1460px) { .weather-with-bg .wt-counter li { padding: 10px 0 } .weather-with-bg .wt-counter li a { min-width: 38px; margin-bottom: 7px; height: 43px; padding: 10px } } @media (max-width:1350px) { .carousel .item h3 { font-size: 17px; height: 90px } .inbox-center a { width: 400px } .new-login-register .lg-info-panel { width: 450px } .new-login-register .new-login-box { margin-left: 500px } } @media (min-width:768px) { .app-search .form-control:focus { /* width: 300px; */ } .hide-sidebar .top-left-part { width: auto } .hide-sidebar .top-left-part .logo span { display: none } .hide-sidebar .sidebar { left: -(var(--sidebar-width)); transition: .5s ease-out } .hide-sidebar #page-wrapper { margin-left: 0 } .hide-sidebar .footer { left: 0 } } @media (min-width:768px) { #page-wrapper { position: inherit; margin: 0 0 0 var(--sidebar-width) } .navbar-default { position: relative; width: 100%; top: 0 } .sidebar { z-index: 1001; position: absolute; width: var(--sidebar-width); padding-top: 0; height: 100%; transition: .05s ease-in } .sidebar:hover { width: var(--sidebar-width) } .fix-header .navbar-static-top { position: fixed; z-index: 1010 } .fix-header #page-wrapper { padding-top: 60px; } .fix-header #wrapper.broadcast #page-wrapper { padding-top: 100px; } } .navbar-top-links .dropdown-alerts, .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks { margin-left: auto } .mail_listing { border-left: 1px solid rgba(120, 130, 140, .13); padding-left: 20px } .inbox-panel { padding-right: 20px } .top-minus { margin-top: -62px; float: right } @media (max-width:1170px) { /* .content-wrapper .sidebar { left: -var(--sidebar-width) } .content-wrapper #page-wrapper { margin-left: 0 } .content-wrapper .footer, .content-wrapper.show-sidebar .sidebar { left: 0 } .col-in { padding: 15px 0 } .col-in li.col-middle { width: 100% } */ } @media (max-width:1023px) { .b-r-none { border-right: 0 } .carousel-inner h3 { height: 90px; overflow: hidden } .inbox-center a { width: 300px } .new-login-register .lg-info-panel { display: none } .new-login-register .new-login-box { margin: 10% auto 0 } } @media (max-width:767px) { .navbar-top-links { float: left } .navbar-top-links .profile-pic img { margin-right: 0 } .top-left-part { width: 60px } .navbar-top-links>li:last-child { margin-right: 0 } .navbar-top-links>li>a { padding: 0 12px } .navbar-top-links .dropdown-alerts, .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks { width: 300px; } .show-sidebar .sidebar { width: var(--sidebar-width); top: 0 } .show-sidebar .sidebar .hide-menu { display: inline } .show-sidebar .sidebar .nav-small-cap { display: block } .show-sidebar .sidebar .sidebar-head { width: 60px; display: block } .sidebar { z-index: 1101; position: fixed; width: 0; padding-top: 0; height: 100% } .sidebar-head { width: 0; display: none } #page-wrapper { margin: 0 } .row-in-br { border-right: 0; border-bottom: 1px solid rgba(120, 130, 140, .13) } .bg-title .breadcrumb { float: left; margin-top: 0; margin-bottom: 10px } .wizard-steps>li { display: block } .dropdown .dropdown-tasks, .dropdown .mailbox { left: -94px } .fix-header .navbar-static-top { position: fixed; top: 0; width: 100% } .fix-header #page-wrapper { margin-top: 60px } .fc-header-toolbar{ position:relative; display:block; margin: 0.25em !important; display:table; width: 100%; } .fc-header-toolbar button{ margin-bottom: 0.25em !important; } .fc-header-toolbar .fc-button-group .fc-icon{ font-size:14px; } .fc-left{ text-align:center; display: table-row-group; } .fc-center{ font-size:11px; text-align:center; display: table-header-group; } .fc-right{ text-align:center; display: table-footer-group; } #view_container h4{ text-align:center; } .mega-dropdown-menu { height: 340px; overflow: auto } .left-aside { position: relative; width: 100%; border: 0 } .right-aside { margin-left: 0 } .chat-main-box .chat-left-aside { left: -260px; transition: .5s ease-in; background: #fff } .chat-main-box .chat-left-aside.open-pnl { left: 0 } .chat-main-box .chat-left-aside .open-panel { display: block } .chat-main-box .chat-right-aside { margin: 0 } .table-responsive.pro-rd { border: none } #msform fieldset, .login-register, .step-register { position: relative } .mega-dropdown-menu { padding-left: 20px } .calendar-widget .cal-left { position: relative; width: 100% } .calendar-widget .cal-left .cal-btm-text { position: relative; bottom: 0; padding-top: 30px } .calendar-widget .cal-right { width: 100% } .calendar-widget .cal-right .cal-table td { padding: 15px 0 } .calendar-widget .cal-right .cal-table td h1 { padding-left: 20px } .error-body h1 { font-size: 80px; line-height: 100px } .weather-with-bg .wt-top .wt-img h1 { font-size: 24px; line-height: 24px } .manage-table { margin: 0 } .dp-table img { width: 50px } .earning-box li .er-row .er-text { width: 37% } .earning-box li .er-row .er-count { font-size: 24px } .sidebar .nav-second-level li a, .sidebar:hover .nav-second-level li a { padding-left: 40px } .sidebar .nav-third-level li a, .sidebar:hover .nav-third-level li a { padding-left: 60px } .text-left-xs{ text-align: left !important; } .text-center-xs{ text-align: center !important; } .text-right-xs{ text-align: right !important; } } @media (max-width:480px) { .vtabs .tabs-vertical { width: auto } .stat-item { padding-right: 0 } .login-box { width: 100% } .pro-content .pro-list-details { height: 100px; border-right: none } .pro-list-info ul.pro-info li { padding: 10px 0 } .pro-list-info ul.pro-info { padding-left: 0 } .pro-agent .agent-img { padding-top: 3px } .pro-agent .agent-name { padding: 2px 0 10px 15px } .new-login-register .lg-info-panel { display: none } .new-login-register .new-login-box { margin: 10% auto 0; width: 300px } } /*Theme Colors*/ /*bootstrap Color*/ /*Normal Color*/ /*Border radius*/ /*Preloader*/ .preloader { width: 100%; height: 100%; top: 0px; position: fixed; z-index: 99999; background: rgba(255,255,255,1); } .preloader .cssload-speeding-wheel { position: absolute; top: calc(50% - 3.5px); left: calc(50% - 3.5px); } /*Just change your choise color here its theme Colors*/ body { background: #edf1f5; } .top-left-part { background: #fff; } .top-left-part .dark-logo { display: none; } .top-left-part .light-logo { display: inline-block; } /*Top Header Part*/ .logo i { color: #ffffff; } .navbar-header { background: var(--main-color); } .navbar-top-links > li > a { color: #ffffff; } .sidebar .sidebar-head { background: #ffffff; } .sidebar .sidebar-head h3 { color: #686868; } /*Right panel*/ .right-sidebar .rpanel-title { background: #41b3f9; } /*Bread Crumb*/ .bg-title .breadcrumb .active { color: #41b3f9; } /*Sidebar*/ .sidebar { background: #fff; box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08); } .sidebar .label-custom { background: #01c0c8; } #side-menu li a { color: #54667a; } #side-menu li a { color: #54667a; border-left: 0px solid #fff; } #side-menu > li > a { border-left: 3px solid transperant; } #side-menu > li > a:hover, #side-menu > li > a:focus { background: rgba(0, 0, 0, 0.07); } #side-menu li a.active { background: transperant; color: #54667a; border-left: 5px solid var(--main-color); font-weight: 500; } #menu_admin{ background: transperant; color: #54667a; border-left: 5px solid var(--danger-color-dark); font-weight: 500; } #side-menu ul > li > a:hover { color: #41b3f9; } #side-menu ul > li > a.active { color: #54667a; font-weight: 500; padding-left: 20px !important; } .user-profile .user-pro-body .u-dropdown { color: #54667a; } /*themecolor*/ .bg-theme { background-color: #707cd2 !important; } .bg-theme-dark { background-color: #41b3f9 !important; } /*Button*/ .btn-custom { background: #41b3f9; border: 1px solid #41b3f9; color: #ffffff; } .btn-custom:hover { background: #41b3f9; opacity: 0.8; color: #ffffff; border: 1px solid #41b3f9; } /*Custom tab*/ .customtab li.active a, .customtab li.active a:hover, .customtab li.active a:focus { border-bottom: 2px solid #41b3f9; color: #41b3f9; } .tabs-vertical li.active a, .tabs-vertical li.active a:hover, .tabs-vertical li.active a:focus { background: #41b3f9; border-right: 2px solid #41b3f9; } /*Nav-pills*/ .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover { background: #41b3f9; color: #ffffff; } /*Extra css*/ .bg-theme { background-color: #41b3f9 !important; } .panel-themecolor, .panel-theme { border-color: #41b3f9; } .panel-themecolor .panel-heading, .panel-theme .panel-heading { border-color: #41b3f9; color: white; background-color: #41b3f9; } .panel-themecolor .panel-heading a, .panel-theme .panel-heading a { color: #ffffff; } .panel-themecolor .panel-heading a:hover, .panel-theme .panel-heading a:hover { color: rgba(255, 255, 255, 0.5); } .panel-themecolor a, .panel-theme a { color: #41b3f9; } .panel-themecolor a:hover, .panel-theme a:hover { color: #0791e6; } /* CUSTOM CODE */ *{ box-shadow: none !important; } .form-control{ margin-bottom: 3px; } .fa-15{ font-size: 1.5em; } .ml-1{ margin-left: 0.25em; } .ml-2{ margin-left: 0.5em; } .ml-3{ margin-left: 1em; } .mr-1{ margin-right: 0.25em; } .bold{ font-weight: bold; } .nobold{ font-weight: normal; } .table{ width: 100%; } .table .fa-2x{ font-size: 1.5em; } .table>tbody>tr>th{ border-top: 0; } .table tr{ cursor: pointer; } .table tr:hover{ background-color: #efefef; } .profile-pic{ cursor: pointer; color: white; padding: 0 14px; line-height: 60px; min-height: 60px; } .dropdown-item{ cursor: pointer; display: block; width: 100%; padding: 10px 15px; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .sidebar{ box-shadow: 1px 0px 6px rgba(0, 0, 0, .15) !important; } #side-menu li a.active{ background-color: #edf1f5 !important; } #side-menu li a, #side-menu li div a { padding: 10px 10px 10px 10px; display: block } .navbar-default.sidebar{ overflow-y: auto !important; } .navbar-default.sidebar::-webkit-scrollbar { width: 4px; } .navbar-default.sidebar::-webkit-scrollbar-track { background: #ffffff; } .navbar-default.sidebar::-webkit-scrollbar-thumb { background: #a8a8a8; } #side-menu{ overflow-x: hidden !important; } .navbar-header .dropdown-header { padding: 5px 20px !important; } #side-menu ul > li > a:hover, #side-menu ul > li > a:focus { color: #54667a; background: #edf1f5; } #side-menu .nav-second-level li a { padding-left: 30px !important; } #side-menu .nav-third-level li a { padding-left: 40px !important; } input.parsley-success, select.parsley-success, textarea.parsley-success { color: #468847; background-color: #DFF0D8; border: 1px solid #D6E9C6; } input.parsley-error, select.parsley-error, textarea.parsley-error { color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7; } .parsley-errors-list { margin: 2px 0 3px; padding: 0; list-style-type: none; font-size: 0.9em; line-height: 0.9em; opacity: 0; color: #B94A48; border-top: 1px solid #B94A48; padding-top: 3px; transition: all .3s ease-in; -o-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -webkit-transition: all .3s ease-in; } .input-group .parsley-errors-list { /*margin-top: 39px;*/ } select.select2-hidden-accessible + .parsley-errors-list { border: 0; border-bottom: 1px solid #B94A48; } .btn-lg { margin-bottom: 6px; } .parsley-errors-list.filled { opacity: 1; } .pwdtoggle{ position: absolute; top: 10px; right: 25px; } .muted { color: #a0a0a0; } .environment{ position: fixed; top: -5px; margin-left: calc(50% - 125px ); z-index: 999999; color: white; text-transform: uppercase; padding: .8em 1em 0.25em 1em; border-radius: 5px; font-weight: bold; } .cursor{ cursor: pointer; } .mt-1{ margin-top: 0.5em; } .mt-2{ margin-top: 1em; } .mt-3{ margin-top: 1.5em; } .mr-1 { margin-right: 0.5em; } .mb-0{ margin-bottom: 0 !important; } .mb-1{ margin-bottom: 10px !important; } .mb-2{ margin-bottom: 20px !important; } .pb-0{ padding-bottom: 0 !important; } .p-1{ padding: 1em !important; } .p-2{ padding: 2em !important; } .w-100{ width: 100%; } .select2{ width: 100% !important; } .select2-container .select2-selection--single{ height: 38px; padding: 4px; margin-bottom: 3px; border: 1px solid #e4e7ea; } .select2-dropdown{ z-index: 999; } .fc-unthemed td.fc-today { background: #efefef; } .alert-success h1, .alert-success h2, .alert-success h3, .alert-success h4{ color:white; } .white-box .btn-success{ width: 100%; } .mce-branding{ display: none !important; } .ui-timepicker-standard .ui-menu-item { text-align: left !important; } .ui-timepicker-standard { z-index: 99 !important; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 0 solid transparent; border-radius: 0; } .card-body { flex: 1 1 auto; padding: 1em; } .p-4 { padding: 1.5rem!important; } .ml-auto, .mx-auto { margin-left: auto!important; } .align-items-center { align-items: center!important; } .d-flex { display: flex!important; } .fc-day-grid-event .fc-time { width: 35px; float: left; } .slide-window { position: fixed; width: 100%; height: 100%; top: 0; right: 0; z-index: 99999; background-color: rgba(0,0,0,0.5); border-left: 1px solid #ddd; padding: 0; box-shadow: -12px 0px 7px -8px rgba(0, 0, 0, 0.25) !important; -webkit-box-shadow: -12px 0px 7px -8px rgba(0, 0, 0, 0.25) !important; } .slide-window-iframe{ position:absolute; top:0; right:0; width:85%; height:100%; border:0; margin:0; padding:0; background-color: #edf1f5; } .slide-window-close-old{ position:absolute; background-color: var(--danger-color-dark); color:white; top:0; right:0; z-index:9999; padding:21px; cursor: pointer; } .slide-window-close{ position:absolute; background-color: var(--danger-color-dark); color:white; top:15px; right:25px; z-index:9999; padding:6px 12px; cursor: pointer; border-radius:3px; font-size:16px; } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { from { transform: translateX(-100%); opacity: 1; } to { transform: translateX(0); opacity: 1; } } @keyframes slideOutLeft { from { transform: translateX(0); opacity: 1; } to { transform: translateX(-100%); opacity: 1; } } .slideInLeft { animation: slideInLeft 0.5s ease-in-out forwards; } .slideOutLeft { animation: slideOutLeft 0.5s ease-in-out forwards; } #wrapper.fullscreen .navbar-default, #wrapper.fullscreen footer { display:none !important; } #wrapper.fullscreen #page-wrapper { top:0; position:absolute; margin:0 !important; padding:0 !important; width: 100% !important; height:100% !important; } #wrapper.fullscreen #page-wrapper .container-fluid{ background: #edf1f5; } #wrapper.fullscreen .bg-title{ padding-right: 45px !important; position:fixed; width:100%; z-indez:99999; top: 0; box-shadow: 1px 0px 6px rgba(0, 0, 0, .15) !important } #wrapper.fullscreen .switch-back, #wrapper.fullscreen .switch-new, #wrapper.fullscreen .custom-buttons{ display: none; } #wrapper.fullscreen .container-fluid{ padding-top: 75px; } .easy-autocomplete{ width: 100% !important; } .input-group>.easy-autocomplete .easy-autocomplete-container>ul { top: 37px !important; } .easy-autocomplete>.easy-autocomplete-container>ul { top: -3px !important; } hr { margin-top: 10px; margin-bottom: 10px; } .flex-parent { display: flex; justify-content: space-between; } .flex-item { padding: .5em; } .pt-1{ padding-top:10px; } .input-group-addon, .input-group-btn .btn { min-width: 75px; } .tag{ font-size: 90%; } .radio-switch{ position: relative; width: 100%; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; } .radio-switch-checkbox { display: none; } .radio-switch > :not(label) { display: none !important; } .radio-switch-label { display: block; overflow: hidden; cursor: pointer; border: 0px solid #999999; border-radius: 0px; } .radio-switch-inner { display: block; width: 200%; margin-left: -100%; -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s; -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s; } .radio-switch-inner > span { display: block; float: left; position: relative; width: 50%; height: 30px; padding: 0; line-height: 30px; font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .radio-switch-inner .radio-switch-active { padding-left: 10px; background-color: #EEEEEE; color: #FFFFFF; } .radio-switch-inner .radio-switch-inactive { padding-right: 10px; background-color: #EEEEEE; color: #FFFFFF; text-align: right; } .radio-switch-switch { display: block; width: 50%; margin: 0px; text-align: center; border: 0px solid #999999;border-radius: 0px; position: absolute; top: 0; bottom: 0; } .radio-switch-active .radio-switch-switch { background: #41b3f9; left: 0; } .radio-switch-inactive .radio-switch-switch { background: #A1A1A1; right: 0; } .radio-switch-checkbox:checked + .radio-switch-label .radio-switch-inner { margin-left: 0; } .radio-switch-active.radio-switch-active-force { float:right; } .input-group-prepend { margin-right: -1px; } .input-group-append, .input-group-prepend { display: -webkit-box; display: -ms-flexbox; display: flex; }.input-group-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; } /*
*/ .lds-dual-ring { display: inline-block; width: 80px; height: 80px; } .lds-dual-ring:after { content: " "; display: block; width: 64px; height: 64px; margin: 8px; border-radius: 50%; border: 6px solid var(--main-color); border-color: var(--main-color) transparent var(--main-color) transparent; animation: lds-dual-ring 1.2s linear infinite; position: absolute; margin-left: calc(50% - 32px); margin-top: 200px; } @keyframes lds-dual-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*
*/ .lds-ripple { display: inline-block; position: relative; width: 80px; height: 80px; margin-left: calc(50% - 40px); margin-top: 200px; } .lds-ripple div { position: absolute; border: 4px solid #fed; opacity: 1; border-radius: 50%; animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; border-color: var(--main-color); } .lds-ripple div:nth-child(2) { animation-delay: -0.5s; } @keyframes lds-ripple { 0% { top: 36px; left: 36px; width: 0; height: 0; opacity: 0; } 4.9% { top: 36px; left: 36px; width: 0; height: 0; opacity: 0; } 5% { top: 36px; left: 36px; width: 0; height: 0; opacity: 1; } 100% { top: 0px; left: 0px; width: 72px; height: 72px; opacity: 0; } } .blink { animation: blinker 1s linear infinite; } .spin { animation: spin-anim 4s infinite linear; -webkit-animation: spin-anim 4s infinite linear; } .dropdown-menu { padding: 0; } .dropdown-item:hover{ background-color: #efefef; } input[type=checkbox] { margin: 0; margin-right: 4px; zoom: 150%; } label:has(>input[type=checkbox]) { display: inline-flex; align-items: center; } label:has(>input[type=checkbox])+br { display: none; } .addressbook-tabs-container{ padding:0px !important; padding-top: 10px !important; z-index: 1 !important; } .addressbook-tabs-container .nav-tabs{ border:0 !important; } .addressbook-data-container{ padding: 0px !important; border: 1px solid #ddd !important; border-radius: 5px !important; min-height:1250px !important; background-color: white !important; padding: 15px !important; } .addressbook-tab{ width: 100%; } .addressbook-tab-action{ border:1px solid #ddd !important; border-right-color: transparent !important; background-color: #e1e1e1; border-top-left-radius:5px !important; border-bottom-left-radius:5px !important; margin-bottom:3px !important; text-align: center; margin-right: -1px !important; } .addressbook .white-box{ padding:.75em; border: 1px solid #ddd; background-color: #efefef; border-radius: 5px; } .addressbook .img img{ border: 1px solid #d0d0d0; background-color: #ffffff; max-width:100%; max-height: 200px; padding: 5px; } .addressbook .img img{ max-width:100%; max-height: 170px; margin: 5px; } .addressbook .alert{ border-radius:5px !important; } .iti{ width: 100% !important; } .broadcast-top{ display:none; } .broadcast .broadcast-top{ background-color: #000; margin:0; display:block !important; height:40px; max-height:40px; overflow:hidden; line-height:40px; color:white; padding: 0 1em; } .broadcast .sidebar{ padding-top: 100px; } .ads-right{ display:none; } .ads .ads-right{ display:block !important; background-color: white; width:180px; top:0; right:0; position:absolute; z-index:1; height: 100%; box-shadow: 1px -6px 6px rgba(0,0,0,.15) !important; padding-top: 110px; text-align: center; min-height:800px; } .ads #page-wrapper .container-fluid{ padding-right:206px; min-height:800px; } .ads .nav-tabs>li>a { } .switch-btn { position: relative; display: inline-block; width: 50px; height: 21px; } .switch-btn input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 15px; width: 15px; left: 4px; bottom: 3px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: #2196F3; } input:focus + .slider { box-shadow: 0 0 1px #2196F3; } input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } /* Rounded sliders */ .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } .pl-2{ padding-left:2em; } .pl-3{ padding-left:3em; } .pb-1{ padding-bottom:0.5em; } .float-right{ float:right; } .a{ color: blue; text-decoration: underline; cursor: pointer; } .star{ cursor: pointer; } .star1.text-success{ color:#ff4545; } .star2.text-success{ color:#ffa534; } .star3.text-success{ color:#ffe234; } .star4.text-success{ color:#b7dd29; } .star5.text-success{ color:#57e32c; } .oddeven > div:nth-child(odd){ background-color: #efefef; padding:.25em; } .oddeven > div:nth-child(even){ background-color: transparent; padding:.25em; } .shake{ animation: shake 0.2s ease-in-out 0s 2; } .rounded-circle { border-radius: 50% !important; } @keyframes shake { 0% { margin-left: 0rem; } 25% { margin-left: 0.5rem; } 75% { margin-left: -0.5rem; } 100% { margin-left: 0rem; } } @keyframes blinker { 50% { opacity: 0; } } @-webkit-keyframes spin-anim { 0% {-webkit-transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg);} } #task_list{ padding:0.5em; } .navbar-top-links .dropdown-tasks a{ padding:10px 15px; } .shown-xs{ display:none !important; } @media (max-width: 1050px) { .app-title{ display:none; } } @media (max-width: 1250px) { .app-search{ display:none; } } @media (max-width: 768px) { .shown-xs{ display:block !important; } .sweet-alert { padding: 1em; max-width:90%; } .input-group-addon, .input-group-btn .btn { min-width: unset; } .input-group .form-control { overflow-x:auto; } .w-100-xs{ width:100%; } #admin_menu .white-box .col-md-8.p-0{ padding: 0px 15px !important; text-align: center; } #side-menu li:first-child{ padding-top: 0 !important; } .content-wrapper.hide-sidebar .sidebar{ left: -(var(--sidebar-width)); width: 0; } .white-box{ } .table-responsive{ border: 0px; margin: 0px; } .footer{ left:0; text-align: center; } .footer .pull-right{ float: none !important; } .broadcast #page-wrapper { margin-top: 100px } .container-fluid { padding-bottom: 60px; padding-left: 10px; padding-right: 10px; } .bg-title{ padding: 10px 25px; } #patient_step{ margin-bottom:1em; } .broadcast .sidebar { padding-top: 0px; } .slide-window-iframe{ width:100%; } .slide-window-close{ padding: 10px 15px !important; right: 11px !important; border-radius: 3px !important; top: 4px !important; } #wrapper.fullscreen .bg-title { padding: 12px !important; width: 110%; } #title_container, #menu_container{ } .page-title{ padding-right: 45px !important; } .nav-tabs .nav-link{ border: 1px solid #ddd; } .nav-tabs.nav-justified>li>a { margin-bottom: 0px !important; border-radius: 0px !important; } .nav-tabs.nav-justified>li.active>a { font-weight: bold; font-size: 105%; } #scheduler_container, #calendar_container{ padding:0px !important; } .card { min-height: unset !important; } .btn{ overflow:scroll; } .tab-content .btn, .white-box .btn{ margin-bottom:.5em; } .float-right{ margin-top: .25em; margin-bottom: 1em; float:unset; } .content-wrapper .sidebar{ left: 0; width: 100%; } #side-menu li a { width:100%; } #side-menu li.dropdown .dropdown-menu{ display:none; } #side-menu li.open .dropdown-menu.collapse.in { display:block; position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; border-width: 0px; border-style: initial; border-color: initial; margin-left:2em; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; } #side-menu > li > a, #side-menu > li > div > a { padding: 10px 35px 10px 20px; font-size:1.15em; } #side-menu .nav-second-level li a { font-size:1.15em; } .navbar-header .dropdown-menu{ } } @media (min-width:1170px) { .hide-sidebar .sidebar { left: -260px; } } @media print { .noprint, .btn{ visibility: hidden; display: none !important; overflow:scroll; } #wrapper .navbar-default, #wrapper footer { visibility: hidden; display:none !important; } } /*******************/ /*Chat widget*/ /*******************/ .chat-box { overflow: auto; } .chat-list { margin: 0px; padding: 0px; } .chat-list .chat-item { list-style: none; margin-top: 30px; } .chat-list .chat-item .chat-img { display: inline-block; width: 45px; vertical-align: top; } .chat-list .chat-item .chat-img img { width: 45px; border-radius: 100%; } .chat-list .chat-item .chat-content { width: calc(100% - 50px); display: inline-block; padding-left: 15px; } .chat-list .chat-item .chat-content .box { display: inline-block; padding: 15px; margin-bottom: 3px; color: #313131; background: #f7fafc; border-radius: 0 8px 8px; } .chat-list .chat-item .chat-time { display: block; font-size: 10px; color: #525f7f; font-weight: 500; margin-top: 5px; } .chat-list .chat-item.odd .chat-content { text-align: right; width: calc(100% - 0px); padding-left: 0; padding-right: 15px; } .chat-list .chat-item.odd .chat-time { text-align: right; } .chat-list .chat-item.odd .box { clear: both; background: #e9ecef; border-radius: 8px 0 8px 8px; } .chat-list .chat-item.odd + .odd { margin-top: 0px; } .chat-list .chat-item.reverse { text-align: right; } .chat-list .chat-item.reverse .chat-time { text-align: left; } .chat-list .chat-item.reverse .chat-content { padding-left: 0px; padding-right: 15px; } .chat-list .odd.chat-item { display: flex; } /*******************/ /*Comment widgets*/ /*******************/ .comment-widgets { position: relative; margin-bottom: 10px; } .comment-widgets .comment-row { border-bottom: 1px solid rgba(120, 130, 140, 0.13); padding: 20px 25px; display: flex; margin: 10px 0; } .comment-widgets .comment-row:last-child { border-bottom: 0px; } .comment-widgets .comment-row:hover, .comment-widgets .comment-row.active { background: rgba(0, 0, 0, 0.03); } .comment-text { padding-left: 15px; width: 100%; } .comment-text p { max-height: 65px; width: 100%; overflow: hidden; } .feed-widget .feed-body .feed-item { padding: 12px 0; display: flex; align-items: center; } .feed-widget .feed-body .feed-item:hover { background: #f7fafc; } .feed-widget .feed-body .feed-item > .feed-icon { width: 40px; height: 40px; margin-right: 10px; display: inline-block; text-align: center; vertical-align: middle; border-radius: 100%; color: #fff; } .feed-widget .feed-body .feed-item > .feed-icon i { line-height: 40px; } .todo-widget .todo-list .todo-item { border: 0px; margin-bottom: 0px; padding: 20px 15px 15px 0px; } .todo-widget .todo-list .todo-item .custom-checkbox { width: 100%; } .todo-widget .todo-list .todo-item .custom-checkbox .todo-label { font-weight: 400; width: 100%; } .todo-widget .todo-list .todo-item .assignedto { padding: 0 0 0 25px; margin: 0px; } .todo-widget .todo-list .todo-item .assignedto .assignee { padding: 0px; display: inline-block; border: 0px; margin-right: 2px; } .todo-widget .todo-list .todo-item .assignedto .assignee .assignee-img { width: 30px; border-radius: 100%; } .todo-widget .todo-list .todo-item .item-date { padding-left: 25px; font-size: 12px; margin-top: 5px; display: inline-block; color: #8898aa; } .list-task .task-done .todo-desc, .list-task .task-done .badge { text-decoration: line-through; } .ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail { display: block; background-color: transparent; } .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { background-color: transparent; opacity: 0.9; } .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: rgba(0, 0, 0, 0.2); height: 11px; } .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background-color: transparent; opacity: 0.9; } .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: rgba(0, 0, 0, 0.2); width: 11px; } .ps-container > .ps-scrollbar-x-rail { display: none; position: absolute; opacity: 0; -webkit-transition: background-color 0.2s linear, opacity 0.2s linear; -o-transition: background-color 0.2s linear, opacity 0.2s linear; -moz-transition: background-color 0.2s linear, opacity 0.2s linear; transition: background-color 0.2s linear, opacity 0.2s linear; bottom: 0; height: 15px; } .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x { position: absolute; background-color: rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out; transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out; -o-transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out; -moz-transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out, -moz-border-radius 0.2s ease-in-out; transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out; transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out, -moz-border-radius 0.2s ease-in-out; bottom: 2px; height: 6px; } .ps-container > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x, .ps-container > .ps-scrollbar-x-rail:active > .ps-scrollbar-x { height: 6px; } .ps-container > .ps-scrollbar-y-rail { display: none; position: absolute; opacity: 0; -webkit-transition: background-color 0.2s linear, opacity 0.2s linear; -o-transition: background-color 0.2s linear, opacity 0.2s linear; -moz-transition: background-color 0.2s linear, opacity 0.2s linear; transition: background-color 0.2s linear, opacity 0.2s linear; right: 0; width: 15px; } .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { position: absolute; background-color: rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out; transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out; -o-transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out; -moz-transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out, -moz-border-radius 0.2s ease-in-out; transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out; transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out, -moz-border-radius 0.2s ease-in-out; right: 2px; width: 6px; } .ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y, .ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y { width: 6px; } .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { background-color: transparent; opacity: 0.9; } .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: rgba(0, 0, 0, 0.2); height: 6px; } .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background-color: transparent; opacity: 0.9; } .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: rgba(0, 0, 0, 0.2); width: 6px; } .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: transparent; opacity: 0.9; } .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x { background-color: rgba(0, 0, 0, 0.2); } .ps-container:hover > .ps-scrollbar-y-rail:hover { background-color: transparent; opacity: 0.9; } .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y { background-color: rgba(0, 0, 0, 0.2); } .ps-container .ps-scrollbar-y-rail { position: absolute; /* please don't change 'position' */ right: 3px; /* there must be 'right' for ps-scrollbar-y-rail */ width: 8px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; opacity: 0; filter: alpha(opacity=0); -o-transition: background-color 0.2s linear, opacity 0.2s linear; -webkit-transition: background-color 0.2s linear, opacity 0.2s linear; -moz-transition: background-color 0.2s linear, opacity 0.2s linear; transition: background-color 0.2s linear, opacity 0.2s linear; } .mailbox .nav-link { border-top: 1px solid rgba(120, 130, 140, 0.13); padding-top: 15px; } .mailbox .message-center { overflow: auto; position: relative; } .mailbox .message-center .message-item { border-bottom: 1px solid rgba(120, 130, 140, 0.13); display: flex; align-items: center; text-decoration: none; padding: 9px 15px; } .mailbox .message-center .message-item:hover { background: #f7fafc; } .mailbox .message-center .message-item .message-title { color: #212529; font-weight: 400; } .mailbox .message-center .message-item .user-img { width: 40px; position: relative; } .mailbox .message-center .message-item .user-img img { width: 100%; } .mailbox .message-center .message-item .user-img .profile-status { border: 2px solid #fff; border-radius: 50%; display: inline-block; height: 10px; left: 30px; position: absolute; top: 1px; width: 10px; } .mailbox .message-center .message-item .user-img .online { background: #2cd07e; } .mailbox .message-center .message-item .user-img .busy { background: #ff5050; } .mailbox .message-center .message-item .user-img .away { background: #ffc107; } .mailbox .message-center .message-item .user-img .offline { background: #ffc107; } .mailbox .message-center .message-item .mail-contnet { width: 85%; vertical-align: middle; padding-left: 15px; } .mailbox .message-center .message-item .mail-contnet .message-title { margin: 5px 0px 0; } .mailbox .message-center .message-item .mail-contnet .mail-desc, .mailbox .message-center .message-item .mail-contnet .time { font-size: 12px; display: block; margin: 1px 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns{ column-count: 2; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } .card-columns-2 { column-count: 2; } .card-columns-3 { column-count: 3; } } /* common */ .ribbon { width: 150px; height: 150px; overflow: hidden; position: absolute; } .ribbon::before, .ribbon::after { position: absolute; z-index: -1; content: ''; display: block; border: 5px solid #2980b9; } .ribbon span { position: absolute; display: block; width: 225px; padding: 15px 0; background-color: #a50505; box-shadow: 0 5px 10px rgba(0,0,0,.1); color: #fff; font-size: 12px; text-shadow: 0 1px 1px rgba(0,0,0,.2); text-transform: uppercase; text-align: center; } /* top left*/ .ribbon-top-left { top: -2px; left: -2px; } .ribbon-top-left::before, .ribbon-top-left::after { border-top-color: transparent; border-left-color: transparent; } .ribbon-top-left::before { top: 0; right: 0; } .ribbon-top-left::after { bottom: 0; left: 0; } .ribbon-top-left span { right: -25px; top: 30px; transform: rotate(-45deg); } /* top right*/ .ribbon-top-right { top: -2px; right: -2px; } .ribbon-top-right::before, .ribbon-top-right::after { border-top-color: transparent; border-right-color: transparent; } .ribbon-top-right::before { top: 0; left: 0; } .ribbon-top-right::after { bottom: 0; right: 0; } .ribbon-top-right span { left: -25px; top: 30px; transform: rotate(45deg); } /* bottom left*/ .ribbon-bottom-left { bottom: -2px; left: -2px; } .ribbon-bottom-left::before, .ribbon-bottom-left::after { border-bottom-color: transparent; border-left-color: transparent; } .ribbon-bottom-left::before { bottom: 0; right: 0; } .ribbon-bottom-left::after { top: 0; left: 0; } .ribbon-bottom-left span { right: -25px; bottom: 30px; transform: rotate(225deg); } /* bottom right*/ .ribbon-bottom-right { bottom: -2px; right: -2px; } .ribbon-bottom-right::before, .ribbon-bottom-right::after { border-bottom-color: transparent; border-right-color: transparent; } .ribbon-bottom-right::before { bottom: 0; left: 0; } .ribbon-bottom-right::after { top: 0; right: 0; } .ribbon-bottom-right span { left: -25px; bottom: 30px; transform: rotate(-225deg); } .bg-title{ box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.05) !important; } .footer{ box-shadow: 0px -4px 5px 0px rgba(0,0,0,0.05) !important; } .spinner-border { display: inline-block; width: 2em; height: 2em; vertical-align: text-bottom; border: .25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: spinner-border .75s linear infinite; animation: spinner-border .75s linear infinite; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } @keyframes spinner-border { to { transform: rotate(360deg); } } .spinner-border-sm { width: $spinner-width-sm; height: $spinner-height-sm; border-width: $spinner-border-width-sm; } .sweet-alert-lg{ width:800px; margin-left:-400px; } .marquee { display: flex ; overflow: hidden ; white-space: nowrap ; width: auto ; } .marquee__item { animation-duration: 40s ; animation-iteration-count: infinite ; animation-name: marquee-content ; animation-timing-function: linear ; margin-right: 150px; } .marquee:hover .marquee__item { animation-play-state: paused ; } @keyframes marquee-content { from { transform: translateX( 100% ); } to { transform: translateX( -350% ); } } @media (max-width: 767px) { @keyframes marquee-content { from { transform: translateX( 25% ); } to { transform: translateX( -350% ); } } } #side-menu li .notify{ position: absolute; margin-top:10px; margin-left:5px; } @media screen and (min-width: 768px) { .main-content { margin-left: 0 !important; /* Elimina el margen cuando el menú está oculto */ width: 100% !important; /* Ajusta el ancho al 100% */ } }