/*------------------------------------------------------------------------------------------------------------- ------------- TARİH : 11.07.2020 TASARIM : - E-POSTA : bilgi@huseyinmutlu.com.tr WEBSİTE : http://www.huseyinmutlu.com.tr ------------- -------------------------------------------------------------------------------------------------------------*/ /* TABLO BUILD 01. BOOTSTRAP 02. TEMPLATE 03. SCSS 04. BOOSTRAP MAIN SCSS 02. TEMPLATE MIXINS A. Animation Mixins B. Background Mixins C. BlockQuote Mixins D. Badges Mixins E. Buttons Mixins F. Cards Mixins G. Miscellaneous Mixins H. Text Mixins I. J. 03. CORE STYLES A. Reset Styles B. Fonts C. Functions D. Sidebar E. Navbar F. Typography G. Miscellaneous H. Footer I. Layouts J. Utilities K. Demo styles L. Dashboard 04. COMPONENTS A. Badges B. Bootstrap Progress C. Buttons D. Cards E. Checkboxes and Radios F. Dropdowns G. Forms H. Icons I. Lists J. Nav K. New Account L. Preview M. Tables N. O. 05. LANDING SCREENS A. Auth B. Error C. MESSAGES D. LOGIN CARD E. OPEN & CLOSE F. IMAGE CROP G. TOOLTIPS H. DATATABLES I. EMAIL TEMPLATE J. MULTIPLE IMAGE & OPTION SELECT K. EMAIL FORMAT L. TEXT TAG PLUGIN M. TABS N. O. */ /*-------------------------------------------------------------------*/ /* === Import Bootstrap functions and variables === */ /*-------------------------------------------------------------------*/ /* === Import template variables === */ /*-------------------------------------------------------------------*/ /* === SCSS Compass Functions === */ /* =============================================== 01. FONT ====================================================== */ @import "tm-myfonts.css"; /* =============================================== 01. FONT ====================================================== */ /* ----------------------------------------------- AA. TL ICON --------------------------------------------------- */ .TL-icon{ font-style:normal;} .TL-icon:before{ font-family:"tlfont", sans-serif; /*font-size:18px;*/ font-style:normal; content:"t"; padding:0 3px 0 0; } /* ----------------------------------------------- AA. TL ICON --------------------------------------------------- */ /* ----------------------------------------------- A. MORE TITLE ------------------------------------------------- */ .page-moretitle-wrapper { width:100%; margin:15px auto; /*padding: 25px 0;*/ overflow:hidden; text-align:left; } h2.page-moretitle { font:700 22px/26px "tm",sans-serif; color:#020307; display:inline-block; position:relative; margin: 0; } h2.page-moretitle::after { margin-right: 20px;right: 100%; } h2.page-moretitle::before { margin-left: 20px;left: 100%; } h2.page-moretitle:before { content:""; border-bottom:1px solid rgba(166,172,167,0.6); width:75px; position:absolute; top:49%; } /*----------*/ h2.page-moretitle > span:after { background:linear-gradient(120deg, #17ba60, #17ba60); /*17ba60*/ content:""; width:30px; height:3px; position:absolute; top:45%; right:-45px; /*z-index:4*/ } /* ----------------------------------------------- A. MORE TITLE ------------------------------------------------- */ /*@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");*/ /*@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");*/ @-moz-keyframes flash { 0% { opacity: 1; } 25% { opacity: 0; } 50% { opacity: 1; } 75% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes flash { 0% { opacity: 1; } 25% { opacity: 0; } 50% { opacity: 1; } 75% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes flash { 0% { opacity: 1; } 25% { opacity: 0; } 50% { opacity: 1; } 75% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes flash { 0% { opacity: 1; } 25% { opacity: 0; } 50% { opacity: 1; } 75% { opacity: 0; } 100% { opacity: 1; } } @keyframes flash { 0% { opacity: 1; } 25% { opacity: 0; } 50% { opacity: 1; } 75% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes bounce { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 20% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); } 50% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 60% { -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px); } 80% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes bounce { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 20% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); } 50% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 60% { -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px); } 80% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-o-keyframes bounce { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 20% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); } 50% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 60% { -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px); } 80% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-ms-keyframes bounce { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 20% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); } 50% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 60% { -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px); } 80% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @keyframes bounce { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 20% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); } 50% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 60% { -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px); } 80% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes shake { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 10% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 20% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 30% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 40% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 50% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 60% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 70% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 80% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 90% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes shake { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 10% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 20% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 30% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 40% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 50% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 60% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 70% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 80% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 90% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-o-keyframes shake { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 10% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 20% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 30% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 40% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 50% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 60% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 70% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 80% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 90% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes shake { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 10% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 20% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 30% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 40% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 50% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 60% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 70% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 80% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 90% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes shake { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 10% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 20% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 30% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 40% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 50% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 60% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 70% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 80% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 90% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes tada { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 10% { -webkit-transform: scale(0.9) rotate(-3deg); -moz-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); -o-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 20% { -webkit-transform: scale(0.9) rotate(-3deg); -moz-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); -o-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 50% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 60% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 70% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 80% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 90% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 100% { -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 10% { -webkit-transform: scale(0.9) rotate(-3deg); -moz-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); -o-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 20% { -webkit-transform: scale(0.9) rotate(-3deg); -moz-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); -o-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 50% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 60% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 70% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 80% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 90% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 100% { -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @-o-keyframes tada { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 10% { -webkit-transform: scale(0.9) rotate(-3deg); -moz-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); -o-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 20% { -webkit-transform: scale(0.9) rotate(-3deg); -moz-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); -o-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 50% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 60% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 70% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 80% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 90% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 100% { -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @-ms-keyframes tada { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 10% { -webkit-transform: scale(0.9) rotate(-3deg); -moz-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); -o-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 20% { -webkit-transform: scale(0.9) rotate(-3deg); -moz-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); -o-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 50% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 60% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 70% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 80% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 90% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 100% { -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 10% { -webkit-transform: scale(0.9) rotate(-3deg); -moz-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); -o-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 20% { -webkit-transform: scale(0.9) rotate(-3deg); -moz-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); -o-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 50% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 60% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 70% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 80% { -webkit-transform: scale(1.1) rotate(-3deg); -moz-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); -o-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 90% { -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 100% { -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @-moz-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center 50%; -moz-transform-origin: top center 50%; -ms-transform-origin: top center 50%; -o-transform-origin: top center 50%; transform-origin: top center 50%; } 20% { -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center 50%; -moz-transform-origin: top center 50%; -ms-transform-origin: top center 50%; -o-transform-origin: top center 50%; transform-origin: top center 50%; } 20% { -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } } @-o-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center 50%; -moz-transform-origin: top center 50%; -ms-transform-origin: top center 50%; -o-transform-origin: top center 50%; transform-origin: top center 50%; } 20% { -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } } @-ms-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center 50%; -moz-transform-origin: top center 50%; -ms-transform-origin: top center 50%; -o-transform-origin: top center 50%; transform-origin: top center 50%; } 20% { -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center 50%; -moz-transform-origin: top center 50%; -ms-transform-origin: top center 50%; -o-transform-origin: top center 50%; transform-origin: top center 50%; } 20% { -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } } @-moz-keyframes wobble { 0% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -moz-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); -o-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -moz-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); -o-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -moz-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); -o-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -moz-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); -o-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -moz-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); -o-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -moz-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); -o-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -moz-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); -o-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -moz-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); -o-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -moz-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); -o-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -moz-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); -o-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @-o-keyframes wobble { 0% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -moz-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); -o-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -moz-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); -o-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -moz-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); -o-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -moz-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); -o-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -moz-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); -o-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @-ms-keyframes wobble { 0% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -moz-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); -o-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -moz-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); -o-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -moz-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); -o-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -moz-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); -o-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -moz-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); -o-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @keyframes wobble { 0% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -moz-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); -o-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -moz-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); -o-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -moz-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); -o-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -moz-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); -o-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -moz-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); -o-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @-moz-keyframes pulse { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 50% { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } 100% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 50% { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } 100% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @-o-keyframes pulse { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 50% { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } 100% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @-ms-keyframes pulse { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 50% { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } 100% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @keyframes pulse { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 50% { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } 100% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @-moz-keyframes wiggle { 0% { -webkit-transform: skewX(9deg); -moz-transform: skewX(9deg); -ms-transform: skewX(9deg); -o-transform: skewX(9deg); transform: skewX(9deg); } 10% { -webkit-transform: skewX(-8deg); -moz-transform: skewX(-8deg); -ms-transform: skewX(-8deg); -o-transform: skewX(-8deg); transform: skewX(-8deg); } 20% { -webkit-transform: skewX(7deg); -moz-transform: skewX(7deg); -ms-transform: skewX(7deg); -o-transform: skewX(7deg); transform: skewX(7deg); } 30% { -webkit-transform: skewX(-6deg); -moz-transform: skewX(-6deg); -ms-transform: skewX(-6deg); -o-transform: skewX(-6deg); transform: skewX(-6deg); } 40% { -webkit-transform: skewX(5deg); -moz-transform: skewX(5deg); -ms-transform: skewX(5deg); -o-transform: skewX(5deg); transform: skewX(5deg); } 50% { -webkit-transform: skewX(-4deg); -moz-transform: skewX(-4deg); -ms-transform: skewX(-4deg); -o-transform: skewX(-4deg); transform: skewX(-4deg); } 60% { -webkit-transform: skewX(3deg); -moz-transform: skewX(3deg); -ms-transform: skewX(3deg); -o-transform: skewX(3deg); transform: skewX(3deg); } 70% { -webkit-transform: skewX(-2deg); -moz-transform: skewX(-2deg); -ms-transform: skewX(-2deg); -o-transform: skewX(-2deg); transform: skewX(-2deg); } 80% { -webkit-transform: skewX(1deg); -moz-transform: skewX(1deg); -ms-transform: skewX(1deg); -o-transform: skewX(1deg); transform: skewX(1deg); } 90% { -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg); } 100% { -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg); } } @-webkit-keyframes wiggle { 0% { -webkit-transform: skewX(9deg); -moz-transform: skewX(9deg); -ms-transform: skewX(9deg); -o-transform: skewX(9deg); transform: skewX(9deg); } 10% { -webkit-transform: skewX(-8deg); -moz-transform: skewX(-8deg); -ms-transform: skewX(-8deg); -o-transform: skewX(-8deg); transform: skewX(-8deg); } 20% { -webkit-transform: skewX(7deg); -moz-transform: skewX(7deg); -ms-transform: skewX(7deg); -o-transform: skewX(7deg); transform: skewX(7deg); } 30% { -webkit-transform: skewX(-6deg); -moz-transform: skewX(-6deg); -ms-transform: skewX(-6deg); -o-transform: skewX(-6deg); transform: skewX(-6deg); } 40% { -webkit-transform: skewX(5deg); -moz-transform: skewX(5deg); -ms-transform: skewX(5deg); -o-transform: skewX(5deg); transform: skewX(5deg); } 50% { -webkit-transform: skewX(-4deg); -moz-transform: skewX(-4deg); -ms-transform: skewX(-4deg); -o-transform: skewX(-4deg); transform: skewX(-4deg); } 60% { -webkit-transform: skewX(3deg); -moz-transform: skewX(3deg); -ms-transform: skewX(3deg); -o-transform: skewX(3deg); transform: skewX(3deg); } 70% { -webkit-transform: skewX(-2deg); -moz-transform: skewX(-2deg); -ms-transform: skewX(-2deg); -o-transform: skewX(-2deg); transform: skewX(-2deg); } 80% { -webkit-transform: skewX(1deg); -moz-transform: skewX(1deg); -ms-transform: skewX(1deg); -o-transform: skewX(1deg); transform: skewX(1deg); } 90% { -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg); } 100% { -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg); } } @-o-keyframes wiggle { 0% { -webkit-transform: skewX(9deg); -moz-transform: skewX(9deg); -ms-transform: skewX(9deg); -o-transform: skewX(9deg); transform: skewX(9deg); } 10% { -webkit-transform: skewX(-8deg); -moz-transform: skewX(-8deg); -ms-transform: skewX(-8deg); -o-transform: skewX(-8deg); transform: skewX(-8deg); } 20% { -webkit-transform: skewX(7deg); -moz-transform: skewX(7deg); -ms-transform: skewX(7deg); -o-transform: skewX(7deg); transform: skewX(7deg); } 30% { -webkit-transform: skewX(-6deg); -moz-transform: skewX(-6deg); -ms-transform: skewX(-6deg); -o-transform: skewX(-6deg); transform: skewX(-6deg); } 40% { -webkit-transform: skewX(5deg); -moz-transform: skewX(5deg); -ms-transform: skewX(5deg); -o-transform: skewX(5deg); transform: skewX(5deg); } 50% { -webkit-transform: skewX(-4deg); -moz-transform: skewX(-4deg); -ms-transform: skewX(-4deg); -o-transform: skewX(-4deg); transform: skewX(-4deg); } 60% { -webkit-transform: skewX(3deg); -moz-transform: skewX(3deg); -ms-transform: skewX(3deg); -o-transform: skewX(3deg); transform: skewX(3deg); } 70% { -webkit-transform: skewX(-2deg); -moz-transform: skewX(-2deg); -ms-transform: skewX(-2deg); -o-transform: skewX(-2deg); transform: skewX(-2deg); } 80% { -webkit-transform: skewX(1deg); -moz-transform: skewX(1deg); -ms-transform: skewX(1deg); -o-transform: skewX(1deg); transform: skewX(1deg); } 90% { -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg); } 100% { -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg); } } @-ms-keyframes wiggle { 0% { -webkit-transform: skewX(9deg); -moz-transform: skewX(9deg); -ms-transform: skewX(9deg); -o-transform: skewX(9deg); transform: skewX(9deg); } 10% { -webkit-transform: skewX(-8deg); -moz-transform: skewX(-8deg); -ms-transform: skewX(-8deg); -o-transform: skewX(-8deg); transform: skewX(-8deg); } 20% { -webkit-transform: skewX(7deg); -moz-transform: skewX(7deg); -ms-transform: skewX(7deg); -o-transform: skewX(7deg); transform: skewX(7deg); } 30% { -webkit-transform: skewX(-6deg); -moz-transform: skewX(-6deg); -ms-transform: skewX(-6deg); -o-transform: skewX(-6deg); transform: skewX(-6deg); } 40% { -webkit-transform: skewX(5deg); -moz-transform: skewX(5deg); -ms-transform: skewX(5deg); -o-transform: skewX(5deg); transform: skewX(5deg); } 50% { -webkit-transform: skewX(-4deg); -moz-transform: skewX(-4deg); -ms-transform: skewX(-4deg); -o-transform: skewX(-4deg); transform: skewX(-4deg); } 60% { -webkit-transform: skewX(3deg); -moz-transform: skewX(3deg); -ms-transform: skewX(3deg); -o-transform: skewX(3deg); transform: skewX(3deg); } 70% { -webkit-transform: skewX(-2deg); -moz-transform: skewX(-2deg); -ms-transform: skewX(-2deg); -o-transform: skewX(-2deg); transform: skewX(-2deg); } 80% { -webkit-transform: skewX(1deg); -moz-transform: skewX(1deg); -ms-transform: skewX(1deg); -o-transform: skewX(1deg); transform: skewX(1deg); } 90% { -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg); } 100% { -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg); } } @keyframes wiggle { 0% { -webkit-transform: skewX(9deg); -moz-transform: skewX(9deg); -ms-transform: skewX(9deg); -o-transform: skewX(9deg); transform: skewX(9deg); } 10% { -webkit-transform: skewX(-8deg); -moz-transform: skewX(-8deg); -ms-transform: skewX(-8deg); -o-transform: skewX(-8deg); transform: skewX(-8deg); } 20% { -webkit-transform: skewX(7deg); -moz-transform: skewX(7deg); -ms-transform: skewX(7deg); -o-transform: skewX(7deg); transform: skewX(7deg); } 30% { -webkit-transform: skewX(-6deg); -moz-transform: skewX(-6deg); -ms-transform: skewX(-6deg); -o-transform: skewX(-6deg); transform: skewX(-6deg); } 40% { -webkit-transform: skewX(5deg); -moz-transform: skewX(5deg); -ms-transform: skewX(5deg); -o-transform: skewX(5deg); transform: skewX(5deg); } 50% { -webkit-transform: skewX(-4deg); -moz-transform: skewX(-4deg); -ms-transform: skewX(-4deg); -o-transform: skewX(-4deg); transform: skewX(-4deg); } 60% { -webkit-transform: skewX(3deg); -moz-transform: skewX(3deg); -ms-transform: skewX(3deg); -o-transform: skewX(3deg); transform: skewX(3deg); } 70% { -webkit-transform: skewX(-2deg); -moz-transform: skewX(-2deg); -ms-transform: skewX(-2deg); -o-transform: skewX(-2deg); transform: skewX(-2deg); } 80% { -webkit-transform: skewX(1deg); -moz-transform: skewX(1deg); -ms-transform: skewX(1deg); -o-transform: skewX(1deg); transform: skewX(1deg); } 90% { -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg); } 100% { -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg); } } @-moz-keyframes bounceOut { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 25% { -webkit-transform: scale(0.95, 0.95); -moz-transform: scale(0.95, 0.95); -ms-transform: scale(0.95, 0.95); -o-transform: scale(0.95, 0.95); transform: scale(0.95, 0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3, 0.3); -moz-transform: scale(0.3, 0.3); -ms-transform: scale(0.3, 0.3); -o-transform: scale(0.3, 0.3); transform: scale(0.3, 0.3); } } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 25% { -webkit-transform: scale(0.95, 0.95); -moz-transform: scale(0.95, 0.95); -ms-transform: scale(0.95, 0.95); -o-transform: scale(0.95, 0.95); transform: scale(0.95, 0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3, 0.3); -moz-transform: scale(0.3, 0.3); -ms-transform: scale(0.3, 0.3); -o-transform: scale(0.3, 0.3); transform: scale(0.3, 0.3); } } @-o-keyframes bounceOut { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 25% { -webkit-transform: scale(0.95, 0.95); -moz-transform: scale(0.95, 0.95); -ms-transform: scale(0.95, 0.95); -o-transform: scale(0.95, 0.95); transform: scale(0.95, 0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3, 0.3); -moz-transform: scale(0.3, 0.3); -ms-transform: scale(0.3, 0.3); -o-transform: scale(0.3, 0.3); transform: scale(0.3, 0.3); } } @-ms-keyframes bounceOut { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 25% { -webkit-transform: scale(0.95, 0.95); -moz-transform: scale(0.95, 0.95); -ms-transform: scale(0.95, 0.95); -o-transform: scale(0.95, 0.95); transform: scale(0.95, 0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3, 0.3); -moz-transform: scale(0.3, 0.3); -ms-transform: scale(0.3, 0.3); -o-transform: scale(0.3, 0.3); transform: scale(0.3, 0.3); } } @keyframes bounceOut { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 25% { -webkit-transform: scale(0.95, 0.95); -moz-transform: scale(0.95, 0.95); -ms-transform: scale(0.95, 0.95); -o-transform: scale(0.95, 0.95); transform: scale(0.95, 0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3, 0.3); -moz-transform: scale(0.3, 0.3); -ms-transform: scale(0.3, 0.3); -o-transform: scale(0.3, 0.3); transform: scale(0.3, 0.3); } } @-moz-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } } @-o-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } } @-ms-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } } @-moz-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } } @-o-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } } @-ms-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } } @-moz-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } } @-o-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } } @-ms-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } } @-moz-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } } @-o-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } } @-ms-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } } @-moz-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3, 0.3); -moz-transform: scale(0.3, 0.3); -ms-transform: scale(0.3, 0.3); -o-transform: scale(0.3, 0.3); transform: scale(0.3, 0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } 70% { -webkit-transform: scale(0.9, 0.9); -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -o-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); } 100% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3, 0.3); -moz-transform: scale(0.3, 0.3); -ms-transform: scale(0.3, 0.3); -o-transform: scale(0.3, 0.3); transform: scale(0.3, 0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } 70% { -webkit-transform: scale(0.9, 0.9); -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -o-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); } 100% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @-o-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3, 0.3); -moz-transform: scale(0.3, 0.3); -ms-transform: scale(0.3, 0.3); -o-transform: scale(0.3, 0.3); transform: scale(0.3, 0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } 70% { -webkit-transform: scale(0.9, 0.9); -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -o-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); } 100% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @-ms-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3, 0.3); -moz-transform: scale(0.3, 0.3); -ms-transform: scale(0.3, 0.3); -o-transform: scale(0.3, 0.3); transform: scale(0.3, 0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } 70% { -webkit-transform: scale(0.9, 0.9); -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -o-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); } 100% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3, 0.3); -moz-transform: scale(0.3, 0.3); -ms-transform: scale(0.3, 0.3); -o-transform: scale(0.3, 0.3); transform: scale(0.3, 0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } 70% { -webkit-transform: scale(0.9, 0.9); -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -o-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); } 100% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @-moz-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-o-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-ms-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-o-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-ms-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -moz-transform: translateX(-30px); -ms-transform: translateX(-30px); -o-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -moz-transform: translateX(-30px); -ms-transform: translateX(-30px); -o-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-o-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -moz-transform: translateX(-30px); -ms-transform: translateX(-30px); -o-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -moz-transform: translateX(-30px); -ms-transform: translateX(-30px); -o-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -moz-transform: translateX(-30px); -ms-transform: translateX(-30px); -o-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -moz-transform: translateX(30px); -ms-transform: translateX(30px); -o-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -moz-transform: translateX(30px); -ms-transform: translateX(30px); -o-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-o-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -moz-transform: translateX(30px); -ms-transform: translateX(30px); -o-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -moz-transform: translateX(30px); -ms-transform: translateX(30px); -o-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -moz-transform: translateX(30px); -ms-transform: translateX(30px); -o-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-ms-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes fadeOutUp { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; } } @-webkit-keyframes fadeOutUp { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; } } @-o-keyframes fadeOutUp { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; } } @-ms-keyframes fadeOutUp { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; } } @keyframes fadeOutUp { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; } } @-moz-keyframes fadeOutDown { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); opacity: 0; } } @-webkit-keyframes fadeOutDown { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); opacity: 0; } } @-o-keyframes fadeOutDown { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); opacity: 0; } } @-ms-keyframes fadeOutDown { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); opacity: 0; } } @keyframes fadeOutDown { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); opacity: 0; } } @-moz-keyframes fadeOutRight { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); opacity: 0; } } @-webkit-keyframes fadeOutRight { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); opacity: 0; } } @-o-keyframes fadeOutRight { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); opacity: 0; } } @-ms-keyframes fadeOutRight { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); opacity: 0; } } @keyframes fadeOutRight { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); opacity: 0; } } @-moz-keyframes fadeOutLeft { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); opacity: 0; } } @-webkit-keyframes fadeOutLeft { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); opacity: 0; } } @-o-keyframes fadeOutLeft { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); opacity: 0; } } @-ms-keyframes fadeOutLeft { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); opacity: 0; } } @keyframes fadeOutLeft { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); opacity: 0; } } @-moz-keyframes fadeOutUpBig { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); opacity: 0; } } @-webkit-keyframes fadeOutUpBig { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); opacity: 0; } } @-o-keyframes fadeOutUpBig { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); opacity: 0; } } @-ms-keyframes fadeOutUpBig { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); opacity: 0; } } @keyframes fadeOutUpBig { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); opacity: 0; } } @-moz-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } } @-o-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } } @-ms-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } } @-moz-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } } @-o-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } } @-ms-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } } @-moz-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } } @-o-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } } @-ms-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeInUp { 0% { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); opacity: 0; } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-webkit-keyframes fadeInUp { 0% { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); opacity: 0; } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-o-keyframes fadeInUp { 0% { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); opacity: 0; } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-ms-keyframes fadeInUp { 0% { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); opacity: 0; } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes fadeInUp { 0% { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); opacity: 0; } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-moz-keyframes fadeInDown { 0% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-webkit-keyframes fadeInDown { 0% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-o-keyframes fadeInDown { 0% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-ms-keyframes fadeInDown { 0% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes fadeInDown { 0% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-moz-keyframes fadeInRight { 0% { -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); opacity: 0; } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } } @-webkit-keyframes fadeInRight { 0% { -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); opacity: 0; } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } } @-o-keyframes fadeInRight { 0% { -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); opacity: 0; } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } } @-ms-keyframes fadeInRight { 0% { -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); opacity: 0; } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes fadeInRight { 0% { -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); opacity: 0; } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } } @-moz-keyframes fadeInLeft { 0% { -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); opacity: 0; } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } } @-webkit-keyframes fadeInLeft { 0% { -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); opacity: 0; } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } } @-o-keyframes fadeInLeft { 0% { -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); opacity: 0; } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } } @-ms-keyframes fadeInLeft { 0% { -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); opacity: 0; } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes fadeInLeft { 0% { -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); opacity: 0; } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } } @-moz-keyframes fadeInUpBig { 0% { -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); opacity: 0; } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-webkit-keyframes fadeInUpBig { 0% { -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); opacity: 0; } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-o-keyframes fadeInUpBig { 0% { -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); opacity: 0; } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-ms-keyframes fadeInUpBig { 0% { -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); opacity: 0; } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes fadeInUpBig { 0% { -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); opacity: 0; } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-moz-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-o-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-ms-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -o-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-o-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -o-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-o-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); -moz-transform: perspective(400px) rotateY(0); -ms-transform: perspective(400px) rotateY(0); -o-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg); -o-transform: perspective(400px) translateZ(150px) rotateY(170deg); transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95); -moz-transform: perspective(400px) rotateY(360deg) scale(0.95); -ms-transform: perspective(400px) rotateY(360deg) scale(0.95); -o-transform: perspective(400px) rotateY(360deg) scale(0.95); transform: perspective(400px) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) scale(1); -moz-transform: perspective(400px) scale(1); -ms-transform: perspective(400px) scale(1); -o-transform: perspective(400px) scale(1); transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); -moz-transform: perspective(400px) rotateY(0); -ms-transform: perspective(400px) rotateY(0); -o-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg); -o-transform: perspective(400px) translateZ(150px) rotateY(170deg); transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95); -moz-transform: perspective(400px) rotateY(360deg) scale(0.95); -ms-transform: perspective(400px) rotateY(360deg) scale(0.95); -o-transform: perspective(400px) rotateY(360deg) scale(0.95); transform: perspective(400px) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) scale(1); -moz-transform: perspective(400px) scale(1); -ms-transform: perspective(400px) scale(1); -o-transform: perspective(400px) scale(1); transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @-o-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); -moz-transform: perspective(400px) rotateY(0); -ms-transform: perspective(400px) rotateY(0); -o-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg); -o-transform: perspective(400px) translateZ(150px) rotateY(170deg); transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95); -moz-transform: perspective(400px) rotateY(360deg) scale(0.95); -ms-transform: perspective(400px) rotateY(360deg) scale(0.95); -o-transform: perspective(400px) rotateY(360deg) scale(0.95); transform: perspective(400px) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) scale(1); -moz-transform: perspective(400px) scale(1); -ms-transform: perspective(400px) scale(1); -o-transform: perspective(400px) scale(1); transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @-ms-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); -moz-transform: perspective(400px) rotateY(0); -ms-transform: perspective(400px) rotateY(0); -o-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg); -o-transform: perspective(400px) translateZ(150px) rotateY(170deg); transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95); -moz-transform: perspective(400px) rotateY(360deg) scale(0.95); -ms-transform: perspective(400px) rotateY(360deg) scale(0.95); -o-transform: perspective(400px) rotateY(360deg) scale(0.95); transform: perspective(400px) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) scale(1); -moz-transform: perspective(400px) scale(1); -ms-transform: perspective(400px) scale(1); -o-transform: perspective(400px) scale(1); transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); -moz-transform: perspective(400px) rotateY(0); -ms-transform: perspective(400px) rotateY(0); -o-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg); -o-transform: perspective(400px) translateZ(150px) rotateY(170deg); transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95); -moz-transform: perspective(400px) rotateY(360deg) scale(0.95); -ms-transform: perspective(400px) rotateY(360deg) scale(0.95); -o-transform: perspective(400px) rotateY(360deg) scale(0.95); transform: perspective(400px) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) scale(1); -moz-transform: perspective(400px) scale(1); -ms-transform: perspective(400px) scale(1); -o-transform: perspective(400px) scale(1); transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @-moz-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -moz-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); -o-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -moz-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); -o-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -moz-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); -o-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -moz-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); -o-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -moz-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); -o-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -moz-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); -o-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -moz-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); -o-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -moz-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); -o-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } } @-o-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -moz-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); -o-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -moz-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); -o-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -moz-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); -o-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -moz-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); -o-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } } @-ms-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -moz-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); -o-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -moz-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); -o-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -moz-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); -o-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -moz-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); -o-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -moz-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); -o-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -moz-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); -o-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -moz-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); -o-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -moz-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); -o-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } } @-moz-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -moz-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); -o-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -moz-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); -o-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -moz-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); -o-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -moz-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); -o-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @-o-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -moz-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); -o-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -moz-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); -o-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @-ms-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -moz-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); -o-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -moz-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); -o-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -moz-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); -o-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -moz-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); -o-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @-moz-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -moz-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); -o-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -moz-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); -o-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -moz-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); -o-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); -o-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -moz-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); -o-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -moz-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); -o-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -moz-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); -o-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); -o-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } } @-o-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -moz-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); -o-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -moz-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); -o-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -moz-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); -o-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); -o-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } } @-ms-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -moz-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); -o-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -moz-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); -o-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -moz-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); -o-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); -o-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -moz-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); -o-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -moz-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); -o-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -moz-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); -o-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); -o-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } } @-moz-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); -o-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -moz-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); -o-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); -o-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -moz-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); -o-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @-o-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); -o-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -moz-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); -o-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @-ms-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); -o-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -moz-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); -o-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); -o-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -moz-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); -o-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @-moz-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -moz-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); -o-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -moz-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); -o-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -moz-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); -o-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -moz-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); -o-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -moz-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); -o-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -moz-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); -o-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -moz-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); -o-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -moz-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); -o-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } } @-o-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -moz-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); -o-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -moz-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); -o-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -moz-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); -o-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -moz-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); -o-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } } @-ms-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -moz-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); -o-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -moz-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); -o-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -moz-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); -o-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -moz-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); -o-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -moz-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); -o-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -moz-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); -o-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -moz-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); -o-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -moz-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); -o-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } } @-moz-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -moz-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); -o-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -moz-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); -o-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -moz-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); -o-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -moz-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); -o-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @-o-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -moz-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); -o-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -moz-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); -o-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @-ms-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -moz-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); -o-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -moz-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); -o-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -moz-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); -o-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -moz-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); -o-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @-moz-keyframes rotateOut { 0% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(200deg); -moz-transform: rotate(200deg); -ms-transform: rotate(200deg); -o-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(200deg); -moz-transform: rotate(200deg); -ms-transform: rotate(200deg); -o-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @-o-keyframes rotateOut { 0% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(200deg); -moz-transform: rotate(200deg); -ms-transform: rotate(200deg); -o-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @-ms-keyframes rotateOut { 0% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(200deg); -moz-transform: rotate(200deg); -ms-transform: rotate(200deg); -o-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(200deg); -moz-transform: rotate(200deg); -ms-transform: rotate(200deg); -o-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @-moz-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @-ms-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @-ms-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @-ms-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @-ms-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateIn { 0% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(-200deg); -moz-transform: rotate(-200deg); -ms-transform: rotate(-200deg); -o-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(-200deg); -moz-transform: rotate(-200deg); -ms-transform: rotate(-200deg); -o-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-o-keyframes rotateIn { 0% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(-200deg); -moz-transform: rotate(-200deg); -ms-transform: rotate(-200deg); -o-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-ms-keyframes rotateIn { 0% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(-200deg); -moz-transform: rotate(-200deg); -ms-transform: rotate(-200deg); -o-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(-200deg); -moz-transform: rotate(-200deg); -ms-transform: rotate(-200deg); -o-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center 50%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -o-transform-origin: center center 50%; transform-origin: center center 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-ms-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-ms-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom 50%; -moz-transform-origin: left bottom 50%; -ms-transform-origin: left bottom 50%; -o-transform-origin: left bottom 50%; transform-origin: left bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-ms-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-ms-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom 50%; -moz-transform-origin: right bottom 50%; -ms-transform-origin: right bottom 50%; -o-transform-origin: right bottom 50%; transform-origin: right bottom 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-moz-keyframes hinge { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -moz-transform: rotate(80deg); -ms-transform: rotate(80deg); -o-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); -ms-transform: rotate(60deg); -o-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -moz-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); -o-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); -moz-transform: translateY(700px); -ms-transform: translateY(700px); -o-transform: translateY(700px); transform: translateY(700px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -moz-transform: rotate(80deg); -ms-transform: rotate(80deg); -o-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); -ms-transform: rotate(60deg); -o-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -moz-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); -o-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); -moz-transform: translateY(700px); -ms-transform: translateY(700px); -o-transform: translateY(700px); transform: translateY(700px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @-o-keyframes hinge { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -moz-transform: rotate(80deg); -ms-transform: rotate(80deg); -o-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); -ms-transform: rotate(60deg); -o-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -moz-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); -o-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); -moz-transform: translateY(700px); -ms-transform: translateY(700px); -o-transform: translateY(700px); transform: translateY(700px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @-ms-keyframes hinge { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -moz-transform: rotate(80deg); -ms-transform: rotate(80deg); -o-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); -ms-transform: rotate(60deg); -o-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -moz-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); -o-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); -moz-transform: translateY(700px); -ms-transform: translateY(700px); -o-transform: translateY(700px); transform: translateY(700px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -moz-transform: rotate(80deg); -ms-transform: rotate(80deg); -o-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); -ms-transform: rotate(60deg); -o-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -moz-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); -o-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform-origin: top left 50%; -moz-transform-origin: top left 50%; -ms-transform-origin: top left 50%; -o-transform-origin: top left 50%; transform-origin: top left 50%; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); -moz-transform: translateY(700px); -ms-transform: translateY(700px); -o-transform: translateY(700px); transform: translateY(700px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @-moz-keyframes rollIn { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -moz-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); -o-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); -o-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @-webkit-keyframes rollIn { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -moz-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); -o-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); -o-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @-o-keyframes rollIn { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -moz-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); -o-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); -o-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @-ms-keyframes rollIn { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -moz-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); -o-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); -o-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -moz-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); -o-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); -o-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @-moz-keyframes rollOut { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); -o-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -moz-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); -o-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } } @-webkit-keyframes rollOut { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); -o-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -moz-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); -o-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } } @-o-keyframes rollOut { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); -o-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -moz-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); -o-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } } @-ms-keyframes rollOut { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); -o-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -moz-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); -o-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } } @keyframes rollOut { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); -o-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -moz-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); -o-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } } /*-------------------------------------------------------------------*/ /* === Boostrap Main SCSS === */ /*! * Bootstrap v4.0.0 (https://getbootstrap.com) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ :root { --blue: #00aeef; --indigo: #6610f2; --purple: #ab8ce4; --pink: #E91E63; --red: #ff0017; --orange: #fb9678; --yellow: #ffd500; --green: #3bd949; --teal: #58d8a3; --cyan: #57c7d4; --white: #ffffff; --gray: #6c757d; --gray-dark: #292b2c; --blue: #00aeef; --indigo: #6610f2; --purple: #ab8ce4; --pink: #E91E63; --red: #ff0017; --orange: #fb9678; --yellow: #ffd500; --green: #3bd949; --teal: #58d8a3; --cyan: #57c7d4; --white: #ffffff; --white-smoke: #f3f5f6; --gray: #6c757d; --gray-light: #8ba2b5; --gray-lightest: #f7f7f9; --primary: #308ee0; --secondary: #e5e5e5; --success: #00ce68; --info: #8862e0; --warning: #ffaf00; --danger: #e65251; --light: #f3f5f6; --dark: #424964; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", tm, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; } @-ms-viewport { width: device-width; } article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", tm, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #020307; text-align: left; background-color: #fff; } [tabindex="-1"]:focus { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } dfn { font-style: italic; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } /*=========================================*/ a { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } /*a:hover { color: #0056b3; text-decoration: underline; }*/ a, a:hover, a:active, a:focus { color:rgba(23,186,96, 0.8); text-decoration: none; outline: none; } /*=========================================*/ a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre, code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg:not(:root) { overflow: hidden; } table { border-collapse: collapse; } caption { padding-top: 18px 30px; padding-bottom: 18px 30px; color: #c2c2c2; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: .5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { background-color: #fcf8e3; border-radius: 3px; padding:0.4em 0.7em; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: #6c757d; } .blockquote-footer::before { content: "\2014 \00A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } code, kbd, pre, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } code { font-size: 87.5%; color: #e83e8c; word-break: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #020307; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #020307; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { width: 100%; padding-right: 12.5px; padding-left: 12.5px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid { width: 100%; padding-right: 12.5px; padding-left: 12.5px; margin-right: auto; margin-left: auto; } .row { display: flex; flex-wrap: wrap; margin-right: -12.5px; margin-left: -12.5px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 12.5px; padding-left: 12.5px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 576px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 768px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 992px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1200px) { .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { float: left; } .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } .table { width: 100%; max-width: 100%; margin-bottom: 1rem; background-color: transparent; } .table th, .table td { padding: 18px 30px; vertical-align: top; border-top: 1px solid rgba(166,172,167,0.6); } .table thead th { vertical-align: bottom; border-bottom: 2px solid rgba(166,172,167,0.6); } /*-------özel------*/ #cezeriTable.table thead th {border-bottom: none;} #cezeriTable.table thead th, #cezeriTable.table tbody td{white-space:normal !important;} /*-------özel------*/ .table tbody + tbody {border-top: 2px solid rgba(166,172,167,0.6)} .table .table {background-color: #fff; } .table-sm th, .table-sm td {padding: 0.3rem; } .table-bordered {border: 1px solid rgba(166,172,167,0.6); } .table-bordered th, .table-bordered td {border: 1px solid rgba(166,172,167,0.6); } .table-bordered thead th, .table-bordered thead td {border-bottom-width: 2px; } .table-striped tbody tr:nth-of-type(odd) {background-color: #f2f8f9; } .table-hover tbody tr:hover {background-color: #f2f8f9; } .table-primary, .table-primary > th, .table-primary > td {background-color: #c5dff6; } .table-hover .table-primary:hover {background-color: #afd3f3; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {background-color: #afd3f3; } .table-secondary, .table-secondary > th, .table-secondary > td {background-color: #f8f8f8; } .table-hover .table-secondary:hover {background-color: #ebebeb; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {background-color: #ebebeb; } .table-success, .table-success > th, .table-success > td {background-color: #b8f1d5; } .table-hover .table-success:hover {background-color: #a3edc8; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th {background-color: #a3edc8; } .table-info, .table-info > th, .table-info > td {background-color: #ded3f6; } .table-hover .table-info:hover {background-color: #cebef2; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th {background-color: #cebef2; } .table-warning, .table-warning > th, .table-warning > td {background-color: #ffe9b8; } .table-hover .table-warning:hover {background-color: #ffe19f; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {background-color: #ffe19f; } .table-danger, .table-danger > th, .table-danger > td {background-color: #f8cfce; } .table-hover .table-danger:hover {background-color: #f5b9b8; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {background-color: #f5b9b8; } .table-light, .table-light > th, .table-light > td {background-color: #fcfcfc; } .table-hover .table-light:hover {background-color: #efefef; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th {background-color: #efefef; } .table-dark, .table-dark > th, .table-dark > td {background-color: #caccd4; } .table-hover .table-dark:hover {background-color: #bcbec9; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {background-color: #bcbec9; } .table-active, .table-active > th, .table-active > td {background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover {background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th {background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: #fff; background-color: #020307; border-color: #32383e; } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: rgba(166,172,167,0.6); } .table-dark { color: #fff; background-color: #020307; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #32383e; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-xl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive > .table-bordered { border: 0; } .form-control { background-color: #ffffff; background-clip: padding-box; font-size: 1rem; line-height: 1; color: #495057; border: 1px solid #ced4da; border-radius: 3px; display: block; width: 100%; padding: 0.56rem 1.375rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #495057; background-color: #fff; border-color: #17ba60; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .form-control::placeholder { color: rgba(87,90,97,.8); opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } select.form-control:not([size]):not([multiple]) { height: calc(3rem + 2px); } select.form-control:focus::-ms-value { color: #495057; background-color: #ffffff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.56rem + 1px); padding-bottom: calc(0.56rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1; } .col-form-label-lg { padding-top: calc(0.94rem + 1px); padding-bottom: calc(0.94rem + 1px); font-size: 1.25rem; line-height: 1; } .col-form-label-sm { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 0.875rem; line-height: 1; } .form-control-plaintext { display: block; width: 100%; padding-top: 0.56rem; padding-bottom: 0.56rem; margin-bottom: 0; line-height: 1; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control, .input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text, .input-group-sm > .input-group-append > .form-control-plaintext.input-group-text, .input-group-sm > .input-group-prepend > .form-control-plaintext.btn, .input-group-sm > .input-group-append > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control, .input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text, .input-group-lg > .input-group-append > .form-control-plaintext.input-group-text, .input-group-lg > .input-group-prepend > .form-control-plaintext.btn, .input-group-lg > .input-group-append > .form-control-plaintext.btn { padding-right: 0; padding-left: 0; } .form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.5rem 0.81rem; font-size: 0.875rem; line-height: 1; border-radius: 0.2rem; } select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]) { height: calc(1.8125rem + 2px); } .form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.94rem 1.94rem; font-size: 1.25rem; line-height: 1; border-radius: 0.3rem; } select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]) { height: calc(2.875rem + 2px); } .form-group {margin-bottom: 1.2rem;position: relative;} .form-group .inner-group{position:relative;} /*-----------------*/ [att="btn"]{margin-top: -5px;} input[att="file"] { line-height: 28px; border: 2px dashed rgb(166,172,166); margin: 0 7px; padding: 4px 8px; } input[att="file"]:hover, input[att="file"]:active, input[att="file"]:focus{border-color:#8862e0;} input[att="file"]::-webkit-file-upload-button{ font: 300 14px "tm", sans-serif; background: #17ba60; border: 0; padding: 12px 25px; cursor: pointer; color: #fff; } input[att="file"]::-ms-browse { background: #17ba60; font: 300 14px 'tm', sans-serif; color: #fff; border: 0; padding: 12px 25px; cursor: pointer; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input:disabled ~ .form-check-label { color: #c2c2c2; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #28a745; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1; color: #fff; background-color: rgba(40, 167, 69, 0.8); border-radius: .2rem; } .was-validated .form-control:valid, .form-control.is-valid, .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #28a745; } .was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #28a745; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #28a745; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { background-color: #71dd8a; } .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { background-color: #34ce57; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #28a745; } .was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before { border-color: inherit; } .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1; color: #fff; background-color: rgba(220, 53, 69, 0.8); border-radius: .2rem; } .was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .custom-select.is-invalid {border-color: #dc3545; } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip {display: block; } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #dc3545; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {color: #dc3545; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {background-color: #efa2a9; } .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip {display: block; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {background-color: #e4606d; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #dc3545; } .was-validated .custom-file-input:invalid ~ .custom-file-label::before, .custom-file-input.is-invalid ~ .custom-file-label::before {border-color: inherit; } .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip {display: block; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check {width: 100%; } @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext {display: inline-block; } .form-inline .input-group {width: auto;} .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label {margin-bottom: 0;} } .btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; user-select: none; border: 1px solid transparent; padding: 0.6rem 1.2rem; font-size: 1rem; line-height: 1; border-radius: 0.1875rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn:hover, .btn:focus {text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .btn.disabled, .btn:disabled {opacity: 0.65; } .btn:not(:disabled):not(.disabled) {cursor: pointer; } .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {background-image: none; } a.btn.disabled, fieldset:disabled a.btn {pointer-events: none; } .btn-primary { color: #fff; background-color: #308ee0; border-color: #308ee0; } .btn-primary:hover { color: #fff; background-color: #1e7bcb; border-color: #1d74c0; } .btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0.2rem rgba(48, 142, 224, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #308ee0; border-color: #308ee0; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #1d74c0; border-color: #1b6db5; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(48, 142, 224, 0.5); } .btn-secondary { color: #020307; background-color: #e5e5e5; border-color: #e5e5e5; } .btn-secondary:hover { color: #020307; background-color: #d2d2d2; border-color: #cccccc; } .btn-secondary:focus, .btn-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(229, 229, 229, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #020307; background-color: #e5e5e5; border-color: #e5e5e5; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #020307; background-color: #cccccc; border-color: #c5c5c5; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(229, 229, 229, 0.5); } .btn-success { color: #fff; background-color: #00ce68; border-color: #00ce68; } .btn-success:hover { color: #fff; background-color: #00a855; border-color: #009b4e; } .btn-success:focus, .btn-success.focus { box-shadow: 0 0 0 0.2rem rgba(0, 206, 104, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #00ce68; border-color: #00ce68; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #009b4e; border-color: #008e48; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 206, 104, 0.5); } .btn-info { color: #fff; background-color: #8862e0; border-color: #8862e0; } .btn-info:hover { color: #fff; background-color: #7042da; border-color: #6837d8; } .btn-info:focus, .btn-info.focus { box-shadow: 0 0 0 0.2rem rgba(136, 98, 224, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #8862e0; border-color: #8862e0; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #6837d8; border-color: #602dd5; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(136, 98, 224, 0.5); } .btn-warning { color: #020307; background-color: #ffaf00; border-color: #ffaf00; } .btn-warning:hover { color: #020307; background-color: #d99500; border-color: #cc8c00; } .btn-warning:focus, .btn-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 175, 0, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #020307; background-color: #ffaf00; border-color: #ffaf00; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #fff; background-color: #cc8c00; border-color: #bf8300; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 175, 0, 0.5); } .btn-danger { color: #fff; background-color: #e65251; border-color: #e65251; } .btn-danger:hover { color: #fff; background-color: #e13130; border-color: #e02624; } .btn-danger:focus, .btn-danger.focus { box-shadow: 0 0 0 0.2rem rgba(230, 82, 81, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #e65251; border-color: #e65251; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #e02624; border-color: #d8201f; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(230, 82, 81, 0.5); } .btn-light { color: #020307; background-color: #f3f5f6; border-color: #f3f5f6; } .btn-light:hover { color: #020307; background-color: #dde3e6; border-color: #d6dde0; } .btn-light:focus, .btn-light.focus { box-shadow: 0 0 0 0.2rem rgba(243, 245, 246, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #020307; background-color: #f3f5f6; border-color: #f3f5f6; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #020307; background-color: #d6dde0; border-color: #cfd7db; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(243, 245, 246, 0.5); } .btn-dark { color: #fff; background-color: #424964; border-color: #424964; } .btn-dark:hover { color: #fff; background-color: #33384d; border-color: #2e3345; } .btn-dark:focus, .btn-dark.focus { box-shadow: 0 0 0 0.2rem rgba(66, 73, 100, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #424964; border-color: #424964; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #2e3345; border-color: #292d3e; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(66, 73, 100, 0.5); } .btn-outline-primary { color: #308ee0; background-color: transparent; background-image: none; border-color: #308ee0; } .btn-outline-primary:hover { color: #fff; background-color: #308ee0; border-color: #308ee0; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(48, 142, 224, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #308ee0; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #308ee0; border-color: #308ee0; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(48, 142, 224, 0.5); } .btn-outline-secondary { color: #e5e5e5; background-color: transparent; background-image: none; border-color:rgba(166,172,167,0.6); } .btn-outline-secondary:hover { color: #020307; background-color: #e5e5e5; border-color: #e5e5e5; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(229, 229, 229, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #e5e5e5; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #020307; background-color: #e5e5e5; border-color: #e5e5e5; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(229, 229, 229, 0.5); } .btn-outline-success { color: #00ce68; background-color: transparent; background-image: none; border-color: #00ce68; } .btn-outline-success:hover { color: #fff; background-color: #00ce68; border-color: #00ce68; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(0, 206, 104, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #00ce68; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #00ce68; border-color: #00ce68; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 206, 104, 0.5); } .btn-outline-info { color: #8862e0; background-color: transparent; background-image: none; border-color: #8862e0; } .btn-outline-info:hover { color: #fff; background-color: #8862e0; border-color: #8862e0; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(136, 98, 224, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #8862e0; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #8862e0; border-color: #8862e0; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(136, 98, 224, 0.5); } .btn-outline-warning { color: #ffaf00; background-color: transparent; background-image: none; border-color: #ffaf00; } .btn-outline-warning:hover { color: #fff; background-color: #ffaf00; border-color: #ffaf00; } .btn-outline-warning:focus, .btn-outline-warning.focus {box-shadow: 0 0 0 0.2rem rgba(255, 175, 0, 0.5);} .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffaf00; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #020307; background-color: #ffaf00; border-color: #ffaf00; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 175, 0, 0.5); } .btn-outline-danger { color: #e65251; background-color: transparent; background-image: none; border-color: #e65251; } .btn-outline-danger:hover { color: #fff; background-color: #e65251; border-color: #e65251; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(230, 82, 81, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #e65251; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #e65251; border-color: #e65251; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(230, 82, 81, 0.5); } .btn-outline-light { color: #f3f5f6; background-color: transparent; background-image: none; border-color: #f3f5f6; } .btn-outline-light:hover { color: #020307; background-color: #f3f5f6; border-color: #f3f5f6; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(243, 245, 246, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f3f5f6; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #020307; background-color: #f3f5f6; border-color: #f3f5f6; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(243, 245, 246, 0.5); } .btn-outline-dark { color: #424964; background-color: transparent; background-image: none; border-color: #424964; } .btn-outline-dark:hover { color: #fff; background-color: #424964; border-color: #424964; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(66, 73, 100, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #424964; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #424964; border-color: #424964; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(66, 73, 100, 0.5); } .btn-link { font-weight: 400; color: #007bff; background-color: transparent; } .btn-link:hover { color: #0056b3; text-decoration: underline; background-color: transparent; border-color: transparent; } .btn-link:focus, .btn-link.focus { text-decoration: underline; border-color: transparent; box-shadow: none; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; } .btn-lg, .btn-group-lg > .btn { padding: 0.94rem 1.94rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.1875rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.5rem 0.81rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.1875rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; transition: opacity 0.15s linear; } .fade.show { opacity: 1; } .collapse { display: none; } .collapse.show { display: block; } tr.collapse.show { display: table-row; } tbody.collapse.show { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } .dropup, .dropdown {position: relative;} .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after {margin-left: 0;} .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 13rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #020307; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(166,172,167,0.6); border-radius: 0.25rem; } .dropup .dropdown-menu { margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after {margin-left: 0;} .dropright .dropdown-menu { margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after {margin-left: 0;} .dropright .dropdown-toggle::after {vertical-align: 0;} .dropleft .dropdown-menu { margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after {display: none;} .dropleft .dropdown-toggle::before { display: inline-block; width: 0; height: 0; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after {margin-left: 0;} .dropleft .dropdown-toggle::before {vertical-align: 0;} .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid rgba(166,172,167,0.6); } .dropdown-item { line-height: 20px; display: block; width: 100%; padding: 0.5rem; clear: both; font-weight: 400; color: #020307; text-align: inherit; white-space: nowrap; background-color: transparent; border-bottom:1px solid rgba(166,172,167,0.6); } .dropdown-menu .dropdown-item:last-child {border-bottom: none;} .dropdown-menu a.dropdown-item {color: #020307;} .dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus { color: #17ba60 !important; text-decoration: none; background-color: rgba(166,172,167,0.1); } .dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:active { color:inherit;/*#fff*/ text-decoration: none; background-color: #17ba60; } .dropdown-menu .dropdown-item.disabled, .dropdown-menu .dropdown-item:disabled { color: #6c757d; background-color: transparent; } .dropdown-item.topbar-message:hover, .dropdown-item.topbar-message:focus { color: #8862e0 !important; text-decoration: none; background-color: rgba(166,172,167,0.2); } .dropdown-item.topbar-message:hover span a{text-decoration: none;} .dropdown-item.topbar-task:hover, .dropdown-item.topbar-task:focus { color: #ffaf00 !important; text-decoration: none; background-color: rgba(166,172,167,0.2); } .dropdown-item.active, .dropdown-item:active { color:inherit;/*#fff*/ text-decoration: none; background-color: #17ba60; } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; background-color: transparent; } .dropdown-menu.show {display: block;} .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #020307; white-space: nowrap; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 0 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group, .btn-group-vertical .btn + .btn, .btn-group-vertical .btn + .btn-group, .btn-group-vertical .btn-group + .btn, .btn-group-vertical .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 1.03125rem; padding-left: 1.03125rem; } .dropdown-toggle-split::after { margin-left: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.6075rem; padding-left: 0.6075rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 1.455rem; padding-left: 1.455rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical .btn, .btn-group-vertical .btn-group { width: 100%; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .custom-select, .input-group > .custom-file { position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file:focus { z-index: 3; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; } .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: flex; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::before { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label, .input-group > .custom-file:not(:first-child) .custom-file-label::before { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-prepend, .input-group-append { display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; } .input-group-prepend {margin-right: -1px; } .input-group-append {margin-left: -1px;} [att="crsr"]:hover{cursor:pointer;} .input-group-text { display: flex; align-items: center; padding: 0.56rem 1.375rem; margin-bottom: 0; font-size: 1.3rem; font-weight: 400; line-height: 1; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 3px; } .input-group-text input[type="radio"], .input-group-text input[type="checkbox"] { margin-top: 0; } .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem; } .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; background-color: #007bff; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-control-input:active ~ .custom-control-label::before { color: #fff; background-color: #b3d7ff; } .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } .custom-control-label { margin-bottom: 0; } .custom-control-label::before { position: absolute; top: 0.25rem; left: 0; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; user-select: none; background-color: #dee2e6; } .custom-control-label::after { position: absolute; top: 0.25rem; left: 0; display: block; width: 1rem; height: 1rem; content: ""; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; } .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: #007bff; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { background-color: #007bff; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::before { background-color: #007bff; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(2.25rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; line-height: 1.5; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center; background-size: 8px 10px; border: 1px solid #ced4da; border-radius: 0.25rem; appearance: none; } .custom-select:focus { border-color: #80bdff; outline: 0; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(128, 189, 255, 0.5); } .custom-select:focus::-ms-value { color: #495057; background-color: #ffffff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled { color: #6c757d; background-color: #e9ecef; } .custom-select::-ms-expand { opacity: 0; } .custom-select-sm { height: calc(1.8125rem + 2px); padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 75%; } .custom-select-lg { height: calc(2.875rem + 2px); padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 125%; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(2.25rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(2.25rem + 2px); margin: 0; opacity: 0; } .custom-file-input:focus ~ .custom-file-control { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-file-input:focus ~ .custom-file-control::before { border-color: #80bdff; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(calc(2.25rem + 2px) - 1px * 2); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: 1px solid #ced4da; border-radius: 0 0.25rem 0.25rem 0; } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #6c757d; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #007bff; } .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; } .navbar > .container, .navbar > .container-fluid { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler:not(:disabled):not(.disabled) { cursor: pointer; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } .navbar-expand-sm .dropup .dropdown-menu { top: auto; bottom: 100%; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } .navbar-expand-md .dropup .dropdown-menu { top: auto; bottom: 100%; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } .navbar-expand-lg .dropup .dropdown-menu { top: auto; bottom: 100%; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } .navbar-expand-xl .dropup .dropdown-menu { top: auto; bottom: 100%; } } .navbar-expand { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid { flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-expand .dropup .dropdown-menu { top: auto; bottom: 100%; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: #202339; } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: #202339; border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .navbar-light .navbar-text { color: #202339; } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .card-body { flex: 1 1 auto; padding: 1.25rem; } .card-title {margin-bottom: 0.75rem; } .ticket-card{ font-family: "tm",sans-serif; color: #020307 !important; font-size: 14px !important; margin: 1rem 0 !important; padding-bottom: 1rem; } [cmm="1"], [cmm="5"], [cmm="6"]/*, [cmm="1"], [cmm="1"], [cmm="1"]*/{color: #020307 !important;} [cmm="1"]{ font-size: 16px; font-weight: 700; margin-right: 0.5rem; } [cmm="2"]{ color: #17ba60; font-weight: normal; margin-right: 0.5rem; } [cmm="3"]{} [cmm="4"]{ font-size: 14px; color: #383838; margin: 1rem 0; padding: 0 15px; } [cmm="5"], [cmm="6"]{ font-weight: 600; margin-right: 0.5rem; } /*----------*/ ul.step-menu { list-style: none; padding: 0; /*display: flex; align-items: center;*/ margin-bottom: 0; } ul.step-menu li { margin-right: 25px; /*display: flex; align-items: center; white-space: nowrap;*/ color: #6c757d; float: left; } ul.step-menu li a{ color: #020307; display: block; font-size: 14px; margin: 0 0 0 10px; position: relative; } ul.step-menu li a::after { border-radius: 50%; content: ""; display: block; position: absolute; top: 50%; left: -20px; width:10px; height: 10px; margin-top: -4px; transition: all 0.15s ease-in-out 0s; } ul.step-menu li:nth-child(1) a::after {background: #f5905f;} ul.step-menu li:nth-child(2) a::after {background: #46BFBD;} ul.step-menu li:nth-child(3) a::after {background: #671E72;} ul.step-menu li:nth-child(1) a:hover{ color:#f5905f;} ul.step-menu li:nth-child(2) a:hover{ color:#46BFBD;} /*9966cc*/ ul.step-menu li:nth-child(3) a:hover{ color:#671E72;} /*#9D0562*/ ul.step-menu li:last-child{margin-right:0;} ul.step-menu li span { height: 10px; width: 10px; border-radius: 100%; margin-right: 10px; display: inline-block; font-size: 0.875rem; } .rtl ul.step-menu {padding-right: 0; } .rtl ul.step-menu li { margin-right: 0; margin-left: 8%; } .rtl ul.step-menu li span { margin-right: 0; margin-left: 1rem; } /*--------------*/ ul.multip-menu { list-style: none; padding: 0; margin-bottom: 0; } ul.multip-menu li { margin-right: 25px; color: #6c757d; /*float: left;*/ } ul.multip-menu li a{ color: #020307; display: block; font-size: 14px; margin: 0 0 0 10px; position: relative; } ul.multip-menu li a::after { border-radius: 50%; content: ""; display: block; position: absolute; top: 50%; left: -20px; width:10px; height: 10px; margin-top: -4px; transition: all 0.15s ease-in-out 0s; } ul.multip-menu li[att="1"] a::after {background: #17ba60;} /*suc, in, def, war, dan*/ ul.multip-menu li[att="2"] a::after {background: #7451c5;} ul.multip-menu li[att="3"] a::after {background: #1c8de7;} ul.multip-menu li[att="4"] a::after {background: #ffaf00;} ul.multip-menu li[att="5"] a::after {background: #ef2518;} ul.multip-menu li[att="1"] a:hover{ color:#17ba60;} ul.multip-menu li[att="2"] a:hover{ color:#7451c5;} ul.multip-menu li[att="3"] a:hover{ color:#1c8de7;} ul.multip-menu li[att="4"] a:hover{ color:#ffaf00;} ul.multip-menu li[att="5"] a:hover{ color:#ef2518;} /*--------------*/ /*----------*/ ul.like-menu { list-style: none; padding: 0; margin-bottom: 0; } ul.like-menu li { margin-right: 20px; color: #6c757d; float: left; position: relative; } ul.like-menu li a{ color: #020307; display: block; font-size: 13px; margin: 0 0 0 20px; } ul.like-menu li[att="1"]::after {content:"\f087";font-family:'FontAwesome';font-size:16px;position:absolute;color:#17ba60;left:0;top:-4px;margin-right: 10px;} ul.like-menu li[att="2"]::after {content:"\f088";font-family:'FontAwesome';font-size:16px;position:absolute;color:#f10438;left:0;top:-4px;margin-right: 10px;} ul.like-menu li[att="1"]:hover{ color:#17ba60;} ul.like-menu li[att="2"]:hover{ color:#f10438;} /*--------*/ .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child {margin-bottom: 0; } .card-link:hover {text-decoration: none; } .card-link + .card-link {margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img { width: 100%; border-radius: calc(0.25rem - 1px); } .card-img-top { width: 100%; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-img-bottom { width: 100%; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-deck { display: flex; flex-direction: column; } .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-deck { flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { display: flex; flex: 1 0 0%; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } .card-group { display: flex; flex-direction: column; } .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-group { flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:first-child .card-img-top, .card-group > .card:first-child .card-header { border-top-right-radius: 0; } .card-group > .card:first-child .card-img-bottom, .card-group > .card:first-child .card-footer { border-bottom-right-radius: 0; } .card-group > .card:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:last-child .card-img-top, .card-group > .card:last-child .card-header { border-top-left-radius: 0; } .card-group > .card:last-child .card-img-bottom, .card-group > .card:last-child .card-footer { border-bottom-left-radius: 0; } .card-group > .card:only-child { border-radius: 0.25rem; } .card-group > .card:only-child .card-img-top, .card-group > .card:only-child .card-header { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .card-group > .card:only-child .card-img-bottom, .card-group > .card:only-child .card-footer { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .card-group > .card:not(:first-child):not(:last-child):not(:only-child) { border-radius: 0; } .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer { border-radius: 0; } } .card-columns .card {margin-bottom: 0.75rem;} @media (min-width: 576px) { .card-columns { column-count: 3; column-gap: 1.25rem; } .card-columns .card { display: inline-block; width: 100%; } } .card-statistics{ font-family: "tm",sans-serif; color: #020307; font-size: 14px; font-weight: 400; } .card-statistics::after { background-color:#fff; content:""; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; display:block; height:3px; width:0%; position: absolute; bottom: 0; left: 0; transition:width 0.5s; } .card-statistics::before { background-color:#fff; content:""; border-top-left-radius: 3px; border-top-right-radius: 3px; display:block; height:3px; width:3px; position: absolute; top: 0; right: 0; transition:width 0.5s; } .card-statistics:hover::after, .card-statistics:hover::before {/*! height:100%; */width: 100%;} .card-statistics .step1{float: left;} .card-statistics .step1 i.mdi{font-size: 2.5rem;} .card-statistics .step2{float: right;} [stt="1"]{ font-size: 14px; font-weight: normal; margin: 0; } [stt="2"]{ font-size: 22px; color: #020307; font-weight: 700; text-align: center; } .card-statistics .step3{ font-size: 16px; } .step3 a{ color:#020307; text-decoration:none;} .step3:hover a{ color:#17ba60;} .step3 i { margin-left: 5px; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } /*.step3:hover a{color:#17ba60;}*/ .step3:hover i{ color:#17ba60; margin-left: 10px; } .card-statistics .step3 i.mdi{ font-size: 16px; margin-right: 0.5rem; } [stt="4"]{ font-size: 16px; color: #020307; font-weight: 400; text-align: center; margin-bottom: 0.5rem; } [stt="5"]{ font-size: 18px; color: #020307; font-weight: 700; text-align: center; margin-bottom: 0.5rem; } [stt="6"]{ font-size: 14px; color: #17ba60; font-weight: 400; text-align: center; margin-top: 0.5rem; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0.56rem 1.13rem; margin-bottom: 1rem; list-style: none; background-color: transparent; border-radius: 0.25rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; padding-left: 0.5rem; color: #6c757d; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before {text-decoration: underline;} .breadcrumb-item + .breadcrumb-item:hover::before {text-decoration: none; } .breadcrumb-item.active {color: #495057;} .pagination { display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; } .page-link { position: relative; display: block; padding: 1.4rem; margin-left: -1px; line-height:0.8; color: #17ba60; background-color: #fff; border: 1px solid rgba(166,172,167,0.8); } .page-link:hover { color:rgba(23,186,96,0.7); text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .page-link:not(:disabled):not(.disabled) {cursor: pointer;} .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .page-item.active .page-link { z-index: 1; color: #fff; background-color: #17ba60; border-color: #17ba60; } .page-item.disabled .page-link { background-color: #fff; color: #6c757d; pointer-events: none; cursor: auto; border-color:rgba(166,172,167,0.8); } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #308ee0; } .badge-primary[href]:hover, .badge-primary[href]:focus { color: #fff; text-decoration: none; background-color: #1d74c0; } .badge-secondary { color: #020307; background-color: #e5e5e5; } .badge-secondary[href]:hover, .badge-secondary[href]:focus { color: #020307; text-decoration: none; background-color: #cccccc; } .badge-success, .preview-list .preview-item .preview-thumbnail .badge.badge-online { color: #fff; background-color: #00ce68; } .badge-success[href]:hover, .preview-list .preview-item .preview-thumbnail [href].badge.badge-online:hover, .badge-success[href]:focus, .preview-list .preview-item .preview-thumbnail [href].badge.badge-online:focus { color: #fff; text-decoration: none; background-color: #009b4e; } .badge-info, .preview-list .preview-item .preview-thumbnail .badge.badge-offline { color: #fff; background-color: #8862e0; } .badge-info[href]:hover, .preview-list .preview-item .preview-thumbnail [href].badge.badge-offline:hover, .badge-info[href]:focus, .preview-list .preview-item .preview-thumbnail [href].badge.badge-offline:focus { color: #fff; text-decoration: none; background-color: #6837d8; } .badge-warning, .preview-list .preview-item .preview-thumbnail .badge.badge-busy { color: #020307; background-color: #ffaf00; } .badge-warning[href]:hover, .preview-list .preview-item .preview-thumbnail [href].badge.badge-busy:hover, .badge-warning[href]:focus, .preview-list .preview-item .preview-thumbnail [href].badge.badge-busy:focus { color: #020307; text-decoration: none; background-color: #cc8c00; } .badge-danger { color: #fff; background-color: #e65251; } .badge-danger[href]:hover, .badge-danger[href]:focus { color: #fff; text-decoration: none; background-color: #e02624; } .badge-light { color: #020307; background-color: #f3f5f6; } .badge-light[href]:hover, .badge-light[href]:focus { color: #020307; text-decoration: none; background-color: #d6dde0; } .badge-dark { color: #fff; background-color: #424964; } .badge-dark[href]:hover, .badge-dark[href]:focus { color: #fff; text-decoration: none; background-color: #2e3345; } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: #194a74; background-color: #d6e8f9; border-color: #c5dff6; } .alert-primary hr { border-top-color: #afd3f3; } .alert-primary .alert-link { color: #102f4a; } .alert-secondary { color: #777777; background-color: #fafafa; border-color: #f8f8f8; } .alert-secondary hr { border-top-color: #ebebeb; } .alert-secondary .alert-link { color: #5e5e5e; } .alert-success { color: #006b36; background-color: #ccf5e1; border-color: #b8f1d5; } .alert-success hr { border-top-color: #a3edc8; } .alert-success .alert-link { color: #00381c; } .alert-info { color: #473374; background-color: #e7e0f9; border-color: #ded3f6; } .alert-info hr { border-top-color: #cebef2; } .alert-info .alert-link { color: #312351; } .alert-warning { color: #855b00; background-color: #ffefcc; border-color: #ffe9b8; } .alert-warning hr { border-top-color: #ffe19f; } .alert-warning .alert-link { color: #523800; } .alert-danger { color: #782b2a; background-color: #fadcdc; border-color: #f8cfce; } .alert-danger hr { border-top-color: #f5b9b8; } .alert-danger .alert-link { color: #521d1d; } .alert-light { color: #7e7f80; background-color: #fdfdfd; border-color: #fcfcfc; } .alert-light hr { border-top-color: #efefef; } .alert-light .alert-link { color: #656666; } .alert-dark { color: #222634; background-color: #d9dbe0; border-color: #caccd4; } .alert-dark hr { border-top-color: #bcbec9; } .alert-dark .alert-link { color: #0e0f15; } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; color: #fff; text-align: center; background-color: #007bff; transition: width 0.6s ease; } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { animation: progress-bar-stripes 1s linear infinite; } .media { display: flex; align-items: flex-start; } .media-body { flex: 1; } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #020307; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .list-group-item:hover, .list-group-item:focus { z-index: 1; text-decoration: none; } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff; } .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; } .list-group-flush:first-child .list-group-item:first-child { border-top: 0; } .list-group-flush:last-child .list-group-item:last-child { border-bottom: 0; } .list-group-item-primary { color: #194a74; background-color: #c5dff6; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #194a74; background-color: #afd3f3; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #194a74; border-color: #194a74; } .list-group-item-secondary { color: #777777; background-color: #f8f8f8; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #777777; background-color: #ebebeb; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #777777; border-color: #777777; } .list-group-item-success { color: #006b36; background-color: #b8f1d5; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #006b36; background-color: #a3edc8; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #006b36; border-color: #006b36; } .list-group-item-info { color: #473374; background-color: #ded3f6; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #473374; background-color: #cebef2; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #473374; border-color: #473374; } .list-group-item-warning { color: #855b00; background-color: #ffe9b8; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #855b00; background-color: #ffe19f; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #855b00; border-color: #855b00; } .list-group-item-danger { color: #782b2a; background-color: #f8cfce; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #782b2a; background-color: #f5b9b8; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #782b2a; border-color: #782b2a; } .list-group-item-light { color: #7e7f80; background-color: #fcfcfc; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #7e7f80; background-color: #efefef; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #7e7f80; border-color: #7e7f80; } .list-group-item-dark { color: #222634; background-color: #caccd4; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #222634; background-color: #bcbec9; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #222634; border-color: #222634; } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; } .close:hover, .close:focus { color: #000; text-decoration: none; opacity: .75; } .close:not(:disabled):not(.disabled) { cursor: pointer; } button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.4s ease; transform: translate(0, -25%); } .modal.show .modal-dialog { transform: translate(0, 0); } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - (10px * 2)); } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #f2f8f9; background-clip: padding-box; border: 1px solid rgba(166,172,167,0.6); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem; border-bottom: 1px solid rgba(166,172,167,0.6); border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 15px; } .modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 15px; border-top: 1px solid rgba(166,172,167,0.6); } .modal-footer > :not(:first-child) { margin-left: .25rem; } .modal-footer > :not(:last-child) { margin-right: .25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 30px auto; } .modal-dialog-centered { min-height: calc(100% - (30px * 2)); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg { max-width: 90%; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", tm, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", tm, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^="top"] { margin-bottom: 0.5rem; } .bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow { bottom: calc((0.5rem + 1px) * -1); } .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before, .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after { border-width: 0.5rem 0.5rem 0; } .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before { bottom: 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after { bottom: 1px; border-top-color: #fff; } .bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: 0.5rem; } .bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow { left: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before, .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after { border-width: 0.5rem 0.5rem 0.5rem 0; } .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before { left: 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after { left: 1px; border-right-color: #fff; } .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: 0.5rem; } .bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow { top: calc((0.5rem + 1px) * -1); } .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after { border-width: 0 0.5rem 0.5rem 0.5rem; } .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before { top: 0; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after { top: 1px; border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; } .bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: 0.5rem; } .bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow { right: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before, .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after { border-width: 0.5rem 0 0.5rem 0.5rem; } .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before { right: 0; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after { right: 1px; border-left-color: #fff; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; color: inherit; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: #020307; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-item { position: relative; display: none; align-items: center; width: 100%; transition: transform 0.6s ease; backface-visibility: hidden; perspective: 1000px; } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next, .carousel-item-prev { position: absolute; top: 0; } .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { transform: translateX(0); } @supports (transform-style: preserve-3d) { .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { transform: translate3d(0, 0, 0); } } .carousel-item-next, .active.carousel-item-right { transform: translateX(100%); } @supports (transform-style: preserve-3d) { .carousel-item-next, .active.carousel-item-right { transform: translate3d(100%, 0, 0); } } .carousel-item-prev, .active.carousel-item-left { transform: translateX(-100%); } @supports (transform-style: preserve-3d) { .carousel-item-prev, .active.carousel-item-left { transform: translate3d(-100%, 0, 0); } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .carousel-indicators { position: absolute; right: 0; bottom: 10px; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { position: relative; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; background-color: rgba(255, 255, 255, 0.5); } .carousel-indicators li::before { position: absolute; top: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators li::after { position: absolute; bottom: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators .active { background-color: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } /*---------*/ .bg-primary {background-color: #308ee0 !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {background-color: #1d74c0 !important;} .bg-secondary {background-color: #e5e5e5 !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus {background-color: #cccccc !important; } .bg-success {background-color: #00ce68 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus {background-color: #009b4e !important; } .bg-info {background-color: #8862e0 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus {background-color: #6837d8 !important; } .bg-warning {background-color: #ffaf00 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus {background-color: #cc8c00 !important; } .bg-danger {background-color: #e65251 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus {background-color: #e02624 !important; } .bg-light {background-color: #f3f5f6 !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus {background-color: #d6dde0 !important; } .bg-dark {background-color: #424964 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus {background-color: #2e3345 !important; } .bg-white {background-color: #ffffff !important; } .bg-transparent {background-color: transparent !important; } .bg-default {background-color: #17ba60 !important; } .bg-default a{ color: #fff;} a.bg-default:hover, a.bg-default:focus, button.bg-default:hover, button.bg-default:focus {text-decoration: underline !important; } /*--------------*/ .border, .loader-demo-box {border: 1px solid rgba(166,172,167,0.6) !important; } .border-top {border-top: 1px solid rgba(166,172,167,0.6) !important; } .border-right {border-right: 1px solid rgba(166,172,167,0.6) !important; } .border-bottom {border-bottom: 1px solid rgba(166,172,167,0.6) !important; } .border-left {border-left: 1px solid rgba(166,172,167,0.6) !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #308ee0 !important; } .border-secondary, .loader-demo-box { border-color: #e5e5e5 !important; } .border-success { border-color: #00ce68 !important; } .border-info { border-color: #8862e0 !important; } .border-warning { border-color: #ffaf00 !important; } .border-danger { border-color: #e65251 !important; } .border-light { border-color: #f3f5f6 !important; } .border-dark { border-color: #424964 !important; } .border-white { border-color: #ffffff !important; } .rounded, .loader-demo-box { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex, .loader-demo-box, .nav .nav-item.dropdown .navbar-dropdown .dropdown-item, .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item, .email-wrapper .mail-sidebar .menu-bar .profile-list-item a, .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user, .email-wrapper .mail-list-container .mail-list .details, .email-wrapper .message-body .attachments-sections ul li .thumb, .email-wrapper .message-body .attachments-sections ul li .details .buttons, .new-accounts ul.chats li.chat-persons a, .new-accounts ul.chats li.chat-persons a div.user { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-inline-flex, .email-wrapper .message-body .attachments-sections ul li{ display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.85714%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { flex-direction: row !important; } .flex-column, .new-accounts ul.chats li.chat-persons a div.user { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center, .loader-demo-box, .nav .nav-item.dropdown .navbar-dropdown .dropdown-item, .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item, .new-accounts ul.chats li.chat-persons a { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; clip-path: inset(50%); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; clip-path: none; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .template-demo > .btn, .template-demo > .btn-toolbar, .template-demo > .btn-group, .template-demo .circle-progress, .my-2 { margin-top: 0.5rem !important; } .mr-2, .template-demo > .btn, .template-demo > .btn-toolbar, .template-demo > .btn-group, .template-demo .dropdown, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .btn-toolbar .btn-group + .btn-group, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .template-demo .circle-progress-block, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .card-revenue-table .revenue-item:first-child, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .card-revenue-table .revenue-item:last-child, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2, .template-demo .circle-progress-block { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2, .template-demo .circle-progress-block { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3, .card-revenue-table .revenue-item { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3, .card-revenue-table .revenue-item { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .text-justify { text-align: justify !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #308ee0 !important; } a.text-primary:hover, a.text-primary:focus { color: #1d74c0 !important; } .text-secondary { color: #e5e5e5 !important; } a.text-secondary:hover, a.text-secondary:focus { color: #cccccc !important; } /*-----------*/ .divider-line { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; width: 100%; height: 0; margin: 0; display: block; } hr.divider-line { margin: 20px 0; border-bottom:none; } .divider-line.solid { border-top: 1px solid #eee; } .divider-line.dashed { border-top: 1px dashed #eee; } .divider-line.dotted { border-top: 1px dotted #eee; } .divider-line.groove { border-top: 1px groove #eee; } .divider-line.ridge { border-top: 1px ridge #eee; } .divider-line.inset { border-top: 1px inset #eee; } .divider-line.outset { border-top: 1px outset #eee; } .divider-line.double { border-bottom: 1px solid #eee; border-top: 1px solid #eee; display: block; height: 5px; } .divider-line.red { border-color: #17ba60; } .divider-line.lightred { border-color: #FA023C; } .divider-line.turquoise { border-color: #3FB8AF; } .divider-line.darkturquoise { border-color: #169D99; } .divider-line.lightturquoise { border-color: #7FC7AF; } .divider-line.pink { border-color: #d770ad; } .divider-line.worldpink { border-color: #AB0768; } .divider-line.lightpink { border-color: #FF3D7F; } .divider-line.babypink { border-color: #FF9E9D; } .divider-line.grey { border-color: #ccc; } .divider-line.yellow { border-color: #edde45; } .divider-line.staryellow { border-color: #FAE894; } .divider-line.green { border-color: #A0D36E; } .divider-line.lightgreen { border-color: #B9CC01; } .divider-line.black { border-color: #020307; } .divider-line.greft { border-color: #321E41; } .divider-line.blue { border-color: #3C8DC5; } .divider-line.navyblue { border-color: #070743; } .divider-line.purple { border-color: #8e44ad; } /*----------VURGULA*/ .accent-text{ line-height:26px; margin:2px 3px; padding:3px 5px; } .accent-text.red { background-color: #17ba60; } .accent-text.lightred { background-color: #FA023C; } .accent-text.turquoise { background-color: #3FB8AF; } .accent-text.darkturquoise { background-color: #169D99; } .accent-text.lightturquoise { background-color: #7FC7AF; } .accent-text.pink { background-color: #d770ad; } .accent-text.worldpink { background-color: #AB0768; } .accent-text.lightpink { background-color: #FF3D7F; } .accent-text.babypink { background-color: #FF9E9D; } .accent-text.grey { background-color: #ccc; } .accent-text.yellow { background-color: #edde45; } .accent-text.staryellow { background-color: #FAE894; } .accent-text.green { background-color: #A0D36E; } .accent-text.lightgreen { background-color: #B9CC01; } .accent-text.black { background-color: #020307; } .accent-text.xfirma { background-color: #321E41; } .accent-text.blue { background-color: #3C8DC5; } .accent-text.navyblue { background-color: #070743; } .accent-text.purple { background-color: #8e44ad; } /*------*/ .text-osg{color:#35235D;} .text-osg-I{color:#DB2464;} .text-osg-II{color:#CB2402;} .text-osg-III{color:#B8DC3C;} .text-osg-IV{color:#4C49A2;} .text-osg-V{color:#A31A48;} .text-org{color:#113F8C;} .text-org-I{color:#01A4A4;} .text-org-II{color:#00A1CB;} .text-org-III{color:#61AE24;} .text-org-IV{color:#D0D102;} .text-org-V{color:#32742C;} .text-org-VI{color:#D70060;} .text-org-VII{color:#E54028;} .text-org-VIII{color:#F18D05;} .text-org-IX{color:#616161;} .text-murI{color:#D0DD2B;} .text-murI-II{color:#98C73D;} .text-murI-III{color:#00A9E0;} .text-murI-IV{color:#67CDDC;} .text-murI-V{color:#3B3B3D;} .text-beyI{color:#272523;} .text-beyI-II{color:#FFACAC;} .text-beyI-III{color:#FFD700;} .text-beyI-IV{color:#00590C;} .text-beyI-V{color:#08006D;} .text-mehI{color:#B18B69;} .text-mehI-II{color:#3A312A;} .text-mehI-III{color:#FFD9D4;} .text-mehI-IV{color:#FDFF00;} .text-mehI-V{color:#929290;} .text-murII{color:#C8EBFE;} .text-murII-II{color:#D1C756;} .text-murII-III{color:#FCA44B;} .text-murII-IV{color:#FFD843;} .text-murII-V{color:#E0D1CC;} .text-murII-VI{color:#CDE8D5;} .text-fatih{color:#C60751;} .text-fatih-II{color:#E76E7C;} .text-fatih-III{color:#F8F4DB;} .text-fatih-IV{color:#A6A93C;} .text-fatih-V{color:#3A3A3C;} .text-beyII{color:#231F20;} .text-beyII-II{color:#F15E00;} .text-beyII-III{color:#FDFF3A;} .text-beyII-IV{color:#F19C28;} .text-beyII-V{color:#211F20;} .text-beyII-VI{color:#A12E33;} .text-yavuz{color:#3366cc;} .text-yavuz-II{color:#DA251D;} .text-yavuz-III{color:#ED9517;} .text-yavuz-IV{color:#FFFFFF;} .text-yavuz-V{color:#020307;} .text-kanuni{color:#182945;} .text-kanuni-II{color:#46A5E5;} .text-kanuni-III{color:#A1C436;} .text-kanuni-IV{color:#FBF6CE;} .text-kanuni-V{color:#E8E8F0;} .text-selII{color:#A9071E;} .text-selII-II{color:#AAD1D8;} .text-selII-III{color:#A0D36E;} .text-selII-IV{color:#FACB47;} .text-selII-V{color:#CECECE;} .text-selII-VI{color:#DADADA;} .text-murIII{color:#3C8DC5;} .text-murIII-II{color:#6FB7E9;} .text-murIII-III{color:#B2D1E5;} .text-murIII-IV{color:#E9F2F9;} .text-go{color:#D1A381;} .text-go-II{color:#E8A97E;} .text-go-III{color:#965724;} .text-go-IV{color:#6D3828;} .text-go-V{color:#990099;} .text-go-VI{color:#6C6764;} .text-murIV{color:#FA9F29;} .text-murIV-II{color:#15CAB1;} .text-murIV-III{color:#0A633D;} .text-murIV-IV{color:#2F3030;} .text-ibr{color:#EAFF31;} .text-ibr-II{color:#D1DC91;} .text-ibr-III{color:#020307;} .text-ibr-IV{color:#56584B;} .text-mehIII{color:#AB5C96;} .text-mehIII-II{color:#ECF5F1;} .text-mehIII-III{color:#B1AE86;} .text-mehIII-IV{color:#5C5245;} .text-mehIII-V{color:#0D0D11;} .text-ahmI{color:#F5D0AA;} .text-ahmI-II{color:#F19231;} .text-ahmI-III{color:#9A2720;} .text-ahmI-IV{color:#571D69;} .text-musI{color:#CECECE;} .text-musI-II{color:#E6E7DF;} .text-musI-III{color:#C0B3BC;} .text-musI-IV{color:#7A656A;} .text-musI-V{color:#615E59;} .text-musI-V{color:#89CBC9;} .text-musII{color:#D7D7CD;} .text-musII-II{color:#D2367D;} .text-musII-III{color:#720D5B;} .text-musII-IV{color:#CF3104;} .text-musII-V{color:#BCA000;} .text-musII-V{color:#018E4A;} .text-ahmIII{color:#4B1431;} .text-ahmIII-II{color:#D55391;} .text-ahmIII-III{color:#FFFCD3;} .text-ahmIII-IV{color:#FFDF00;} .text-ahmIII-V{color:#6633cc;} .text-ahmIII-VI{color:#B87950;} .text-ahmIII-VII{color:#A09C2E;} .text-ahmIII-VIII{color:#f2826b;} .text-mahI{color:#C7E2C3;} .text-mahI-II{color:#F8F4C7;} .text-mahI-III{color:#E3D0A6;} .text-mahI-IV{color:#664C4B;} .text-mahI-V{color:#FFF560;} .text-mahI-VI{color:#16d620;} .text-mehIV{color:#6A486B;} .text-mehIV-II{color:#AAA259;} .text-mehIV-III{color:#FBFFE6;} .text-mehIV-IV{color:#FBFFE6;} .text-mehIV-V{color:#FDEC68;} .text-sulII{color:#FFF3E5;} .text-sulII-II{color:#E8B0AF;} .text-sulII-III{color:#FDDAC4;} .text-sulII-IV{color:#F1D5A5;} .text-sulII-V{color:#E1B898;} .text-ahmII{color:#999764;} .text-ahmII-II{color:#FAE191;} .text-ahmII-III{color:#A0A297;} .text-ahmII-IV{color:#E2DCC4;} .text-ahmII-V{color:#302334;} .text-ahmII-VI{color:#992E42;} .text-selIII{color:#5E0525;} .text-selIII-II{color:#740025;} .text-selIII-III{color:#CE0027;} .text-selIII-IV{color:#FC7C3D;} .text-selIII-V{color:#EAAE4E;} .text-musIV{color:#F6F6F6;} .text-musIV-II{color:#3F4040;} .text-musIV-III{color:#C4C4C4;} .text-musIV-IV{color:#DBD840;} .text-musIV-V{color:#885B24;} .text-mahII{color:#EED9D4;} .text-mahII-II{color:#E9C5AB;} .text-mahII-III{color:#DDA68A;} .text-mahII-IV{color:#ECBA57;} .text-mahII-V{color:#EB9D22;} .text-mahII-VI{color:#D18920;} .text-mahII-VII{color:#F9C880;} .text-mahII-VIII{color:#A3B56B;} .text-mahII-VIII{color:#8C9955;} .text-osmIII{color:#55564A;} .text-osmIII-II{color:#A6A626;} .text-osmIII-III{color:#5F5A36;} .text-osmIII-IV{color:#E9DFA3;} .text-osmIII-V{color:#91CB8A;} .text-osmIII-VI{color:#C9AD35;} .text-osmIII-VI{color:#CCE49B;} /*--------------KULLANILDI*/ .text-musIII{color:#A8BEBE;} .text-musIII-II{color:#575A61;} .text-musIII-III{color:#FFDF00;} .text-musIII-IV{color:#020307;} .text-musIII-V{color:#A6ACA7;} .text-musIII-VI{color:#6F9696;} .text-musIII-VI{color:#E3EFDE;} .text-abhI{color:#301D3D;} .text-abhI-II{color:#5F3B69;} .text-abhI-III{color:#71757E;} .text-abhI-IV{color:#dd4477;} .text-abhI-V{color:#BA126A;} .text-abm{color:#36273C;} .text-abm-II{color:#FEF671;} .text-abm-III{color:#F7AACA;} .text-abm-IV{color:#4EA255;} .text-abm-V{color:#6F2D5B;} .text-abm-VI{color:#DF8EC9;} .text-aba{color:#021768;} .text-aba-II{color:#FDC607;} .text-aba-III{color:#B0814B;} .text-aba-IV{color:#F025BB;} .text-aba-V{color:#7794B2;} .text-aba-VI{color:#FFF40A;} .text-murV{color:#FED120;} .text-murV-II{color:#DF2B50;} .text-murV-III{color:#D83078;} .text-murV-IV{color:#F09078;} .text-murV-V{color:#F86E51;} .text-murV-VI{color:#6E95F2;} .text-abhII{color:#FBF0AC;} .text-abhII-II{color:#F8539D;} .text-abhII-III{color:#907860;} .text-abhII-IV{color:#304890;} .text-abhII-V{color:#670F26;} .text-abhII-VI{color:#ED62B3;} .text-mehV{color:#4C074E;} .text-mehV-II{color:#7A107D;} .text-mehV-III{color:#ACF53A;} .text-mehV-IV{color:#6C336D;} .text-mehV-V{color:#5E2060;} /*.text-mehV-VI{color:#;}*/ .text-mehVI{color:#3366FF;} .text-mehVI-II{color:#AADDFF;} .text-mehVI-III{color:#CCEEFF;} .text-mehVI-IV{color:#EEFFBB;} .text-ata{color:#98D4DC;} .text-ata-II{color:#CCEAEE;} .text-ata-III{color:#ECDEE3;} .text-ata-IV{color:#FAC2CE;} .text-ata-V{color:#F5859D;} .text-ata-VI{color:#8560A8;} .text-rt{color:#F161B2;} .text-rt-II{color:#221213;} .text-rt-III{color:#2D1719;} .text-rt-IV{color:#FFF5A4;} .text-rt-V{color:#E5D452;} .text-rt-VI{color:#FFF5A6;} .text-speI{color:#3C1C11;} .text-speI-I{color:#D2CBC1;} .text-speI-II{color:#D7D0C8;} .text-speI-III{color:#C6BCAE;} .text-speII{color:#FFDD00;} .text-speII-I{color:#ADADAD;} .text-speII-II{color:#FDD302;} .text-speII-III{color:#020307;} .text-speIII{color:#8B72B6;} .text-speIII-I{color:#937CBD;} .text-speIII-II{color:#C9C4ED;} .text-speIII-III{color:#CBC6EE;} .text-speIII{color:#CB5DB2;} .text-speIII-I{color:#DBDEE2;} .text-speIII-II{color:#020307;} .text-speIII-III{color:#CACFD5;} .text-speIV{color:#F5821F;} .text-speIV-I{color:#F78F1D;} .text-speIV-II{color:#E6E0D0;} .text-speIV-III{color:#365164;} .text-speV{color:#52A308;} .text-speV-I{color:#8CD600;} .text-speV-II{color:#333333;} .text-speV-III{color:#020307;} .text-speVI{color:#7BD5BC;} .text-speVI-I{color:#E5FDCA;} .text-speVI-II{color:#55BBCC;} .text-speVI-III{color:#99F1B8;} .text-speVII{color:#F64EB1;} .text-speVII-I{color:#444444;} .text-speVII-II{color:#5E5E5E;} .text-speVII-III{color:#EDEDED;} .text-speVIII{color:#F39800;} .text-speVIII-I{color:#8E7C75;} .text-speVIII-II{color:#EFEBEA;} .text-speVIII-III{color:#DED6D3;} .text-speIX{color:#8C1350;} .text-speIX-I{color:#FF2B94;} .text-speIX-II{color:#E6177F;} .text-speIX-III{color:#0D0D0D;} .text-speIX-IV{color:#D6CACB;} .text-speX{color:#B80382;} .text-speX-I{color:#32426B;} .text-speX-II{color:#B5B5B5;} .text-speX-III{color:#020307;} .text-speXI{color:#1FA684;} .text-speXI-I{color:#C9ECE5;} .text-speXI-II{color:#A0E1DA;} .text-speXI-III{color:#F9FBE7;} /*----------KULLAN*/ .text-speXII{color:#82438E;} .text-speXII-I{color:#A86AB3;} .text-speXII-II{color:#C0ACC2;} .text-speXII-III{color:#211E20;} .text-speXII-IV{color:#F2EFF3;} .text-speXIII{color:#1762B7;} .text-speXIII-I{color:#135182;} .text-speXIII-II{color:#E8E7DD;} .text-speXIII-III{color:#DFF1FF;} .text-speXIV{color:#F89A22;} .text-speXIV-I{color:#818286;} .text-speXIV-II{color:#FFE0BF;} .text-speXIV-III{color:#020307;} .text-speXV{color:#D97600;} .text-speXV-I{color:#FAB301;} .text-speXV-II{color:#8DC54C;} .text-speXV-III{color:#444444;} /*----------KULLAN*/ .text-speXVI{color:#8CC63A;} .text-speXVI-I{color:#D6D9DD;} .text-speXVI-II{color:#A0ABB8;} .text-speXVI-III{color:#020307;} .text-speXVII{color:#FF8F05;} .text-speXVII-III{color:#4B5D67;} .text-speXVII-III{color:#2D383E;} .text-speXVII-III{color:#3E4D54;} .text-speXVIII{color:#F3C811;} .text-speXVIII-I{color:#2F5525;} .text-speXVIII-II{color:#F4E5C4;} .text-speXVIII-III{color:#627F7B;} .text-speXVIII-IV{color:#020307;} .text-speXIX{color:#559615;} .text-speXIX-I{color:#4E85D7;} .text-speXIX-II{color:#8DD5EF;} .text-speXIX-III{color:#C20578;} /*-------------YEŞİL TON KULLAN*/ .text-speXX{color:#82B64A;} .text-speXX-I{color:#547D2E;} .text-speXX-II{color:#72A23F;} .text-speXX-III{color:#638F36;} .text-speXX-IV{color:#496F26;} .text-speXXI{color:#19d895;} .text-speXXI-I{color:#7ACD25;} .text-speXXI-II{color:#363636;} .text-speXXI-III{color:#DCDCDC;} .text-speXXI-IV{color:#F5F5F5;} .text-speXXII{color:#F2AD41;} .text-speXXII-I{color:#101A42;} .text-speXXII-II{color:#94C5D9;} .text-speXXII-III{color:#060E37;} .text-speXXIII{color:#6D1874;} .text-speXXIII-I{color:#965A9A;} .text-speXXIII-II{color:#FBDDDB;} .text-speXXIII-III{color:#E5E5E5;} .text-speXXIV{color:#EAC009;} .text-speXXIV-I{color:#DFB708;} .text-speXXIV-II{color:#A18406;} .text-speXXIV-III{color:#413504;} /*-----------BAK*/ .text-speXXVI{color:#F88810;} .text-speXXVI-I{color:#2B276C;} .text-speXXVI-II{color:#9593B5;} .text-speXXVI-III{color:#CAC9DA;} .text-speXXVII{color:#FDD134;} .text-speXXVII-I{color:#CC0099;} .text-speXXVII-II{color:#E8FFE8;} .text-speXXVIII{color:#990099;} .text-speXXVIII-I{color:#996699;} .text-speXXVIII-II{color:#C5DA1B;} .text-speXXX{color:#FFC000;} .text-speXXX-I{color:#59002E;} .text-speXXX-II{color:#E61B84;} .text-speXXX-III{color:#3C2A3C;} .text-speXXXI{color:#BA14C0;} .text-speXXXI-I{color:#6A076E;} .text-speXXXI-II{color:#E764EC;} .text-speXXXI-III{color:#3D3D3D;} .text-speXXXII{color:#103182;} .text-speXXXII-I{color:#113991;} .text-speXXXII-II{color:#12439F;} .text-speXXXII-III{color:#1244A3;} .text-speXXXII-IV{color:#1697FF;} .text-speXXXIII{color:#F7931D;} .text-speXXXIII-I{color:#8BC53F;} .text-speXXXIII-II{color:#BC1A8C;} .text-speXXXIII-III{color:#008DAE;} .text-speXXXIV{color:#69117F;} .text-speXXXIV-I{color:#532B67;} .text-speXXXIV-II{color:#6AA121;} .text-speXXXIV-III{color:#73AB26;} .text-speXXXIV-IV{color:#443C49;} .text-speXXXIV-V{color:#5D976F;} .text-speXXXIV-VI{color:#65554C;} .text-speXXXIV-VII{color:#C8C8D0;} .text-speXXXIV-VIII{color:#020307;} .texts-red{color: #CD1231;} /*------BACKGROUND------*/ .textbg-osg{background:#35235D;} .textbg-osg-I{background:#DB2464;} .textbg-osg-II{background:#CB2402;} .textbg-osg-III{background:#B8DC3C;} .textbg-osg-IV{background:#4C49A2;} .textbg-osg-V{background:#A31A48;} .textbg-org{background:#113F8C;} .textbg-org-I{background:#01A4A4;} .textbg-org-II{background:#00A1CB;} .textbg-org-III{background:#61AE24;} .textbg-org-IV{background:#D0D102;} .textbg-org-V{background:#32742C;} .textbg-org-VI{background:#D70060;} .textbg-org-VII{background:#E54028;} .textbg-org-VIII{background:#F18D05;} .textbg-org-IX{background:#616161;} .textbg-murI{background:#D0DD2B;} .textbg-murI-II{background:#98C73D;} .textbg-murI-III{background:#00A9E0;} .textbg-murI-IV{background:#67CDDC;} .textbg-murI-V{background:#3B3B3D;} .textbg-bI{background:#272523;} .textbg-bI-II{background:#FFACAC;} .textbg-bI-III{background:#FFD700;} .textbg-bI-IV{background:#00590C;} .textbg-bI-V{background:#08006D;} .textbg-mehI{background:#B18B69;} .textbg-mehI-II{background:#3A312A;} .textbg-mehI-III{background:#FFD9D4;} .textbg-mehI-IV{background:#FDFF00;} .textbg-mehI-V{background:#929290;} .textbg-murII{background:#C8EBFE;} .textbg-murII-II{background:#D1C756;} .textbg-murII-III{background:#FCA44B;} .textbg-murII-IV{background:#FFD843;} .textbg-murII-V{background:#E0D1CC;} .textbg-murII-VI{background:#CDE8D5;} .textbg-fatih{background:#C60751;} .textbg-fatih-II{background:#E76E7C;} .textbg-fatih-III{background:#F8F4DB;} .textbg-fatih-IV{background:#A6A93C;} .textbg-fatih-V{background:#3A3A3C;} .textbg-beyII{background:#231F20;} .textbg-beyII-II{background:#F15E00;} .textbg-beyII-III{background:#FDFF3A;} .textbg-beyII-IV{background:#F19C28;} .textbg-beyII-V{background:#211F20;} .textbg-beyII-VI{background:#A12E33;} .textbg-yavuz{background:#5A1A74;} .textbg-yavuz-II{background:#DA251D;} .textbg-yavuz-III{background:#ED9517;} .textbg-yavuz-IV{background:#FFFFFF;} .textbg-yavuz-V{background:#020307;} .textbg-kanuni{background:#182945;} .textbg-kanuni-II{background:#46A5E5;} .textbg-kanuni-III{background:#A1C436;} .textbg-kanuni-IV{background:#FBF6CE;} .textbg-kanuni-V{background:#E8E8F0;} .textbg-selII{background:#A9071E;} .textbg-selII-II{background:#AAD1D8;} .textbg-selII-III{background:#A0D36E;} .textbg-selII-IV{background:#FACB47;} .textbg-selII-V{background:#CECECE;} .textbg-selII-VI{background:#DADADA;} .textbg-murIII{background:#3C8DC5;} .textbg-murIII-II{background:#6FB7E9;} .textbg-murIII-III{background:#B2D1E5;} .textbg-murIII-IV{background:#E9F2F9;} .textbg-go{background:#D1A381;} .textbg-go-II{background:#E8A97E;} .textbg-go-III{background:#965724;} .textbg-go-IV{background:#6D3828;} .textbg-go-V{background:#9E4E0F;} .textbg-go-VI{background:#6C6764;} .textbg-murIV{background:#FA9F29;} .textbg-murIV-II{background:#15CAB1;} .textbg-murIV-III{background:#0A633D;} .textbg-murIV-IV{background:#2F3030;} .textbg-ibr{background:#EAFF31;} .textbg-ibr-II{background:#D1DC91;} .textbg-ibr-III{background:#020307;} .textbg-ibr-IV{background:#56584B;} .textbg-mehIII{background:#AB5C96;} .textbg-mehIII-II{background:#ECF5F1;} .textbg-mehIII-III{background:#B1AE86;} .textbg-mehIII-IV{background:#5C5245;} .textbg-mehIII-V{background:#0D0D11;} .textbg-ahmI{background:#F5D0AA;} .textbg-ahmI-II{background:#F19231;} .textbg-ahmI-III{background:#9A2720;} .textbg-ahmI-IV{background:#571D69;} .textbg-musI{background:#CECECE;} .textbg-musI-II{background:#E6E7DF;} .textbg-musI-III{background:#C0B3BC;} .textbg-musI-IV{background:#7A656A;} .textbg-musI-V{background:#615E59;} .textbg-musI-V{background:#89CBC9;} .textbg-musII{background:#D7D7CD;} .textbg-musII-II{background:#D2367D;} .textbg-musII-III{background:#720D5B;} .textbg-musII-IV{background:#CF3104;} .textbg-musII-V{background:#BCA000;} .textbg-musII-V{background:#018E4A;} .textbg-ahmIII{background:#4B1431;} .textbg-ahmIII-II{background:#D55391;} .textbg-ahmIII-III{background:#FFFCD3;} .textbg-ahmIII-IV{background:#FFDF00;} .textbg-ahmIII-V{background:#E82B27;} .textbg-ahmIII-VI{background:#B87950;} .textbg-ahmIII-VII{background:#A09C2E;} .textbg-ahmIII-VIII{background:#3DBBED;} .textbg-mahI{background:#C7E2C3;} .textbg-mahI-II{background:#F8F4C7;} .textbg-mahI-III{background:#E3D0A6;} .textbg-mahI-IV{background:#664C4B;} .textbg-mahI-V{background:#FFF560;} .textbg-mahI-VI{background:#2EE0AE;} .textbg-mehIV{background:#6A486B;} .textbg-mehIV-II{background:#AAA259;} .textbg-mehIV-III{background:#FBFFE6;} .textbg-mehIV-IV{background:#FBFFE6;} .textbg-mehIV-V{background:#FDEC68;} .textbg-sulII{background:#FFF3E5;} .textbg-sulII-II{background:#E8B0AF;} .textbg-sulII-III{background:#FDDAC4;} .textbg-sulII-IV{background:#F1D5A5;} .textbg-sulII-V{background:#E1B898;} .textbg-ahmII{background:#999764;} .textbg-ahmII-II{background:#FAE191;} .textbg-ahmII-III{background:#A0A297;} .textbg-ahmII-IV{background:#E2DCC4;} .textbg-ahmII-V{background:#302334;} .textbg-ahmII-VI{background:#992E42;} .textbg-selIII{background:#5E0525;} .textbg-selIII-II{background:#740025;} .textbg-selIII-III{background:#CE0027;} .textbg-selIII-IV{background:#FC7C3D;} .textbg-selIII-V{background:#EAAE4E;} .textbg-musIV{background:#F6F6F6;} .textbg-musIV-II{background:#3F4040;} .textbg-musIV-III{background:#C4C4C4;} .textbg-musIV-IV{background:#DBD840;} .textbg-musIV-V{background:#885B24;} .textbg-mahII{background:#EED9D4;} .textbg-mahII-II{background:#E9C5AB;} .textbg-mahII-III{background:#DDA68A;} .textbg-mahII-IV{background:#ECBA57;} .textbg-mahII-V{background:#EB9D22;} .textbg-mahII-VI{background:#D18920;} .textbg-mahII-VII{background:#F9C880;} .textbg-mahII-VIII{background:#A3B56B;} .textbg-mahII-VIII{background:#8C9955;} .textbg-osmIII{background:#55564A;} .textbg-osmIII-II{background:#A6A626;} .textbg-osmIII-III{background:#5F5A36;} .textbg-osmIII-IV{background:#E9DFA3;} .textbg-osmIII-V{background:#91CB8A;} .textbg-osmIII-VI{background:#C9AD35;} .textbg-osmIII-VI{background:#CCE49B;} /*--------------KULLANILDI*/ .textbg-musIII{background:#A8BEBE;} .textbg-musIII-II{background:#575A61;} .textbg-musIII-III{background:#FFDF00;} .textbg-musIII-IV{background:#020307;} .textbg-musIII-V{background:#A6ACA7;} .textbg-musIII-VI{background:#6F9696;} .textbg-musIII-VI{background:#E3EFDE;} .textbg-abhI{background:#301D3D;} .textbg-abhI-II{background:#5F3B69;} .textbg-abhI-III{background:#71757E;} .textbg-abhI-IV{background:#501D82;} .textbg-abhI-V{background:#BA126A;} .textbg-abm{background:#36273C;} .textbg-abm-II{background:#FEF671;} .textbg-abm-III{background:#F7AACA;} .textbg-abm-IV{background:#4EA255;} .textbg-abm-V{background:#6F2D5B;} .textbg-abm-VI{background:#DF8EC9;} .textbg-aba{background:#021768;} .textbg-aba-II{background:#FDC607;} .textbg-aba-III{background:#B0814B;} .textbg-aba-IV{background:#F025BB;} .textbg-aba-V{background:#7794B2;} .textbg-aba-VI{background:#FFF40A;} .textbg-murV{background:#FED120;} .textbg-murV-II{background:#DF2B50;} .textbg-murV-III{background:#D83078;} .textbg-murV-IV{background:#F09078;} .textbg-murV-V{background:#F86E51;} .textbg-murV-VI{background:#6E95F2;} .textbg-abhII{background:#FBF0AC;} .textbg-abhII-II{background:#F8539D;} .textbg-abhII-III{background:#907860;} .textbg-abhII-IV{background:#304890;} .textbg-abhII-V{background:#670F26;} .textbg-abhII-VI{background:#ED62B3;} .textbg-mehV{background:#4C074E;} .textbg-mehV-II{background:#7A107D;} .textbg-mehV-III{background:#ACF53A;} .textbg-mehV-IV{background:#6C336D;} .textbg-mehV-V{background:#5E2060;} /*.textbg-mehV-VI{background:#;}*/ .textbg-mehVI{background:#3366FF;} .textbg-mehVI-II{background:#AADDFF;} .textbg-mehVI-III{background:#CCEEFF;} .textbg-mehVI-IV{background:#EEFFBB;} .textbg-ata{background:#98D4DC;} .textbg-ata-II{background:#CCEAEE;} .textbg-ata-III{background:#ECDEE3;} .textbg-ata-IV{background:#FAC2CE;} .textbg-ata-V{background:#F5859D;} .textbg-ata-VI{background:#8560A8;} .textbg-rt{background:#F161B2;} .textbg-rt-II{background:#221213;} .textbg-rt-III{background:#2D1719;} .textbg-rt-IV{background:#FFF5A4;} .textbg-rt-V{background:#E5D452;} .textbg-rt-VI{background:#FFF5A6;} .textbg-speI{background:#3C1C11;} .textbg-speI-I{background:#D2CBC1;} .textbg-speI-II{background:#D7D0C8;} .textbg-speI-III{background:#C6BCAE;} .textbg-speII{background:#FFDD00;} .textbg-speII-I{background:#ADADAD;} .textbg-speII-II{background:#FDD302;} .textbg-speII-III{background:#020307;} .textbg-speIII{background:#8B72B6;} .textbg-speIII-I{background:#937CBD;} .textbg-speIII-II{background:#C9C4ED;} .textbg-speIII-III{background:#CBC6EE;} .textbg-speIII{background:#CB5DB2;} .textbg-speIII-I{background:#DBDEE2;} .textbg-speIII-II{background:#020307;} .textbg-speIII-III{background:#CACFD5;} .textbg-speIV{background:#F5821F;} .textbg-speIV-I{background:#F78F1D;} .textbg-speIV-II{background:#E6E0D0;} .textbg-speIV-III{background:#365164;} .textbg-speV{background:#52A308;} .textbg-speV-I{background:#8CD600;} .textbg-speV-II{background:#333333;} .textbg-speV-III{background:#020307;} .textbg-speVI{background:#7BD5BC;} .textbg-speVI-I{background:#E5FDCA;} .textbg-speVI-II{background:#55BBCC;} .textbg-speVI-III{background:#99F1B8;} .textbg-speVII{background:#F64EB1;} .textbg-speVII-I{background:#444444;} .textbg-speVII-II{background:#5E5E5E;} .textbg-speVII-III{background:#EDEDED;} .textbg-speVIII{background:#F39800;} .textbg-speVIII-I{background:#8E7C75;} .textbg-speVIII-II{background:#EFEBEA;} .textbg-speVIII-III{background:#DED6D3;} .textbg-speIX{background:#8C1350;} .textbg-speIX-I{background:#FF2B94;} .textbg-speIX-II{background:#E6177F;} .textbg-speIX-III{background:#0D0D0D;} .textbg-speIX-IV{background:#D6CACB;} .textbg-speX{background:#B80382;} .textbg-speX-I{background:#32426B;} .textbg-speX-II{background:#B5B5B5;} .textbg-speX-III{background:#020307;} .textbg-speXI{background:#1FA684;} .textbg-speXI-I{background:#C9ECE5;} .textbg-speXI-II{background:#A0E1DA;} .textbg-speXI-III{background:#F9FBE7;} /*----------KULLAN*/ .textbg-speXII{background:#82438E;} .textbg-speXII-I{background:#A86AB3;} .textbg-speXII-II{background:#C0ACC2;} .textbg-speXII-III{background:#211E20;} .textbg-speXII-IV{background:#F2EFF3;} .textbg-speXIII{background:#1762B7;} .textbg-speXIII-I{background:#135182;} .textbg-speXIII-II{background:#E8E7DD;} .textbg-speXIII-III{background:#DFF1FF;} .textbg-speXIV{background:#F89A22;} .textbg-speXIV-I{background:#818286;} .textbg-speXIV-II{background:#FFE0BF;} .textbg-speXIV-III{background:#020307;} .textbg-speXV{background:#D97600;} .textbg-speXV-I{background:#FAB301;} .textbg-speXV-II{background:#8DC54C;} .textbg-speXV-III{background:#444444;} /*----------KULLAN*/ .textbg-speXVI{background:#8CC63A;} .textbg-speXVI-I{background:#D6D9DD;} .textbg-speXVI-II{background:#A0ABB8;} .textbg-speXVI-III{background:#020307;} .textbg-speXVII{background:#FF8F05;} .textbg-speXVII-III{background:#4B5D67;} .textbg-speXVII-III{background:#2D383E;} .textbg-speXVII-III{background:#3E4D54;} .textbg-speXVIII{background:#F3C811;} .textbg-speXVIII-I{background:#2F5525;} .textbg-speXVIII-II{background:#F4E5C4;} .textbg-speXVIII-III{background:#627F7B;} .textbg-speXVIII-IV{background:#020307;} .textbg-speXIX{background:#559615;} .textbg-speXIX-I{background:#4E85D7;} .textbg-speXIX-II{background:#8DD5EF;} .textbg-speXIX-III{background:#C20578;} /*-------------YEŞİL TON KULLAN*/ .textbg-speXX{background:#82B64A;} .textbg-speXX-I{background:#547D2E;} .textbg-speXX-II{background:#72A23F;} .textbg-speXX-III{background:#638F36;} .textbg-speXX-IV{background:#496F26;} .textbg-speXXI{background:#68C320;} .textbg-speXXI-I{background:#7ACD25;} .textbg-speXXI-II{background:#363636;} .textbg-speXXI-III{background:#DCDCDC;} .textbg-speXXI-IV{background:#F5F5F5;} .textbg-speXXII{background:#F2AD41;} .textbg-speXXII-I{background:#101A42;} .textbg-speXXII-II{background:#94C5D9;} .textbg-speXXII-III{background:#060E37;} .textbg-speXXIII{background:#6D1874;} .textbg-speXXIII-I{background:#965A9A;} .textbg-speXXIII-II{background:#FBDDDB;} .textbg-speXXIII-III{background:#E5E5E5;} .textbg-speXXIV{background:#EAC009;} .textbg-speXXIV-I{background:#DFB708;} .textbg-speXXIV-II{background:#A18406;} .textbg-speXXIV-III{background:#413504;} /*-----------BAK*/ .textbg-speXXVI{background:#F88810;} .textbg-speXXVI-I{background:#2B276C;} .textbg-speXXVI-II{background:#9593B5;} .textbg-speXXVI-III{background:#CAC9DA;} .textbg-speXXVII{background:#990099;} .textbg-speXXVII-I{background:#CC0099;} .textbg-speXXVII-II{background:#E8FFE8;} .textbg-speXXVIII{background:#990099;} .textbg-speXXVIII-I{background:#996699;} .textbg-speXXVIII-II{background:#C5DA1B;} .textbg-speXXX{background:#FFC000;} .textbg-speXXX-I{background:#59002E;} .textbg-speXXX-II{background:#E61B84;} .textbg-speXXX-III{background:#3C2A3C;} .textbg-speXXXI{background:#BA14C0;} .textbg-speXXXI-I{background:#6A076E;} .textbg-speXXXI-II{background:#E764EC;} .textbg-speXXXI-III{background:#3D3D3D;} .textbg-speXXXII{background:#103182;} .textbg-speXXXII-I{background:#113991;} .textbg-speXXXII-II{background:#12439F;} .textbg-speXXXII-III{background:#1244A3;} .textbg-speXXXII-IV{background:#1697FF;} .textbg-speXXXIII{background:#F7931D;} .textbg-speXXXIII-I{background:#8BC53F;} .textbg-speXXXIII-II{background:#BC1A8C;} .textbg-speXXXIII-III{background:#008DAE;} .textbg-speXXXIV{background:#69117F;} .textbg-speXXXIV-I{background:#532B67;} .textbg-speXXXIV-II{background:#6AA121;} .textbg-speXXXIV-III{background:#73AB26;} .textbg-speXXXIV-IV{background:#443C49;} .textbg-speXXXIV-V{background:#5D976F;} .textbg-speXXXIV-VI{background:#65554C;} .textbg-speXXXIV-VII{background:#C8C8D0;} .textbg-speXXXIV-VIII{background:#020307;} /*===========*/ .text-success {color: #00ce68 !important; } a.text-success:hover, a.text-success:focus {color: #009b4e !important; } .text-info {color: #8862e0 !important; } a.text-info:hover, a.text-info:focus {color: #6837d8 !important; } .text-warning {color: #ffaf00 !important; } a.text-warning:hover, a.text-warning:focus {color: #cc8c00 !important; } .text-danger {color: #e65251 !important; } a.text-danger:hover, a.text-danger:focus {color: #e02624 !important; } .text-light {color: #f3f5f6 !important; } a.text-light:hover, a.text-light:focus {color: #d6dde0 !important; } .text-dark {color: #424964 !important; } a.text-dark:hover, a.text-dark:focus {color: #2e3345 !important; } /*/=========================================================================/*/ .text-muted, .preview-list .preview-item .preview-item-content p .content-category {color: #020307 !important;} /*/=========================================================================/*/ .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } /*-------------------------------------------------------------------*/ /* === Template mixins === */ /* Animation Mixins */ @keyframes dropdownAnimation { from { opacity: 0; transform: translate3d(0, -30px, 0); } to { opacity: 1; transform: none; transform: translate3d(0, 0px, 0); } } .dropdownAnimation, .nav .nav-item.dropdown .navbar-dropdown, .navbar-nav .nav-item.dropdown .navbar-dropdown { animation-name: dropdownAnimation; -webkit-animation-duration: 0.25s; -moz-animation-duration: 0.25s; -ms-animation-duration: 0.25s; -o-animation-duration: 0.25s; animation-duration: 0.25s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { animation-name: fadeOut; } .infinite-spin { animation-name: spin; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: none; } } .fadeInUp { animation-name: fadeInUp; } /* Miscellaneous Mixins */ .new-accounts ul.chats li.chat-persons a div.user p.u-name, .new-accounts ul.chats li.chat-persons a div.user p.u-designation { text-overflow: ellipsis; overflow: hidden; max-width: 100%; white-space: nowrap; } /*-------------------------------------------------------------------*/ /* === Core Styles === */ /* Reset Styles */ body { padding: 0; margin: 0; overflow-x: hidden; } .form-control, .form-control:focus { -webkit-box-shadow: none; -moz-box-shadow: none; } .form-control { box-shadow: none; } .form-control:focus { outline: 0; box-shadow: none; } a, div, h1, h2, h3, h4, h5, p, span { text-shadow: none; } [type=button]:focus, a:active, a:focus, a:visited, button::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=file] > input[type=button]::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=submit]::-moz-focus-inner, select::-moz-focus-inner { outline: 0; } .form-control:focus, button:focus, input, input:focus, select:focus, textarea:focus { outline: none; outline-width: 0; outline-color: transparent; box-shadow: none; outline-style: none; } textarea { resize: none; overflow-x: hidden; } .btn, .btn-group.open .dropdown-toggle, .btn:active, .btn:focus, .btn:hover, .btn:visited, a, a:active, a:checked, a:focus, a:hover, a:visited, body, button, button:active, button:hover, button:visited, div, input, input:active, input:focus, input:hover, input:visited, select, select:active, select:focus, select:visited, textarea, textarea:active, textarea:focus, textarea:hover, textarea:visited { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus, button, button:active, button:checked, button:focus, button:hover, button:visited { outline: 0; outline-offset: 0; } .bootstrap-select .dropdown-toggle:focus { outline: 0 !important; outline-offset: 0; } .dropdown-menu > li > a:active, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:visited { outline: 0 !important; } a:focus, input:focus { border-color: transparent; outline: none; } /* Fonts */ .text-twitter { color: #1da1f2; } .text-facebook { color: #3b579d; } .text-google { color: #dc4a38; } .text-linkedin { color: #0177b4; } .text-pinterest { color: #cc2127; } .text-youtube { color: #e52d27; } .text-github { color: #333333; } .text-behance { color: #1769ff; } .text-dribbble { color: #ea4c89; } .text-reddit { color: #ff4500; } .bg-twitter { background: #1da1f2; } .bg-facebook { background: #3b579d; } .bg-google { background: #dc4a38; } .bg-linkedin { background: #0177b4; } .bg-pinterest { background: #cc2127; } .bg-youtube { background: #e52d27; } .bg-github { background: #333333; } .bg-behance { background: #1769ff; } .bg-dribbble { background: #ea4c89; } .bg-reddit { background: #ff4500; } /* Sidebar */ .sidebar { background: #ffffff; font-family: "tm", sans-serif; min-height: calc(100vh - 63px); padding: 0; width: 255px; z-index: 11; transition: width 0.25s ease, background 0.25s ease; -webkit-transition: width 0.25s ease, background 0.25s ease; -moz-transition: width 0.25s ease, background 0.25s ease; -ms-transition: width 0.25s ease, background 0.25s ease; } .sidebar .nav { overflow: hidden; flex-wrap: nowrap; flex-direction: column; } .sidebar .nav .nav-item .collapse {z-index: 999; } .sidebar .nav .nav-item .collapse.show, .sidebar .nav .nav-item .collapsing {background: #fafbfc; } .sidebar .nav .nav-item .nav-link { align-items: center; display: flex; padding: 10px 20px; white-space: nowrap; /*height: 52px;*/ color: #020307; } .sidebar .nav .nav-item .nav-link[aria-expanded="true"], .sidebar .nav .nav-item .nav-link[aria-expanded="true"] > i.menu-arrow::before, .sidebar .nav .nav-item .nav-link[aria-expanded="true"] i{color: #17ba60 !important;} .sidebar .nav .nav-item .nav-link i.menu-arrow { margin-left: auto; margin-right: 0; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; } .sidebar .nav .nav-item .nav-link i.menu-arrow:before { content: "\F142"; font-family: "Material Design Icons"; font-size: 18px; line-height: 1; font-style: normal; vertical-align: middle; color:#020307; } .sidebar .nav .nav-item .nav-link[aria-expanded="true"] {background: #fafbfc; } .sidebar .nav .nav-item .nav-link[aria-expanded="true"] i.menu-arrow { -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } .sidebar .nav .nav-item .nav-link .menu-icon { margin-right: 1.25rem; width: 16px; line-height: 1; font-size: 22px; color: #020307; } .rtl .sidebar .nav .nav-item .nav-link .menu-icon { margin-right: 0; margin-left: 1.25rem; } .sidebar .nav .nav-item .nav-link .menu-title { color: inherit; display: inline-block; font-size: 14px; line-height: 1; vertical-align: middle; } .sidebar .nav .nav-item .nav-link .badge {margin-left: auto;} .sidebar .nav .nav-item .nav-link:hover {color: #3d3d3d;} .sidebar .nav .nav-item.active > .nav-link {color: #17ba60;} .sidebar .nav .nav-item.active > .nav-link .menu-title, .sidebar .nav .nav-item.active > .nav-link i {color: inherit;} .sidebar .nav .nav-item.nav-profile .nav-link { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; height: auto; } .sidebar .nav .nav-item.nav-profile .nav-link .user-wrapper { display: -webkit-flex; display: flex; margin-bottom: 30px; } .sidebar .nav .nav-item.nav-profile .nav-link .user-wrapper .profile-image { width: 40px; height: 40px; } .sidebar .nav .nav-item.nav-profile .nav-link .user-wrapper .profile-image img { border-radius: 100%; max-width: 100%; } .sidebar .nav .nav-item.nav-profile .nav-link .user-wrapper .text-wrapper {margin-left: 15px;} .rtl .sidebar .nav .nav-item.nav-profile .nav-link .user-wrapper .text-wrapper { margin-left: 0; margin-right: 15px; } .sidebar .nav .nav-item.nav-profile .nav-link .user-wrapper .text-wrapper .profile-name { font-weight: 500; margin-bottom: 8px; } .sidebar .nav .nav-item.nav-profile .nav-link .user-wrapper .text-wrapper .designation {margin-right: 3px;} /*-----*/ .sidebar .nav:not(.sub-menu) > .nav-item:hover:not(.nav-profile) > .nav-link { background: #fafbfc; color: #17ba60; } .sidebar .nav:not(.sub-menu) > .nav-item:hover:not(.nav-profile) > .nav-link i { color: #17ba60; } .sidebar .nav .nav-item .nav-link:hover > i.menu-arrow::before { color: #17ba60 !important; } /*-----*/ .sidebar .nav.sub-menu { margin-bottom: 0; padding: 0 0 0 3rem; } .sidebar .nav.sub-menu .nav-item .nav-link { color: #4a4a4a; padding: 0.75rem 1rem; font-size: 14px; line-height: 1; height: auto; } .sidebar .nav.sub-menu .nav-item .nav-link.active { color: #17ba60; background: transparent; } .sidebar .nav.sub-menu .nav-item .nav-link.active:before { background: #17ba60; } .sidebar .nav.sub-menu .nav-item:hover > .nav-link { background: initial; color:#17ba60; } .sidebar .nav.sub-menu .nav-item:hover > .nav-link:before {background: #000;} .sidebar-dark .sidebar { background: #161a27; } .sidebar-dark .sidebar .nav .nav-item .collapse.show, .sidebar-dark .sidebar .nav .nav-item .collapsing { background: #1f2537; } .sidebar-dark .sidebar .nav .nav-item .nav-link { color: #a0a0a0; } .sidebar-dark .sidebar .nav .nav-item .nav-link[aria-expanded="true"] { background: #1f2537; } .sidebar-dark .sidebar .nav .nav-item .nav-link i { color: #404852; } .sidebar-dark .sidebar .nav .nav-item .nav-link i.menu-arrow:before { color: rgba(160, 160, 160, 0.5); } .sidebar-dark .sidebar .nav .nav-item .nav-link:hover { color: #939393; } .sidebar-dark .sidebar .nav .nav-item.nav-profile .profile-name .name { color: #404852; } .sidebar-dark .sidebar .nav .nav-item.nav-profile .profile-name .designation { color: #8d9498; } .sidebar-dark .sidebar .nav .nav-item.nav-profile .notification-panel:before { background: #404852; } .sidebar-dark .sidebar .nav .nav-item.nav-profile .notification-panel > span { background: #1f2537; } .sidebar-dark .sidebar .nav .nav-item.nav-profile .notification-panel > span i { color: #8ba2b5; } .sidebar-dark .sidebar .nav .nav-item.active > .nav-link { color: #ffffff; } .sidebar-dark .sidebar .nav .nav-item .sidebar-sticker { background: #1f2537; } .sidebar-dark .sidebar .nav:not(.sub-menu) > .nav-item:hover:not(.nav-profile) > .nav-link { background: #1f2537; color: #a0a0a0; } .sidebar-dark .sidebar .nav.sub-menu .nav-item .nav-link { color: #a0a0a0; } .sidebar-dark .sidebar .nav.sub-menu .nav-item .nav-link.active { color: #ffffff; } .sidebar-dark .sidebar .nav.sub-menu .nav-item .nav-link.active:before { background: #ffffff; } .sidebar-dark .sidebar .nav.sub-menu .nav-item:hover > .nav-link { background: initial; color: #000; } .sidebar-dark .sidebar .nav.sub-menu .nav-item:hover > .nav-link:before { background: #000; } /* style for off-canvas menu*/ @media screen and (max-width: 991px) { .sidebar-offcanvas { position: fixed; max-height: calc(100vh - 63px); top: 63px; bottom: 0; overflow: auto; right: -255px; -webkit-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .sidebar-offcanvas.active { right: 0; } } /* Navbar */ .navbar.default-layout { font-family: "tm", sans-serif; background: linear-gradient(120deg, #17ba60, #062d55); transition: background 0.25s ease; -webkit-transition: background 0.25s ease; -moz-transition: background 0.25s ease; -ms-transition: background 0.25s ease; } .navbar.default-layout .navbar-brand-wrapper { transition: width 0.25s ease, background 0.25s ease; -webkit-transition: width 0.25s ease, background 0.25s ease; -moz-transition: width 0.25s ease, background 0.25s ease; -ms-transition: width 0.25s ease, background 0.25s ease; background: #ffffff; width: 255px; height: 63px; } .sidebar-dark .navbar.default-layout .navbar-brand-wrapper { background: #161a27; } .navbar-brand.brand-logo span[t="1"]{font:normal bold 24px/58px "tm", sans-serif; color: #020307;margin: 0 2px;} .navbar-brand.brand-logo span[t="2"]{font:normal normal 22px/58px "tm", sans-serif; color: #020307;margin: 0 2px;} .navbar-brand.brand-logo-mini span[t="1"]{font:normal bold 24px/58px "tm", sans-serif; color: #020307;} .navbar-brand.brand-logo-mini span[t="2"]{font:normal normal 22px/58px "tm", sans-serif; color: #020307;} .navbar.default-layout .navbar-brand-wrapper .navbar-brand { color: #ffffff; font-size: 1.5rem; line-height: 48px; margin-right: 0; padding: 0.25rem 0; display: -webkit-flex; display: flex; } .navbar.default-layout .navbar-brand-wrapper .navbar-brand:active, .navbar.default-layout .navbar-brand-wrapper .navbar-brand:focus, .navbar.default-layout .navbar-brand-wrapper .navbar-brand:hover { color: #424546; } .navbar.default-layout .navbar-brand-wrapper .navbar-brand img { width: calc(255px - 130px); max-width: 100%; height: 28px; margin: auto; vertical-align: middle; } .navbar.default-layout .navbar-brand-wrapper .brand-logo-mini { display: none; } .navbar.default-layout .navbar-brand-wrapper .brand-logo-mini img { width: calc(70px - 50px); max-width: 100%; height: 28px; margin: auto; } .navbar.default-layout .navbar-menu-wrapper { transition: width 0.25s ease; -webkit-transition: width 0.25s ease; -moz-transition: width 0.25s ease; -ms-transition: width 0.25s ease; color: #ffffff; padding-left: 15px; padding-right: 15px; width: calc(100% - 255px); height: 63px; } @media (max-width: 991px) { .navbar.default-layout .navbar-menu-wrapper { width: auto; } } .navbar.default-layout .navbar-menu-wrapper .navbar-toggler { border: 0; color: inherit; } @media (max-width: 991px) { .navbar.default-layout .navbar-menu-wrapper .navbar-toggler:not(.navbar-toggler-right) { display: none; } } .navbar.default-layout .navbar-menu-wrapper .navbar-text { font-size: 13px; } .navbar.default-layout .navbar-menu-wrapper .navbar-nav { flex-direction: row; align-items: center; } .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item { margin-left: 1rem; margin-right: 1rem; } .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item .nav-link { color: inherit; font-size: 14px; vertical-align: middle; } @media (max-width: 767px) { .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item .nav-link { margin-left: 0.5rem; margin-right: 0.5rem; } } .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item .nav-link i { font-size: 1.25rem; vertical-align: middle; } .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item .nav-link .profile-text { margin-right: 15px; } .rtl .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item .nav-link .profile-text { margin-right: 0; margin-left: 15px; } .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item .nav-link.nav-btn .btn { background: rgba(255, 255, 255, 0.1); padding: 0.75rem 1rem; color: #ffffff; } .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item .nav-link.nav-btn:after { display: none; } .navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item.color-setting i { font-size: 25px; vertical-align: text-top; } @media (min-width: 992px) { .navbar.default-layout .navbar-menu-wrapper .navbar-nav.navbar-nav-right { margin-left: auto; } .rtl .navbar.default-layout .navbar-menu-wrapper .navbar-nav.navbar-nav-right { margin-left: 0; margin-right: auto; } } .navbar.default-layout .navbar-menu-wrapper .navbar-nav.header-links { height: 63px; padding-left: 2%; } .navbar.default-layout .navbar-menu-wrapper .navbar-nav.header-links .nav-item { margin: 0; } .navbar.default-layout .navbar-menu-wrapper .navbar-nav.header-links .nav-item .nav-link { height: 63px; font-size: 14px; padding: 16px 25px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; } .navbar.default-layout .navbar-menu-wrapper .navbar-nav.header-links .nav-item .nav-link i { margin-right: 10px; font-size: 21px; } .rtl .navbar.default-layout .navbar-menu-wrapper .navbar-nav.header-links .nav-item .nav-link i { margin-right: 0; margin-left: 10px; } .navbar.default-layout .navbar-menu-wrapper .navbar-nav.header-links .nav-item.active { background: rgba(255, 255, 255, 0.13); } @media (max-width: 991px) { .navbar.default-layout { flex-direction: row; } .navbar.default-layout .navbar-brand-wrapper { width: 75px; } .navbar.default-layout .navbar-brand-wrapper .brand-logo { display: none; } .navbar.default-layout .navbar-brand-wrapper .brand-logo-mini { display: inline-block; } .navbar-collapse { display: flex; margin-top: 0.5rem; } } /* Typography */ :root, body { font: 400 14px/22px "tm",sans-serif; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: "tm",sans-serif; font-weight: 300; } p { font-size: 13px; } .h1, h1 { font-size: 2.19rem; } .h2, h2 { font-size: 1.88rem; } .h3, h3 { font-size: 1.56rem; } .h4, h4 { font-size: 1.13rem; } .h5, h5 { font-size: 1rem; } .h6, h6 { font-size: 0.9375rem; } p { font-size: 13px; } .display-1 { font-size: 3.75rem; } @media (max-width: 991px) { .display-1 { font-size: 3rem; } } .display-2 { font-size: 3.125rem; } @media (max-width: 991px) { .display-2 { font-size: 2.5rem; } } .display-3 { font-size: 2.5rem; } @media (max-width: 991px) { .display-3 { font-size: 2rem; } } .display-4 { font-size: 1.875rem; } @media (max-width: 991px) { .display-4 { font-size: 1.5rem; } } .display-5 { font-size: 1.25rem; } @media (max-width: 991px) { .display-5 { font-size: 1rem; } } .blockquote { padding: 1.25rem; border: 1px solid rgba(166,172,167,0.6); } address p { margin-bottom: 0; } .blockquote-primary { border-color: #308ee0; } .blockquote-primary .blockquote-footer { color: #308ee0; } .blockquote-secondary { border-color: #e5e5e5; } .blockquote-secondary .blockquote-footer { color: #e5e5e5; } .blockquote-success { border-color: #00ce68; } .blockquote-success .blockquote-footer { color: #00ce68; } .blockquote-info { border-color: #8862e0; } .blockquote-info .blockquote-footer { color: #8862e0; } .blockquote-warning { border-color: #ffaf00; } .blockquote-warning .blockquote-footer { color: #ffaf00; } .blockquote-danger { border-color: #e65251; } .blockquote-danger .blockquote-footer { color: #e65251; } .blockquote-light { border-color: #f3f5f6; } .blockquote-light .blockquote-footer { color: #f3f5f6; } .blockquote-dark { border-color: #424964; } .blockquote-dark .blockquote-footer { color: #424964; } .page-title { color: #020307; margin: 0.38rem 0 0.75rem; } .card-title { font: 700 20px/26px "tm",sans-serif; color: #020307; margin-bottom: 22px; text-transform: capitalize; } .rtl .card-title {text-align: right; } .card-subtitle { font-family: "tm", sans-serif; margin-top: 0.625rem; margin-bottom: 0.625rem; } .card-description { font-family: "tm", sans-serif; font-size: 14px; margin-bottom: 1.5rem; } .rtl .card-description {text-align: right;} .font-weight-normal {font-weight: 400;} .font-weight-medium {font-weight: 500;} .font-weight-semibold {font-weight: 700;} small, .text-small, .new-accounts ul.chats li.chat-persons a div.user p.u-designation, .new-accounts ul.chats li.chat-persons a p.joined-date { font-size: 14px; } .icon-lg {font-size: 2.5rem;} .icon-md {font-size: 1.875rem;} .icon-sp {font-size: 1.5rem; } .icon-sm {font-size: 1rem; } /* Miscellanoeous */ body, html { overflow-x: hidden; padding-right: 0 !important; } ::selection{ /*background:linear-gradient(120deg, #3FC4FF, #17ba60);*/ background-color: #17ba60; color: #fff; } ::-moz-selection{ /*background: linear-gradient(120deg, #3FC4FF, #17ba60);*/ background-color: #17ba60; color: #fff; } ::-webkit-selection{ background-color: #17ba60; color: #fff; } *:-moz-full-screen, *:-webkit-full-screen, *:fullscreen *:-ms-fullscreen { overflow: auto !important; } .page-body-wrapper { min-height: calc(100vh - 63px); display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; padding-left: 0; padding-right: 0; } .page-body-wrapper:not(.auth-page) { padding-top: 63px; } .page-body-wrapper.full-page-wrapper { width: 100%; min-height: 100vh; } .main-panel { transition: width 0.25s ease, margin 0.25s ease; width: calc(100% - 255px); min-height: calc(100vh - 63px); display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; } @media (max-width: 991px) { .main-panel { margin-left: 0; width: 100%; } } /*/==========================================================/*/ .content-wrapper { background: #f2f8f9; /*#f2f8f9*/ padding: 1.5rem 1.7rem; width: 100%; -webkit-flex-grow: 1; flex-grow: 1; } .content-wrapper.special{background: #f2f8f9 !important;} /*/==========================================================/*/ .container-scroller {overflow: hidden; } .scroll-container {position: relative; } .scroll-container.horizontally { overflow-x: hidden; width: 100%; max-width: 100%; } .scroll-container.vertically { overflow-y: hidden; height: 100%; max-height: 100%; } pre { padding: 15px; font-size: 14px; } /* Footer */ .footer { background: #f2f8f9; font-family: "tm", sans-serif; font-size: calc(14px - 0.05rem); border-top: 1px solid rgba(166,172,167,0.6); padding: 20px 1rem; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; transition: all 0.25s ease; } .footer a { color: #17ba60; font-size: inherit; } @media (max-width: 991px){ .footer { margin-left: 0; width: 100%; } } .like-firm{color: #F5A804;} /* Utilities */ /* -------------------BEKLET------------------ .grid-margin, */ .purchace-popup > div { margin-bottom: 25px; } @media (min-width: 576px) { .grid-margin-sm-0 { margin-bottom: 0; } } @media (min-width: 768px) { .grid-margin-md-0 { margin-bottom: 0; } } @media (min-width: 992px) { .grid-margin-lg-0 { margin-bottom: 0; } } @media (min-width: 1200px) { .grid-margin-xl-0 { margin-bottom: 0; } } .img-lg { width: 92px; height: 92px; } .img-md { width: 60px; height: 60px; } .img-sm { width: 43px; height: 43px; } .img-xs, .table td img, .table th img { width: 37px; height: 37px; } .img-ss { width: 26px; height: 26px; } .stretch-card { display: -webkit-flex; display: flex; -webkit-align-items: stretch; align-items: stretch; -webkit-justify-content: stretch; justify-content: stretch; } .stretch-card > .card { width: 100%; min-width: 100%; } @media (min-width: 576px) { .border-right-sm { border-right: 1px solid rgba(166,172,167,0.6); } } @media (min-width: 768px) { .border-right-md { border-right: 1px solid rgba(166,172,167,0.6); } } @media (min-width: 992px) { .border-right-lg { border-right: 1px solid rgba(166,172,167,0.6); } } @media (min-width: 576px) { .border-left-sm { border-left: 1px solid rgba(166,172,167,0.6); } } .border-strong { border-color: #262626; } .count-wrapper { position: relative; } .count-wrapper .count { position: absolute; width: auto; min-width: 8px; min-height: 8px; padding: 2px 4px; font-size: 75%; line-height: 1; vertical-align: middle; border-radius: 100%; color: #ffffff; font-weight: 500; } .count-wrapper .count.top-right { top: -5px; right: 0; } .count-wrapper .count.bottom-right { bottom: -5px; right: 0; } .count-wrapper .count.bottom-left { bottom: -5px; left: 0; } .count-wrapper .count.top-left { top: -5px; left: 0; } @media (min-width: 768px) { .border-left-md { border-left: 1px solid rgba(166,172,167,0.6); } } @media (min-width: 992px) { .border-left-lg { border-left: 1px solid rgba(166,172,167,0.6); } } .text-gray, .card-subtitle, .new-accounts ul.chats li.chat-persons a p.joined-date {color:#5e5e5e;} .text-black {color: #000;} .flex-grow {flex-grow: 1;} .ellipsis { max-width: 95%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .no-wrap {white-space: nowrap;} .status-indicator { border-width: 2px; border-style: solid; border-color: #ffaf00; border-radius: 100%; display: inline-block; height: 8px; width: 8px; } .status-indicator.online {border-color: #00ce68; } .status-indicator.offline {border-color: #308ee0; } .status-indicator.away {border-color: #ffaf00; } .bg-transparent {background: transparent; } .bg-inverse-primary {background: rgba(48, 142, 224, 0.2); } .bg-inverse-secondary { background: rgba(229, 229, 229, 0.2); } .bg-inverse-success { background: rgba(0, 206, 104, 0.2); } .bg-inverse-info { background: rgba(136, 98, 224, 0.2); } .bg-inverse-warning { background: rgba(255, 175, 0, 0.2); } .bg-inverse-danger { background: rgba(230, 82, 81, 0.2); } .bg-inverse-light { background: rgba(243, 245, 246, 0.2); } .bg-inverse-dark { background: rgba(66, 73, 100, 0.2); } /* Demo Styles */ .template-demo > .btn-group .btn {margin: 0 !important;} .template-demo .progress {margin-top: 1.5rem;} .template-demo > h2, .template-demo > h3, .template-demo > h4, .template-demo > h5, .template-demo > h6, .template-demo > h1 { border-top: 1px solid rgba(166,172,167,0.6); padding: 0.5rem 0 0; } .template-demo .ul-slider.noUi-horizontal {margin-top: 2rem;} .template-demo .ul-slider.noUi-vertical {margin-right: 2rem;} .template-demo .dropdown { display: inline-block; margin-bottom: 0.5rem; } .template-demo nav .breadcrumb {margin-bottom: 1.375rem; } .template-demo nav:last-child .breadcrumb {margin-bottom: 0;} .template-demo .editable-form > .form-group { border-bottom: 1px solid rgba(166,172,167,0.6); padding-bottom: 0.8rem; margin-bottom: 0.8rem; } .template-demo .circle-progress {padding: 15px;} .demo-modal { position: static; display: block; } .demo-modal .modal-dialog {margin-top: 0 !important;} .demo-modal .modal-dialog.modal-lg {max-width: 100%;} .loader-demo-box { width: 100%; height: 200px; } .purchace-popup > div > span { background: rgba(213, 213, 213, 0.46); padding: 15px 20px; border-radius: 3px; } .purchace-popup > div > span .btn { margin-right: 20px; font-weight: 500; color: #ffffff; border-radius: 5px; } .purchace-popup > div > span .btn.download-button { background: rgba(228, 228, 228, 0.2); color: #020307; border: 2px solid rgba(166,172,167,1); } .purchace-popup > div > span .btn.purchase-button { background-color: #26b482; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF26b482', endColorstr='#FF4F81D4'); background-image: -owg-linear-gradient(left, #26b482 1%, #4f81d4 100%); background-image: -webkit-linear-gradient(left, #26b482 1%, #4f81d4 100%); background-image: -moz-linear-gradient(left, #26b482 1%, #4f81d4 100%); background-image: -o-linear-gradient(left, #26b482 1%, #4f81d4 100%); background-image: linear-gradient(left, #26b482 1%, #4f81d4 100%); color: #ffffff; border: none; line-height: 1; vertical-align: middle; padding: 0.74rem 1.2rem; } .purchace-popup > div > span p { margin-bottom: auto; margin-top: auto; color: #020307; font-weight: 400; vertical-align: middle; line-height: 1; } .purchace-popup > div > span i { color: #020307; font-size: 18px; vertical-align: middle; line-height: 1; margin: auto 0; cursor: pointer; } .purchace-popup > div > span i:hover{color: #17ba60;} /* Dashboard */ .card-statistics .highlight-icon { height: 53px; width: 53px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; border-radius: 50px; } .card-statistics .highlight-icon i {font-size: 27px;} .card-revenue-table .revenue-item {border-bottom: 1px solid rgba(166,172,167,0.6); } .card-revenue-table .revenue-item:last-child {border-bottom: 0;} .card-revenue-table .revenue-item .revenue-desc { margin-right: auto; width: 80%; } .card-revenue-table .revenue-item .revenue-desc p {margin-bottom: 0;} .card-revenue-table .revenue-item .revenue-amount { margin-left: auto; width: 40%; } .card-revenue-table .revenue-item .revenue-amount p { font: 600 20px/26px "tm",sans-serif; text-align: right; } .rtl .card-revenue-table .revenue-item .revenue-amount p {text-align: left;} .card-revenue { background: linear-gradient(120deg, rgba(0, 228, 208, 0.7), rgba(89, 131, 232, 0.7)); background-size: cover; color: #ffffff; } .card-revenue .highlight-text {font: 400 30px/36px "tm",sans-serif;} .card-revenue .badge { background-color: rgba(255, 255, 255, 0.2); font-size: 1.125rem; padding: 0.5rem 1.25rem; } .card-weather { background: #e1ecff; background-image: linear-gradient(to left bottom, #d6eef6, #dff0fa, #e7f3fc, #eff6fe, #f6f9ff); } .card-weather .card-body {background: #ffffff; } .card-weather .card-body:first-child { background: url("../images/samples/weather.svg") no-repeat center; background-size: cover; } .card-weather .weather-date-location {padding: 0 0 38px; } .card-weather .weather-data {padding: 0 0 4.75rem; } .card-weather .weather-data i { font-size: 5.313rem; line-height: 1; } .card-weather .weakly-weather { background: #ffffff; overflow-x: auto; } .card-weather .weakly-weather .weakly-weather-item { flex: 0 0 14.28%; border-right: 1px solid rgba(166,172,167,0.6); padding: 1rem; text-align: center; } .card-weather .weakly-weather .weakly-weather-item i {font-size: 1.2rem; } .card-weather .weakly-weather .weakly-weather-item:last-child {border-right: 0; } .card-weather .weakly-weather .weakly-weather-item .symbol { color: #c2c2c2; font-size: 1.875rem; font-weight: 300; } .product-chart-wrapper {height: 92%; } #dashboardTrendingProgress {width: 60px; } .dashboard-bar-chart-legend .col { text-align: center; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-flex-direction: column; flex-direction: column; } .dashboard-bar-chart-legend .col .bg { margin-left: auto; margin-right: auto; height: 5px; width: 30px; display: block; margin-top: 5px; } .dashboard-bar-chart-legend .col:nth-child(1) .bg { background: #8862e0; } .dashboard-bar-chart-legend .col:nth-child(2) .bg { background: #308ee0; } .dashboard-bar-chart-legend .col:nth-child(3) .bg {background: #e65251; } /*-------------------------------------------------------------------*/ /* === Components === */ /* Badges */ .badge { font: 600 14px/1 "tm",sans-serif; border-radius: 0.25rem; font-weight: initial; padding: 0.5rem 0.7rem; } .badge a { color: #fff; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .badge a:hover{text-decoration:underline;} .badge:empty { display: inline-block; min-width: 10px; min-height: 10px; padding: 0; margin-right: 10px; border-radius: 100%; } .rtl .badge:empty{ margin-left: 10px; margin-right: 0; } .badge.badge-pill{border-radius: 10rem;} .badge.badge-fw {min-width: 70px;} .badge.badge-lg {padding: 0.4rem 0.5rem;} /*Badge variations*/ .badge-primary { border: 1px solid #308ee0; color: #ffffff; } .badge-secondary { border: 1px solid #e5e5e5; color: #ffffff; } .badge-success, .preview-list .preview-item .preview-thumbnail .badge.badge-online { border: 1px solid #00ce68; color: #ffffff; } .badge-info, .preview-list .preview-item .preview-thumbnail .badge.badge-offline { border: 1px solid #8862e0; color: #ffffff; } .badge-warning, .preview-list .preview-item .preview-thumbnail .badge.badge-busy { border: 1px solid #ffaf00; color: #ffffff; } .badge-danger { border: 1px solid #e65251; color: #ffffff; } .badge-light { border: 1px solid #f3f5f6; color: #ffffff; } .badge-dark { border: 1px solid #424964; color: #ffffff; } /*Badge inverse variations*/ .badge-inverse-primary { background: rgba(48, 142, 224, 0.3); color: #308ee0; } .badge-inverse-secondary { background: rgba(229, 229, 229, 0.3); color: #e5e5e5; } .badge-inverse-success { background: rgba(0, 206, 104, 0.3); color: #00ce68; } .badge-inverse-info { background: rgba(136, 98, 224, 0.3); color: #8862e0; } .badge-inverse-warning { background: rgba(255, 175, 0, 0.3); color: #ffaf00; } .badge-inverse-danger { background: rgba(230, 82, 81, 0.3); color: #e65251; } .badge-inverse-light { background: rgba(243, 245, 246, 0.3); color: #f3f5f6; } .badge-inverse-dark { background: rgba(66, 73, 100, 0.3); color: #424964; } /*Badge outlined variations*/ .badge-outline-primary { color: #308ee0; border: 1px solid #308ee0; } .badge-outline-secondary { color: #e5e5e5; border: 1px solid #e5e5e5; } .badge-outline-success { color: #00ce68; border: 1px solid #00ce68; } .badge-outline-info { color: #8862e0; border: 1px solid #8862e0; } .badge-outline-warning { color: #ffaf00; border: 1px solid #ffaf00; } .badge-outline-danger { color: #e65251; border: 1px solid #e65251; } .badge-outline-light { color: #f3f5f6; border: 1px solid #f3f5f6; } .badge-outline-dark { color: #424964; border: 1px solid #424964; } /* Bootstrap Progress */ .progress { border-radius: 3px; height: 8px; } .progress .progress-bar {border-radius: 3px; } .progress.progress-sm {height: 0.375rem; } .progress.progress-md {height: 8px; } .progress.progress-lg {height: 15px; } .progress.progress-xl {height: 18px; } /* Buttons */ .btn { font: 400 14px/1 "tm",sans-serif; } .btn i { font-size: 16px; margin-right: 0.3125rem; } .btn .btn-label:before { font-size: 1rem; line-height: 5px; vertical-align: middle; } .btn .btn-label.btn-label-left {margin-right: 5px; } .btn .btn-label.btn-label-right {margin-left: 5px; } .btn.btn-rounded {border-radius: 50px;} .btn.btn-icons { width: 40px; height: 40px; padding: 10px; text-align: center; vertical-align: middle; } .btn.btn-icons i { margin: auto; line-height: initial; } .btn.btn-fw {min-width: 120px; } .btn.icon-btn i {margin-right: 0; } .btn.social-btn {padding: 13px; } .btn.social-btn i { margin-right: 0; font-size: 1rem; } .btn.btn-sm, .btn-group-sm > .btn {font-size: 1rem; } .btn.btn-lg, .btn-group-lg > .btn {font-size: 1rem; } .btn.btn-xs { padding: 0.5rem 0.75rem; font-size: 0.625rem; } .btn.btn-danger, .btn.btn-info, .btn.btn-success, .btn.btn-teal, .btn.btn-warning {color: #ffffff;} .btn.btn-outline-light { border-color:rgba(166,172,167,0.6); color:rgba(166,172,167,1); } .btn.btn-outline-secondary {color: rgba(0, 0, 0, 0.5); } .btn.btn-inverse-secondary { background-color: rgba(229, 229, 229, 0.5); color: rgba(0, 0, 0, 0.5); } .btn.btn-inverse-secondary:hover {color: rgba(0, 0, 0, 0.5); } .btn.btn-inverse-light { background-color: #ffffff; color: rgba(0, 0, 0, 0.5); border-color: #d9d9d9; } .btn.btn-inverse-light:hover { color: rgba(0, 0, 0, 0.5); border-color: #d9d9d9; } .btn-group { border: 1px solid rgba(166,172,167,0.6); border-radius: 0.1875rem; } .btn-group a { color: #020307; text-decoration: none; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .btn-group a:hover{color: #17ba60;} .btn-group i.mdi{color: #17ba60 !important;} .btn-group .btn { border-top: none; border-bottom: none; border-left: none; } .btn-group .btn:last-child { border-right: none; } .btn-group .btn.btn-primary { border-color: #2387de; } .btn-group .btn.btn-secondary { border-color: #dddddd; } .btn-group .btn.btn-info { border-color: #7e55dd; } .btn-group .btn.btn-warning { border-color: #f0a500; } .btn-group .btn.btn-success { border-color: #00bf60; } .btn-group .btn.btn-danger { border-color: #e44544; } .btn-group .btn.btn-dark { border-color: #3c425b; } .btn-group .btn.btn-light { border-color: #eaeeef; } /*social buttons*/ .btn-twitter { background: #1da1f2; color: #ffffff; } .btn-twitter:hover { background: #0c85d0; } .btn-twitter.btn-link { background: none; color: #1da1f2; } .btn-twitter.btn-link:hover { color: #0c85d0; } .btn-facebook { background: #3b579d; color: #ffffff; } .btn-facebook:hover { background: #2d4278; } .btn-facebook.btn-link { background: none; color: #3b579d; } .btn-facebook.btn-link:hover { color: #2d4278; } .btn-google { background: #dc4a38; color: #ffffff; } .btn-google:hover { background: #bf3322; } .btn-google.btn-link { background: none; color: #dc4a38; } .btn-google.btn-link:hover { color: #bf3322; } .btn-linkedin { background: #0177b4; color: #ffffff; } .btn-linkedin:hover { background: #015581; } .btn-linkedin.btn-link { background: none; color: #0177b4; } .btn-linkedin.btn-link:hover { color: #015581; } .btn-pinterest { background: #cc2127; color: #ffffff; } .btn-pinterest:hover { background: #a01a1f; } .btn-pinterest.btn-link { background: none; color: #cc2127; } .btn-pinterest.btn-link:hover { color: #a01a1f; } .btn-youtube { background: #e52d27; color: #ffffff; } .btn-youtube:hover { background: #c21d17; } .btn-youtube.btn-link { background: none; color: #e52d27; } .btn-youtube.btn-link:hover { color: #c21d17; } .btn-github { background: #333333; color: #ffffff; } .btn-github:hover { background: #1a1a1a; } .btn-github.btn-link { background: none; color: #333333; } .btn-github.btn-link:hover { color: #1a1a1a; } .btn-behance { background: #1769ff; color: #ffffff; } .btn-behance:hover { background: #0050e3; } .btn-behance.btn-link { background: none; color: #1769ff; } .btn-behance.btn-link:hover { color: #0050e3; } .btn-dribbble { background: #ea4c89; color: #ffffff; } .btn-dribbble:hover { background: #e51e6b; } .btn-dribbble.btn-link { background: none; color: #ea4c89; } .btn-dribbble.btn-link:hover { color: #e51e6b; } .btn-reddit { background: #ff4500; color: #ffffff; } .btn-reddit:hover { background: #cc3700; } .btn-reddit.btn-link { background: none; color: #ff4500; } .btn-reddit.btn-link:hover { color: #cc3700; } /*social buttons*/ .btn-social-outline-twitter { background: transparent; border-color: #1da1f2; color: #1da1f2; } .btn-social-outline-twitter:hover { background: rgba(29, 161, 242, 0.2); } .btn-social-outline-facebook { background: transparent; border-color: #3b579d; color: #3b579d; } .btn-social-outline-facebook:hover { background: rgba(59, 87, 157, 0.2); } .btn-social-outline-google { background: transparent; border-color: #dc4a38; color: #dc4a38; } .btn-social-outline-google:hover { background: rgba(220, 74, 56, 0.2); } .btn-social-outline-linkedin { background: transparent; border-color: #0177b4; color: #0177b4; } .btn-social-outline-linkedin:hover { background: rgba(1, 119, 180, 0.2); } .btn-social-outline-pinterest { background: transparent; border-color: #cc2127; color: #cc2127; } .btn-social-outline-pinterest:hover { background: rgba(204, 33, 39, 0.2); } .btn-social-outline-youtube { background: transparent; border-color: #e52d27; color: #e52d27; } .btn-social-outline-youtube:hover { background: rgba(229, 45, 39, 0.2); } .btn-social-outline-github { background: transparent; border-color: #333333; color: #333333; } .btn-social-outline-github:hover { background: rgba(51, 51, 51, 0.2); } .btn-social-outline-behance { background: transparent; border-color: #1769ff; color: #1769ff; } .btn-social-outline-behance:hover {background: rgba(23, 105, 255, 0.2);} .btn-social-outline-dribbble { background: transparent; border-color: #ea4c89; color: #ea4c89; } .btn-social-outline-dribbble:hover {background: rgba(234, 76, 137, 0.2);} .btn-social-outline-instagram { background: transparent; border-color: #ea4c89; color: #ea4c89; } .btn-social-outline-instagram:hover {background: rgba(234, 76, 137, 0.2);} .btn-social-outline-reddit { background: transparent; border-color: #ff4500; color: #ff4500; } .btn-social-outline-reddit:hover { background: rgba(255, 69, 0, 0.2); } /* inverse buttons */ .btn-inverse-primary { color: #308ee0; background-color: rgba(48, 142, 224, 0.2); background-image: none; border-color: rgba(48, 142, 224, 0); } .btn-inverse-primary:hover { color: #ffffff; background-color: #308ee0; border-color: #308ee0; } .btn-inverse-primary.focus, .btn-inverse-primary:focus { box-shadow: 0 0 0 3px rgba(48, 142, 224, 0.5); } .btn-inverse-primary.disabled, .btn-inverse-primary:disabled { color: #308ee0; background-color: transparent; } .btn-inverse-primary.active, .btn-inverse-primary:active, .show > .btn-inverse-primary.dropdown-toggle { color: #ffffff; background-color: #308ee0; border-color: #308ee0; } .btn-inverse-secondary { color: #e5e5e5; background-color: rgba(229, 229, 229, 0.2); background-image: none; border-color: rgba(229, 229, 229, 0); } .btn-inverse-secondary:hover { color: #ffffff; background-color: #e5e5e5; border-color: #e5e5e5; } .btn-inverse-secondary.focus, .btn-inverse-secondary:focus { box-shadow: 0 0 0 3px rgba(229, 229, 229, 0.5); } .btn-inverse-secondary.disabled, .btn-inverse-secondary:disabled { color: #e5e5e5; background-color: transparent; } .btn-inverse-secondary.active, .btn-inverse-secondary:active, .show > .btn-inverse-secondary.dropdown-toggle { color: #ffffff; background-color: #e5e5e5; border-color: #e5e5e5; } .btn-inverse-success { color: #00ce68; background-color: rgba(0, 206, 104, 0.2); background-image: none; border-color: rgba(0, 206, 104, 0); } .btn-inverse-success:hover { color: #ffffff; background-color: #00ce68; border-color: #00ce68; } .btn-inverse-success.focus, .btn-inverse-success:focus { box-shadow: 0 0 0 3px rgba(0, 206, 104, 0.5); } .btn-inverse-success.disabled, .btn-inverse-success:disabled { color: #00ce68; background-color: transparent; } .btn-inverse-success.active, .btn-inverse-success:active, .show > .btn-inverse-success.dropdown-toggle { color: #ffffff; background-color: #00ce68; border-color: #00ce68; } .btn-inverse-info { color: #8862e0; background-color: rgba(136, 98, 224, 0.2); background-image: none; border-color: rgba(136, 98, 224, 0); } .btn-inverse-info:hover { color: #ffffff; background-color: #8862e0; border-color: #8862e0; } .btn-inverse-info.focus, .btn-inverse-info:focus { box-shadow: 0 0 0 3px rgba(136, 98, 224, 0.5); } .btn-inverse-info.disabled, .btn-inverse-info:disabled { color: #8862e0; background-color: transparent; } .btn-inverse-info.active, .btn-inverse-info:active, .show > .btn-inverse-info.dropdown-toggle { color: #ffffff; background-color: #8862e0; border-color: #8862e0; } .btn-inverse-warning { color: #ffaf00; background-color: rgba(255, 175, 0, 0.2); background-image: none; border-color: rgba(255, 175, 0, 0); } .btn-inverse-warning:hover { color: #ffffff; background-color: #ffaf00; border-color: #ffaf00; } .btn-inverse-warning.focus, .btn-inverse-warning:focus { box-shadow: 0 0 0 3px rgba(255, 175, 0, 0.5); } .btn-inverse-warning.disabled, .btn-inverse-warning:disabled { color: #ffaf00; background-color: transparent; } .btn-inverse-warning.active, .btn-inverse-warning:active, .show > .btn-inverse-warning.dropdown-toggle { color: #ffffff; background-color: #ffaf00; border-color: #ffaf00; } .btn-inverse-danger { color: #e65251; background-color: rgba(230, 82, 81, 0.2); background-image: none; border-color: rgba(230, 82, 81, 0); } .btn-inverse-danger:hover { color: #ffffff; background-color: #e65251; border-color: #e65251; } .btn-inverse-danger.focus, .btn-inverse-danger:focus { box-shadow: 0 0 0 3px rgba(230, 82, 81, 0.5); } .btn-inverse-danger.disabled, .btn-inverse-danger:disabled { color: #e65251; background-color: transparent; } .btn-inverse-danger.active, .btn-inverse-danger:active, .show > .btn-inverse-danger.dropdown-toggle { color: #ffffff; background-color: #e65251; border-color: #e65251; } .btn-inverse-light { color: #f3f5f6; background-color: rgba(243, 245, 246, 0.2); background-image: none; border-color: rgba(243, 245, 246, 0); } .btn-inverse-light:hover { color: #ffffff; background-color: #f3f5f6; border-color: #f3f5f6; } .btn-inverse-light.focus, .btn-inverse-light:focus { box-shadow: 0 0 0 3px rgba(243, 245, 246, 0.5); } .btn-inverse-light.disabled, .btn-inverse-light:disabled { color: #f3f5f6; background-color: transparent; } .btn-inverse-light.active, .btn-inverse-light:active, .show > .btn-inverse-light.dropdown-toggle { color: #ffffff; background-color: #f3f5f6; border-color: #f3f5f6; } .btn-inverse-dark { color: #424964; background-color: rgba(66, 73, 100, 0.2); background-image: none; border-color: rgba(66, 73, 100, 0); } .btn-inverse-dark:hover { color: #ffffff; background-color: #424964; border-color: #424964; } .btn-inverse-dark.focus, .btn-inverse-dark:focus { box-shadow: 0 0 0 3px rgba(66, 73, 100, 0.5); } .btn-inverse-dark.disabled, .btn-inverse-dark:disabled { color: #424964; background-color: transparent; } .btn-inverse-dark.active, .btn-inverse-dark:active, .show > .btn-inverse-dark.dropdown-toggle { color: #ffffff; background-color: #424964; border-color: #424964; } /* Inverse Outlined Buttons */ .btn-inverse-outline-primary { color: #308ee0; background-image: none; background: transparent; border-color: rgba(48, 142, 224, 0.2); } .btn-inverse-outline-primary:hover { color: #308ee0; background-color: rgba(48, 142, 224, 0.2); border-color: rgba(48, 142, 224, 0.2); } .btn-inverse-outline-primary.focus, .btn-inverse-outline-primary:focus { box-shadow: 0 0 0 3px rgba(48, 142, 224, 0.5); } .btn-inverse-outline-primary.disabled, .btn-inverse-outline-primary:disabled { color: #308ee0; background-color: transparent; } .btn-inverse-outline-primary.active, .btn-inverse-outline-primary:active, .show > .btn-inverse-outline-primary.dropdown-toggle { color: #ffffff; border-color: #308ee0; } .btn-inverse-outline-secondary { color: #e5e5e5; background-image: none; background: transparent; border-color: rgba(229, 229, 229, 0.2); } .btn-inverse-outline-secondary:hover { color: #e5e5e5; background-color: rgba(229, 229, 229, 0.2); border-color: rgba(229, 229, 229, 0.2); } .btn-inverse-outline-secondary.focus, .btn-inverse-outline-secondary:focus { box-shadow: 0 0 0 3px rgba(229, 229, 229, 0.5); } .btn-inverse-outline-secondary.disabled, .btn-inverse-outline-secondary:disabled { color: #e5e5e5; background-color: transparent; } .btn-inverse-outline-secondary.active, .btn-inverse-outline-secondary:active, .show > .btn-inverse-outline-secondary.dropdown-toggle { color: #ffffff; border-color: #e5e5e5; } .btn-inverse-outline-success { color: #00ce68; background-image: none; background: transparent; border-color: rgba(0, 206, 104, 0.2); } .btn-inverse-outline-success:hover { color: #00ce68; background-color: rgba(0, 206, 104, 0.2); border-color: rgba(0, 206, 104, 0.2); } .btn-inverse-outline-success.focus, .btn-inverse-outline-success:focus { box-shadow: 0 0 0 3px rgba(0, 206, 104, 0.5); } .btn-inverse-outline-success.disabled, .btn-inverse-outline-success:disabled { color: #00ce68; background-color: transparent; } .btn-inverse-outline-success.active, .btn-inverse-outline-success:active, .show > .btn-inverse-outline-success.dropdown-toggle { color: #ffffff; border-color: #00ce68; } .btn-inverse-outline-info { color: #8862e0; background-image: none; background: transparent; border-color: rgba(136, 98, 224, 0.2); } .btn-inverse-outline-info:hover { color: #8862e0; background-color: rgba(136, 98, 224, 0.2); border-color: rgba(136, 98, 224, 0.2); } .btn-inverse-outline-info.focus, .btn-inverse-outline-info:focus { box-shadow: 0 0 0 3px rgba(136, 98, 224, 0.5); } .btn-inverse-outline-info.disabled, .btn-inverse-outline-info:disabled { color: #8862e0; background-color: transparent; } .btn-inverse-outline-info.active, .btn-inverse-outline-info:active, .show > .btn-inverse-outline-info.dropdown-toggle { color: #ffffff; border-color: #8862e0; } .btn-inverse-outline-warning { color: #ffaf00; background-image: none; background: transparent; border-color: rgba(255, 175, 0, 0.2); } .btn-inverse-outline-warning:hover { color: #ffaf00; background-color: rgba(255, 175, 0, 0.2); border-color: rgba(255, 175, 0, 0.2); } .btn-inverse-outline-warning.focus, .btn-inverse-outline-warning:focus { box-shadow: 0 0 0 3px rgba(255, 175, 0, 0.5); } .btn-inverse-outline-warning.disabled, .btn-inverse-outline-warning:disabled { color: #ffaf00; background-color: transparent; } .btn-inverse-outline-warning.active, .btn-inverse-outline-warning:active, .show > .btn-inverse-outline-warning.dropdown-toggle { color: #ffffff; border-color: #ffaf00; } .btn-inverse-outline-danger { color: #e65251; background-image: none; background: transparent; border-color: rgba(230, 82, 81, 0.2); } .btn-inverse-outline-danger:hover { color: #e65251; background-color: rgba(230, 82, 81, 0.2); border-color: rgba(230, 82, 81, 0.2); } .btn-inverse-outline-danger.focus, .btn-inverse-outline-danger:focus { box-shadow: 0 0 0 3px rgba(230, 82, 81, 0.5); } .btn-inverse-outline-danger.disabled, .btn-inverse-outline-danger:disabled { color: #e65251; background-color: transparent; } .btn-inverse-outline-danger.active, .btn-inverse-outline-danger:active, .show > .btn-inverse-outline-danger.dropdown-toggle { color: #ffffff; border-color: #e65251; } .btn-inverse-outline-light { color: #f3f5f6; background-image: none; background: transparent; border-color: rgba(243, 245, 246, 0.2); } .btn-inverse-outline-light:hover { color: #f3f5f6; background-color: rgba(243, 245, 246, 0.2); border-color: rgba(243, 245, 246, 0.2); } .btn-inverse-outline-light.focus, .btn-inverse-outline-light:focus { box-shadow: 0 0 0 3px rgba(243, 245, 246, 0.5); } .btn-inverse-outline-light.disabled, .btn-inverse-outline-light:disabled { color: #f3f5f6; background-color: transparent; } .btn-inverse-outline-light.active, .btn-inverse-outline-light:active, .show > .btn-inverse-outline-light.dropdown-toggle { color: #ffffff; border-color: #f3f5f6; } .btn-inverse-outline-dark { color: #424964; background-image: none; background: transparent; border-color: rgba(66, 73, 100, 0.2); } .btn-inverse-outline-dark:hover { color: #424964; background-color: rgba(66, 73, 100, 0.2); border-color: rgba(66, 73, 100, 0.2); } .btn-inverse-outline-dark.focus, .btn-inverse-outline-dark:focus { box-shadow: 0 0 0 3px rgba(66, 73, 100, 0.5); } .btn-inverse-outline-dark.disabled, .btn-inverse-outline-dark:disabled { color: #424964; background-color: transparent; } .btn-inverse-outline-dark.active, .btn-inverse-outline-dark:active, .show > .btn-inverse-outline-dark.dropdown-toggle { color: #ffffff; border-color: #424964; } /* Cards */ .card { border: 0; border-radius: 3px; margin-bottom: 20px; box-shadow: 0 0 0 0 rgba(90, 113, 208, 0.11), 0 4px 16px 0 rgba(167, 172, 166, 0.33); } .card .card-body {padding: 1.88rem 1.81rem; } .card .card-body + .card-body {padding-top: 0; } .card.card-outline-success {border: 1px solid #00ce68; } .card.card-outline-primary {border: 1px solid #308ee0; } .card.card-outline-warning {border: 1px solid #ffaf00; } .card.card-outline-danger {border: 1px solid #e65251; } .card.card-rounded {border-radius: 5px; } .card.card-faded { background: #b5b0b2; border-color: #b5b0b2; } .card.card-circle-progress { color: #ffffff; text-align: center; } .card-inverse-primary { background: rgba(48, 142, 224, 0.2); border: 1px solid #2c83ce; color: #246caa; } .card-inverse-secondary { background: rgba(229, 229, 229, 0.2); border: 1px solid lightgray; color: #aeaeae; } .card-inverse-success { background: rgba(0, 206, 104, 0.2); border: 1px solid #00be60; color: #009d4f; } .card-inverse-info { background: rgba(136, 98, 224, 0.2); border: 1px solid #7d5ace; color: #674aaa; } .card-inverse-warning { background: rgba(255, 175, 0, 0.2); border: 1px solid #eba100; color: #c28500; } .card-inverse-danger { background: rgba(230, 82, 81, 0.2); border: 1px solid #d44b4b; color: #af3e3e; } .card-inverse-light { background: rgba(243, 245, 246, 0.2); border: 1px solid #e0e1e2; color: #b9babb; } .card-inverse-dark { background: rgba(66, 73, 100, 0.2); border: 1px solid #3d435c; color: #32374c; } /* Checkboxes and Radios */ .form-check, .form-radio { position: relative; display: block; margin-top: 15px; margin-bottom: 10px; } .form-check .form-check-label, .form-radio .form-check-label { display: block; padding-left: 30px; line-height: 1.5; } .rtl .form-check .form-check-label, .rtl .form-radio .form-check-label { padding-left: 0; padding-right: 30px; } .form-check .form-check-label input, .form-radio .form-check-label input { position: absolute; margin-left: -20px; margin-top: 4px\9; top: 0; left: 0; z-index: 1; cursor: pointer; opacity: 0; filter: alpha(opacity=0); margin-top: 0; } .rtl .form-check .form-check-label input, .rtl .form-radio .form-check-label input { left: auto; right: 0; } .form-check .form-check-label { font-size: 13px; line-height: 1.5; padding-left: 10px; } .form-check .form-check-label input:checked + .input-helper:before {background-color: #ffffff; } .form-check .form-check-label input:checked + .input-helper:after { width: 18px; opacity: 1; line-height:18px; filter: alpha(opacity=100); -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /*++++*/ table.dataTable tbody .form-check .form-check-label input:checked + .input-helper:after{line-height: 0px;} /*++++*/ .form-check .form-check-label input:disabled + .input-helper:before {border-color: rgba(166,172,167,0.6); } .form-check .form-check-label input:disabled:checked + .input-helper:after {color: rgba(166,172,167,0.6); } .form-check .form-check-label .input-helper:before { position: absolute; content: ""; top: 50%; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 18px; height: 18px; border-radius: 3px; left: 0; border: 2px solid rgba(166,172,167,0.8); -webkit-transition: all; -o-transition: all; transition: all; transition-duration: 0s; -webkit-transition-duration: 250ms; transition-duration: 250ms; } .rtl .form-check .form-check-label .input-helper:before { left: auto; right: 0; } .form-check .form-check-label .input-helper:after { -webkit-transition: all; -o-transition: all; transition: all; transition-duration: 0s; -webkit-transition-duration: 250ms; transition-duration: 250ms; font-family: Material Design Icons; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); content: '\F12C'; position: absolute; font-size: 1.1rem; font-weight: bold; left: 0; top: 10%; -moz-transform: translateY(-14%); -o-transform: translateY(-14%); -ms-transform: translateY(-14%); -webkit-transform: translateY(-14%); transform: translateY(-14%); color: #17ba60; } .rtl .form-check .form-check-label .input-helper:after { left: auto; right: 0; } .form-check.form-check-flat label input:checked + .input-helper:before {background-color: #00ce68;border: none; } .form-check.form-check-flat label input:disabled + .input-helper:after {color: #ffffff; } .form-check.form-check-flat label input:disabled + .input-helper:before { border-color: rgba(166,172,167,0.6); } .form-check.form-check-flat label input:disabled:checked + .input-helper:before {background: #f7f7f9; } .form-check.form-check-flat label .input-helper:before {border: 1px solid rgba(166,172,167,0.8); } .form-check.form-check-flat label .input-helper:after {color: #ffffff; } .form-radio label input + .input-helper:before { position: absolute; content: ""; top: 50%; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; border: 2px solid rgba(166,172,167,0.8); width: 20px; height: 20px; border-radius: 50%; -webkit-transition: all; -o-transition: all; transition: all; transition-duration: 0s; -webkit-transition-duration: 250ms; transition-duration: 250ms; } .rtl .form-radio label input + .input-helper:before { left: auto; right: 0; } .form-radio label input + .input-helper:after { content: ""; width: 8px; height: 8px; background: #e65251; border-radius: 50%; top: 30%; -moz-transform: translateY(-30%); -o-transform: translateY(-30%); -ms-transform: translateY(-30%); -webkit-transform: translateY(-30%); transform: translateY(-30%); left: 6px; -webkit-transition: all; -o-transition: all; transition: all; transition-duration: 0s; -webkit-transition-duration: 250ms; transition-duration: 250ms; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); position: absolute; } .rtl .form-radio label input + .input-helper:after { left: auto; right: 6px; } .form-radio label input:checked + .input-helper:before { background-color: #ffffff; border: 2px solid rgba(166,172,167,0.8); top: 30%; -moz-transform: translateY(-30%); -o-transform: translateY(-30%); -ms-transform: translateY(-30%); -webkit-transform: translateY(-30%); transform: translateY(-30%); } .form-radio label input:checked + .input-helper:after { opacity: 1; line-height: 1.5; filter: alpha(opacity=100); -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .form-radio label input:disabled + .input-helper:before {border-color: rgba(166,172,167,0.6); } .form-radio label input:disabled:checked + .input-helper:before { background-color: #ffffff; border-color: rgba(166,172,167,0.6); } .form-radio label input:disabled:checked + .input-helper:after {background-color: rgba(166,172,167,0.6); } .form-radio.form-radio-flat label input:checked + .input-helper:before { background: #00ce68; border-color: #00ce68; top: 50%; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .form-radio.form-radio-flat label input:checked + .input-helper:after { width: 20px; height: 20px; top: 50%; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); left: -2px; color: #ffffff; background: none; content: '\F12C'; font-family: Material Design Icons; text-align: center; font-weight: bold; } .rtl .form-radio.form-radio-flat label input:checked + .input-helper:after { left: auto; right: -2px; } /* Dropdowns */ .dropdown-menu {font-size: 13px;} .dropdown-menu .dropdown-item:active {background: rgba(166,172,167,0.6);} .dropdown-menu .dropdown-item i{margin: 0 4px;} /* Forms */ .input-group-append, .input-group-prepend { background: #ffffff; color: #c9c8c8; width: auto; border: none; } .leftradius{border-radius:3px 0 0 3px;} .rightradius{border-radius:0 3px 3px 0;} .input-group-append .input-group-text, .input-group-prepend .input-group-text { background: transparent; border-color: rgba(166,172,167,0.6); } .form-control { font: 400 14px/14px "tm",sans-serif; border: 1px solid rgba(166,172,167,0.8); padding: 0.75rem 0.75rem; } .form-control.form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-prepend > .form-control.input-group-text, .input-group-lg > .input-group-append > .form-control.input-group-text, .input-group-lg > .input-group-prepend > .form-control.btn, .input-group-lg > .input-group-append > .form-control.btn { padding: 0.5rem 0.75rem; } .form-control.form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-prepend > .form-control.input-group-text, .input-group-sm > .input-group-append > .form-control.input-group-text, .input-group-sm > .input-group-prepend > .form-control.btn, .input-group-sm > .input-group-append > .form-control.btn { padding: 0.25rem 0.75rem; } select.form-control { padding: 0.75rem 0.75rem; } .form-group label { font-size: 14px; font-weight: 700; line-height: 1; vertical-align: top; } .form-group.has-danger .form-control { border-color: #e65251; } .form-group .file-upload-default { visibility: hidden; position: absolute; } .form-group .file-upload-info { background: transparent; } /* Icons */ .icons-list { border-left: 1px solid rgba(166,172,167,0.6); border-bottom: 1px solid rgba(166,172,167,0.6); } .icons-list > div { background: #ffffff; font: 400 14px/22px "tm",sans-serif; border-top: 1px solid rgba(166,172,167,0.6); border-right: 1px solid rgba(166,172,167,0.6); display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; padding: 15px; } .icons-list > div i { display: inline-block; font-size: 20px; width: 40px; text-align: left; color: #308ee0; } /* Lists */ dl, ol, ul { padding-left: 1rem; font-size: 14px; } dl li, ol li, ul li {line-height: 1.8;} .list-arrow, .list-star, .list-ticked { list-style: none; padding: 0; } .list-arrow li, .list-star li, .list-ticked li { padding-left: 1.5rem; } .list-arrow li:before, .list-star li:before, .list-ticked li:before { font-family: "Material Design Icons"; margin-left: -1.5rem; width: 1.5rem; margin-right: 0.5rem; } .list-ticked li:before { content: '\F12D'; color: #e65251; } .list-arrow li:before { content: '\F142'; color: #00ce68; } .list-star li:before { content: '\F4CE'; color: #ffaf00; } .bullet-line-list { padding-left: 30px; margin-bottom: 0; position: relative; list-style-type: none; } /*--------*/ .db-backup{ font-family: "tm",sans-serif; color: #020307 !important; font-size: 14px !important; /*margin: 1rem 0 !important;*/ padding-bottom: 1rem; } [bkp="1"]{ font-size: 14px; font-weight: 700; margin: 0; } [bkp="2"]{ color: #505050; font-weight: normal; } [bkp="3"], [bkp="4"]{ font-size: 14px; color: #383838; margin:0; display: block; } /*--------*/ .rtl .bullet-line-list { padding-right: 0px; } .bullet-line-list li { position: relative; line-height: 1; padding-bottom: 30px; } .bullet-line-list li:before { width: 12px; height: 12px; left: -28px; top: 13px; border: 3px solid; margin-right: 15px; z-index: 2; background: #ffffff; } .bullet-line-list li:before { content: ""; position: absolute; border-radius: 100%; border-color: #308ee0; } .bullet-line-list li:after { content: ""; border: 1px solid rgba(166,172,167,0.6); position: absolute; bottom: 0; left: -23px; height: 100%; } .bullet-line-list li:first-child:after { content: ""; height: 80%; } .bullet-line-list li:last-child { padding-bottom: 0; } .bullet-line-list li:last-child:after { content: ""; top: 0; height: 30%; } .nav .nav-item, .navbar-nav .nav-item {line-height: 1;} .nav .nav-item.dropdown .dropdown-toggle:after, .navbar-nav .nav-item.dropdown .dropdown-toggle:after { border: none; content: "\F140"; font: normal normal normal 28px/1 "Material Design Icons"; font-size: inherit; text-rendering: auto; line-height: inherit; vertical-align: 0; } .nav .nav-item.dropdown .count-indicator, .navbar-nav .nav-item.dropdown .count-indicator { position: relative; text-align: center; } .nav .nav-item.dropdown .count-indicator i, .navbar-nav .nav-item.dropdown .count-indicator i { font-size: 21px; margin-right: 0; vertical-align: middle; } .nav .nav-item.dropdown .count-indicator .count, .navbar-nav .nav-item.dropdown .count-indicator .count { position: absolute; left: 50%; width: 1.5rem; height: 1.5rem; border-radius: 100%; background: #FF0017; color: #ffffff; font-size: 11px; top: -8px; font-weight: 600; line-height: 1.5rem; border: none; text-align: center; } .nav .nav-item.dropdown .count-indicator:after, .navbar-nav .nav-item.dropdown .count-indicator:after {display: none;} .nav .nav-item.dropdown i, .navbar-nav .nav-item.dropdown i { margin-right: 0.5rem; vertical-align: middle; } .rtl .nav .nav-item.dropdown i, .rtl .navbar-nav .nav-item.dropdown i { margin-left: 0.5rem; margin-right: 0; } .nav .nav-item.dropdown .navbar-dropdown, .navbar-nav .nav-item.dropdown .navbar-dropdown { font-size: 0.9rem; margin-top: 0; position: absolute; top: calc(63px - 6px); right: 0; left: auto; border: 1px solid rgba(182, 182, 182, 0.1); padding: 0 0 10px; min-width: 100%; border-radius: 6px; -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.13); -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.13); box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.13); overflow: hidden; } .rtl .nav .nav-item.dropdown .navbar-dropdown, .rtl .navbar-nav .nav-item.dropdown .navbar-dropdown { right: auto; left: 0; } @media (max-width: 991px) { .nav .nav-item.dropdown .navbar-dropdown, .navbar-nav .nav-item.dropdown .navbar-dropdown {right: -85px;} } .nav .nav-item.dropdown .navbar-dropdown.dropdown-left, .navbar-nav .nav-item.dropdown .navbar-dropdown.dropdown-left { left: 0; right: auto; } .nav .nav-item.dropdown .navbar-dropdown .badge, .navbar-nav .nav-item.dropdown .navbar-dropdown .badge {margin-left: 2.5rem;} .rtl .nav .nav-item.dropdown .navbar-dropdown .badge, .rtl .navbar-nav .nav-item.dropdown .navbar-dropdown .badge { margin-left: 0; margin-right: 1.25rem; } @media (max-width: 991px){ .nav .nav-item.dropdown .navbar-dropdown .badge, .navbar-nav .nav-item.dropdown .navbar-dropdown .badge {margin-right: 0.5rem;} .rtl .nav .nav-item.dropdown .navbar-dropdown .badge, .rtl .navbar-nav .nav-item.dropdown .navbar-dropdown .badge { margin-left: 0.5rem; margin-right: 0; } } .nav .nav-item.dropdown .navbar-dropdown .dropdown-item, .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item { margin-bottom: 0; padding: 10px 12px; border-bottom: 1px solid rgba(166,172,167,0.6); } .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item:last-child{ margin-bottom: 0; padding: 10px 12px; border-bottom: none; } .nav .nav-item.dropdown .navbar-dropdown .dropdown-item i, .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item i {font-size: 18px; } .nav .nav-item.dropdown .navbar-dropdown .dropdown-item .ellipsis, .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .ellipsis { max-width: 200px; overflow: hidden; text-overflow: ellipsis; } .nav .nav-item.dropdown .navbar-dropdown .dropdown-item .preview-icon, .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .preview-icon { width: 40px; height: 40px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } .nav .nav-item.dropdown .navbar-dropdown .dropdown-item .small-text, .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .small-text {font-size: 0.75rem;} .nav .nav-item.dropdown .navbar-dropdown .dropdown-divider, .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-divider {margin: 0;} /* New Account */ .new-accounts { overflow: hidden; position: relative; } .new-accounts ul.chats { height: 100%; padding: 0; margin-bottom: 0; overflow-x: hidden; } .new-accounts ul.chats li.chat-persons { padding: 15px 0; display: block; border-bottom: 1px solid rgba(166,172,167,0.6); } .new-accounts ul.chats li.chat-persons:last-child { border-bottom: none; } .new-accounts ul.chats li.chat-persons .btn.btn-xs { padding: 0.2rem 0.75rem; } .new-accounts ul.chats li.chat-persons a { text-decoration: none; } .new-accounts ul.chats li.chat-persons a span.pro-pic { display: inline-block; padding: 0; width: 20%; max-width: 40px; } .new-accounts ul.chats li.chat-persons a span.pro-pic img { max-width: 100%; width: 100%; border-radius: 100%; } .new-accounts ul.chats li.chat-persons a div.user { width: 60%; padding: 5px 10px 0 15px; } .new-accounts ul.chats li.chat-persons a div.user p.u-name { margin: 0; color: #000; } .new-accounts ul.chats li.chat-persons a div.user p.u-designation { margin: 0; color: #000; } .new-accounts ul.chats li.chat-persons a p.joined-date { text-align: right; margin-left: auto; margin-bottom: 0; } .rtl .new-accounts ul.chats li.chat-persons a p.joined-date { margin-left: 0; margin-right: auto; } /* Preview */ .preview-list .preview-item { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-align-items: flex-start; align-items: flex-start; padding: 0.75rem 1.5rem; font-size: 0.875rem; } .preview-list .preview-item:last-child {border-bottom: 0; } .preview-list .preview-item:hover{background:rgba(166,172,167,0.2);} .preview-list .preview-item .form-check { margin-top: 8px; margin-right: 1rem; } .preview-list .preview-item .preview-thumbnail { color: #ffffff; position: relative; } .preview-list .preview-item .preview-thumbnail .preview-icon, .preview-list .preview-item .preview-thumbnail img { width: 36px; height: 36px; border-radius: 100%; } .preview-list .preview-item .preview-thumbnail .preview-icon { padding: 6px; text-align: center; } .preview-list .preview-item .preview-thumbnail .preview-icon i {font-size: 1.125rem;} .preview-list .preview-item .preview-thumbnail .badge { border: 2px solid #ffffff; border-radius: 100%; bottom: 5px; display: block; height: 14px; left: -5px; padding: 0; position: absolute; width: 14px; } .preview-list .preview-item .preview-item-content { line-height: 1; padding-left: 15px; } .rtl .preview-list .preview-item .preview-item-content { padding-left: 0; padding-right: 15px; } .preview-list .preview-item .preview-item-content:first-child {padding-left: 0; } .rtl .preview-list .preview-item .preview-item-content:first-child {padding-right: 0; } .preview-list .preview-item .preview-item-content p {margin-bottom: 10px; } .preview-list .preview-item .preview-item-content p .content-category { font-family: "tm", sans-serif; padding-right: 15px; border-right: 1px solid rgba(166,172,167,0.6); } .preview-list .preview-item .preview-actions { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; } .preview-list .preview-item .preview-actions i { width: 29px; color: #f7f7f9; height: 29px; border: 2px solid #f7f7f9; border-radius: 100%; padding: 3px 6px; display: inline-block; } .preview-list .preview-item .preview-actions i:first-child {margin-right: 10px;} .preview-list.comment-preview .preview-item {padding: 0.87rem 0; } .preview-list.comment-preview .preview-item:first-child {padding-top: 0; } .preview-list.comment-preview .preview-item p {line-height: 27px; } .preview-list.bordered .preview-item {border-bottom: 1px solid rgba(166,172,167,0.6); } .preview-list.bordered .preview-item:last-child {border-bottom: 0; } /* Tables */ .table {margin-bottom: 0;} .table thead th { font-family: "tm", sans-serif; font-size: 16px; font-weight: 700; border-top: 0; border-bottom-width: 1px; } .table thead th i {margin-left: 0.325rem; } .table td, .table th { vertical-align: middle; font-size: 14px; line-height: 1.5; white-space: nowrap; } .table td img, .table th img {border-radius: 100%; } .table td .badge, .table th .badge {margin-bottom: 0; } .table td .form-check, .table td .form-radio, .table th .form-check, .table th .form-radio { margin-top: 0; margin-bottom: -0px; } .table.table-borderless {border: none; } .table.table-borderless td, .table.table-borderless th, .table.table-borderless tr {border: none; } .table.table-bordered thead { border: 1px solid rgba(166,172,167,0.6); border-bottom: none; } .table.table-bordered thead tr th { border-left: none; border-right: none; } /*-------------------------------------------------------------------*/ /* === Landing screens === */ /* Auth */ .auth.auth-bg-1 { } .auth.register-bg-1 { } /*/=========================================================================/*/ .login-fullwrapper{ width: 100%; min-height: 100%; } .login-pagetitle{ background:linear-gradient(120deg, #17ba60, #062d55); padding:0px; width:50%; /*height: 100%;*/ min-height:100%; float:left; } .login-pagetitle a { color: #17ba60; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; } .login-pagetitle a:hover { color:rgba(23,186,96, 0.8); /*font-weight: bold;*/ } @media screen and (min-width:100px) and (max-width:500px){ .login-pagetitle{ width:100%; min-height:0 !important; /*min-height:35%;*/ } .inside-bg .info-valign{ position: static!important; transform:none !important; -moz-transform:none !important; padding: 25px 0; /*left: 15% !important; right: 0 !important; -moz-transform:translate(-9%,15%) !important; transform: translate(-9%,15%) !important;*/ } .login-pageform{ width:100% !important; min-height:100% !important; padding:25px 0 0 25px !important; } .content-wrapper{ padding:0;} } @media screen and (min-width:500px) and (max-width:799px){ .login-pagetitle{ width:100%; min-height:0 !important; /*min-height:35%;*/ } .inside-bg .info-valign{ position: static!important; transform:none !important; -moz-transform:none !important; padding: 25px 0; } .login-pageform{ width:100% !important; min-height:100% !important; padding:25px 0 0 25px !important; } .content-wrapper{ padding:0;} } .inside-bg{ /*max-width: 550px;*/ position: relative; } .inside-bg .info-valign{ position: absolute; top: 50%; left: 50%; -moz-transform:translate(-50%,50%); transform: translate(-50%,50%); } .inside-bg h2{ font:normal bold 24px/30px "tm", sans-serif; color: rgba(255,255,255, 1); text-align: center; text-shadow: 0 -1px 0 rgba(0,0,0,.3); margin: 0; padding: 2px; } .inside-bg h3{ font:normal normal 20px/26px "tm", sans-serif; color: rgba(255,255,255,1); text-align: center; margin: 5px 0 15px; padding: 2px; } .inside-bg ul{list-style: none; margin: 30px 0; padding: 0;} .inside-bg ul li { font:normal normal 14px/22px "tm", sans-serif; color: #fff; /*rgba(0,123,255, 1);*/ text-align:center; margin: 0; box-shadow: 0 0 1px transparent; transform: translateZ(0px); transition-duration: 0.3s; transition-property: transform; transition-timing-function: ease-out; } .inside-bg ul li:hover { transform: translateX(8px); } .inside-bg ul li a {color: rgba(255,255,255,1); /*rgba(0,123,255, 1);*/} .inside-bg ul li a:hover, ul li:hover > i { color: rgba(255,255,255, .8); /*#0056b3*/ text-decoration: none; } .inside-bg ul li i { font-size: 18px; color: rgba(255,255,255,1); /*rgba(0,123,255, 1);*/ line-height: 24px; margin-right: 10px; } .inside-bg h4{ font:normal normal 14px/22px "tm", sans-serif; color: rgba(255, 255, 255,1); text-align: center; margin: 25px 0 0; padding: 2px; } .login-pageform{ background-color:#f2f8f9; padding:25px 0 0 25px; width:50%; /*height: 100%;*/ min-height:100%; float:left; } .login-pageform h2 { font:normal normal 24px/28px "tm", sans-serif; color: #020307; margin: 0 0 20px; } /*/=========================================================================/*/ .auth.theme-one .auto-form-wrapper { background: #ffffff; padding: 40px 40px 10px; border-radius: 4px; box-shadow: 0 -25px 37.7px 11.3px rgba(8, 143, 220, 0.07); } .auth.theme-one .auto-form-wrapper .form-group .input-group { height: 44px; } .auth.theme-one .auto-form-wrapper .form-group .input-group .form-control { border: 1px solid rgba(166,172,167,0.8); border-right: none; border-radius: 6px 0 0 6px; } .auth.theme-one .auto-form-wrapper .form-group .input-group .form-control:focus { color: #17ba60; border-right: none; border-color: #17ba60; } .form-control:focus + .input-group-append .input-group-text{border-color: #17ba60 !important;} .form-control:focus + .input-group-append .input-group-text i.mdi{color: #17ba60;} .auth.theme-one .auto-form-wrapper .form-group .input-group .input-group-append { border-left: none; } .auth.theme-one .auto-form-wrapper .form-group .input-group .input-group-append .input-group-text { border-radius: 0 6px 6px 0; border-left: none; border-color: rgba(166,172,167,0.8); color:rgba(2,3,7,.6); } .auth.theme-one .auto-form-wrapper .form-group .submit-btn { font: 600 14px/22px "tm",sans-serif; padding: 12px 8px; } .auth.theme-one .auto-form-wrapper .g-login { border: 1px solid rgba(166,172,167,0.6); padding: 13px; font-size: 14px; font-weight: 600; background: transparent; } .auth.theme-one .auto-form-wrapper .g-login i.mdi{font-size: 18px;} /*/============================================================/*/ .auth.theme-one .auth-footer { list-style-type: none; padding-left: 0; margin-top: 20px; margin-bottom: 10px; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; } .auth.theme-one .auth-footer li { margin-right: 10px; line-height: 1; padding-right: 10px; border-right: 1px solid rgba(101,170,201,1); } .auth.theme-one .auth-footer li:last-child { margin-right: 0; border-right: none; } .auth.theme-one .auth-footer li a { font-size: 12px; color: rgb(101, 170, 201); } @media (max-width: 767.98px) { .auth.theme-one .auth-footer { -webkit-justify-content: center; justify-content: center; } } /*/============================================================/*/ .auth.theme-one .footer-text { color: rgb(2,3,7); margin: 25px 0; } .auth.theme-one .footer-text a{ color:#17ba60; text-decoration:none; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } .auth.theme-one .footer-text a:hover{text-decoration: underline;} /*/============================================================/*/ .my-3 a.forgot-password{ color:#17ba60; text-decoration:none; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } .my-3 a.forgot-password:hover{text-decoration: underline;} /*/============================================================/*/ .auth.theme-two .auto-form-wrapper { position: relative; height: 100vh; min-height: 100vh; max-height: 100vh; padding: 110px 5% 5%; border-radius: 4px; } @media (max-width: 767.98px) { .auth.theme-two .auto-form-wrapper { padding: 11% 15px; text-align: center; height: 100%; max-height: 100%; } } .auth.theme-two .auto-form-wrapper .nav-get-started { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: flex-end; justify-content: flex-end; position: absolute; top: 30px; right: 30px; } @media (max-width: 767.98px) { .auth.theme-two .auto-form-wrapper .nav-get-started { margin-bottom: 5%; margin-right: auto; margin-left: auto; position: relative; top: unset; right: unset; -webkit-justify-content: center; justify-content: center; } } .auth.theme-two .auto-form-wrapper .nav-get-started p { margin-bottom: 0; font-weight: 300; } .auth.theme-two .auto-form-wrapper .nav-get-started .get-started-btn { border: 1px solid rgba(166,172,167,0.6); padding: 10px 20px; font-size: 14px; font-weight: 600; color: #000; margin-left: 20px; border-radius: 50px; } .auth.theme-two .auto-form-wrapper form { width: 50%; min-width: 300px; max-width: 480px; } .auth.theme-two .auto-form-wrapper form .form-group { width: 100%; margin-bottom: 25px; } @media (max-width: 767.98px) { .auth.theme-two .auto-form-wrapper form .form-group { margin-right: auto; margin-left: auto; } } .auth.theme-two .auto-form-wrapper form .form-group .input-group { height: 44px; } .auth.theme-two .auto-form-wrapper form .form-group .input-group .form-control { border: 1px solid #e5e5e5; border-left: none; border-radius: 0 6px 6px 0; } .auth.theme-two .auto-form-wrapper form .form-group .input-group .form-control:focus { border-left: none; border-color: #e5e5e5; } .auth.theme-two .auto-form-wrapper form .form-group .input-group .input-group-prepend .input-group-text { border-radius: 6px 0 0 6px; border-color: #e5e5e5; border-right: none; color: #dfdfdf; } .auth.theme-two .auto-form-wrapper form .form-group .submit-btn { font: 600 14px/22px "tm",sans-serif; padding: 11px 33px; background-image: linear-gradient(120deg, #3FC4FF, #17ba60); } .auth.theme-two .auto-form-wrapper .footer-text { font-size: 13px; margin-bottom: 0; } .auth.theme-two .auto-form-wrapper .auth-footer { list-style-type: none; display: -webkit-flex; display: flex; margin-top: 7px; padding-left: 0; margin-bottom: 0; } .auth.theme-two .auto-form-wrapper .auth-footer li { margin-right: 10px; line-height: 1; padding-right: 10px; border-right: 1px solid #c2c2c2; } .auth.theme-two .auto-form-wrapper .auth-footer li:last-child { margin-right: 0; border-right: none; } .auth.theme-two .auto-form-wrapper .auth-footer li a { font-size: 13px; color: #c2c2c2; } @media (max-width: 767.98px) { .auth.theme-two .auto-form-wrapper .auth-footer { -webkit-justify-content: center; justify-content: center; } } .auth.theme-two .banner-section { padding-right: 0; } .auth.theme-two .banner-section .slide-content { width: 100%; } .auth.theme-two .banner-section .slide-content.bg-1 { background: url("../images/auth/login_2.jpg") no-repeat center center; background-size: cover; } .auth.theme-two .banner-section .slide-content.bg-2 { background: url("../images/auth/register_2.jpg") no-repeat center center; background-size: cover; } /* Error */ .error-page h1 { font-size: 9.375rem; line-height: 1; } @media (max-width: 991px) { .error-page h1 { font-size: 8rem; } } .error-page h2 { font-size: 4.375rem; line-height: 1; } @media (min-width: 992px) { .error-page .error-page-divider { border-left: 3px solid rgba(255, 255, 255, 0.2); } } .profile-icon { font: 700 18px/24px "tm",sans-serif; color: #fff; width: 40px; height: 40px; padding: 6px; text-align: center; border-radius: 100%; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } /*---------*/ .tox-tinymce{ border: 1px solid rgba(166,172,167,0.8) !important; border-radius: 3px !important; } /* ----------------------------------------------- C. MESSAGES --------------------------------------------------- */ .messages-info{ font-family: "tm",sans-serif; text-align: left; padding: 20px; margin: 20px 0; border: 1px solid rgba(166,172,167,.6); border-left-width: 5px; border-radius: 3px; } .messages-info h4, .messages-info em, .messages-info span {font-style: normal;display: block;margin: 0px 0 10px 0;padding: 0;} .messages-info h4 { font-weight: 700; font-size: 20px; line-height: 28px; } .messages-info em { font-weight: 700; font-size: 14px; line-height:22px; } .messages-info span { font-weight: 400; font-size:14px; line-height:22px; } /*.messages-info > h4{ }*/ .messages-info > p:last-child { margin-bottom: 0; } .messages-info > code { border-radius: 3px; } .messages-info+.messages-info { margin-top: -5px; } .messages-info-default { border-left-color: #020307; } .messages-info-default > h4 { color: #020307; } .messages-info-default > em { color: #494A4C; } .messages-info-default > span { color: #020307; } .messages-info-primary { border-left-color: #428bca; } .messages-info-primary > h4 { color: #428bca; } .messages-info-primary > em { color: #494A4C; } .messages-info-primary > span { color: #020307; } .messages-info-success { border-left-color: #17ba60; } .messages-info-success > h4 { color: #17ba60; } .messages-info-success > em { color: #494A4C; } .messages-info-success > span { color: #020307; } .messages-info-danger { border-left-color: #F20C0C; } .messages-info-danger > h4 { color: #F20C0C; } .messages-info-danger > em { color: #494A4C; } .messages-info-danger > span { color: #020307; } .messages-info-warning { border-left-color: #F78F20; } .messages-info-warning > h4 { color: #F78F20; } .messages-info-warning > em { color: #494A4C; } .messages-info-warning > span { color: #020307; } .messages-info-info { border-left-color: #5bc0de; } .messages-info-info > h4 { color: #5bc0de; } .messages-info-info > em { color: #494A4C; } .messages-info-info > span { color: #020307; } /* ----------------------------------------------- C. MESSAGES --------------------------------------------------- */ /* ----------------------------------------------- D. LOGIN CARD ------------------------------------------------- */ div#profile-wrapper { background-color: #fff;; /*max-width: 300px;*/ box-shadow: -5px 2px 18px 4px #ccc; } div#profile-wrapper:hover { -webkit-animation-name: cezeri; animation-name: cezeri; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .profile-photo { background: #17ba60; /*width: 300px;*/ height: 100px; border-top-left-radius: 2px; border-top-right-radius: 2px; } .profile-photo + .photo { background: #fff; /*width: 300px;*/ height: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .profile-photo + .photo img { position: relative; top: -50px; max-width: 100%; max-height: 100%; border-radius: 50%; box-shadow: -1px 1px 11px 6px rgba(189, 172, 172, 0.33); } .profile-content { background: #fff; /*width: 300px; height: 100px;*/ text-align: center; position: relative; top: -25px; padding: 3px 10px; } .profile-content h2 { font: 700 18px/24px "tm",sans-serif; color: #020307; transition: all 0.5s ease 0s; margin: 0; padding-bottom: 15px; } .profile-content h3 { font: 300 18px/26px "tm",sans-serif; color: #020307; margin: 0; padding-bottom: 10px; } .profile-content h4 { font: 400 14px/20px "tm",sans-serif; color: #020307; margin: 0px; padding-bottom: 25px; transition: all 0.5s ease 0s; } .profile-content p {margin: 0;} .profile-contact { background: #062d55; /*width: 300px;*/ height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .profile-contact ul{margin: 0;} .profile-contact .btn.social-btn {margin:0 2px;padding: 10px;} .profile-contact ul a .fa { font-size: 22px; padding: 10px; text-decoration: none; color: #17ba60; } .profile-contact ul a .fa:hover {color: #062d55;} @-webkit-keyframes cezeri { 0% { -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); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes cezeri { 0% { -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); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } /* ----------------------------------------------- D. LOGIN CARD ------------------------------------------------- */ /* ----------------------------------------------- E. OPEN & CLOSE ----------------------------------------------- */ .expand{max-height:850px; overflow:hidden; position:relative; margin:0 0 50px;} .expand.expanded{ max-height:none;} .full-expand{ position:absolute; right:0; bottom:0;} /* ----------------------------------------------- E. OPEN & CLOSE ----------------------------------------------- */ /* ----------------------------------------------- F. IMAGE CROP ------------------------------------------------- */ div#image-crop-overlay { background-color : #ffffff; overflow : hidden; } div#image-crop-outline { background : #ffffff/* url('outline.gif')*/; overflow : hidden; } div#image-crop-size-hint-background {background-color : #020307;} span#image-crop-size-hint-foreground { color : #ffffff; font-family : "tm", sans-serif; font-size : 12px; text-shadow : 0 -1px 0 #020307; } div#image-crop-preview-holder { -moz-box-shadow : 0 0 5px #020307; -webkit-box-shadow : 0 0 5px #020307; border : 3px #17ba60 solid; box-shadow : 0 0 5px #020307; } img#image-crop-preview {border : none;} div.image-crop-resize-handler { background-color : #020307; border : 1px #ffffff solid; height : 7px; overflow : hidden; width : 7px; } /*-----*/ .camera .content{ display: block; width: 100%; height: 100%; } .holder{ display: inline-block; line-height: 0; margin: 0 auto; padding: 0px; border: 10px #fff solid; border-radius: 15px; box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.1); position: relative; } .holder #video{ background-color: #666; border-radius: 3px; float: left; } .holder #canvas{ border-radius: 3px; display: none; position: absolute; top: 0px; left: 0px; } .buttons{margin-top: 20px;} .camera button{ width: 140px; height: 45px; font-size: 11px; text-transform: uppercase; letter-spacing: 2.5px; font-weight: 500; color: #000; background-color: #fff; border: none; border-radius: 45px; box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1); transition: all 0.3s ease 0s; cursor: pointer; outline: none; margin: 0 10px; } .camera button:not([disabled]):hover{ background-color: #49BEFF; box-shadow: 0px 15px 20px rgba(73,190,255,0.5); color: #fff; transform: translateY(-5px); } .camera button:disabled{color: #999;} #savedImages{ /*background-color: #17ba60;*/ text-align: left; border-radius:15px; border:10px #fff solid; display: inline-block; margin-top: 30px; padding: 0px; max-width: 1020px; box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.1); } #savedImages h1, #savedImages h2, #savedImages h3{ color:#17ba60; padding: 15px 5px; } #savedImages img {margin: 0px;border-radius: 3px;} #outputImage{ /*background-color: #17ba60;*/ text-align: left; border-radius:15px; border:10px #fff solid; display: inline-block; margin-top: 30px; padding: 0px; max-width: 1020px; box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.1); } #outputImage img { max-width: 100%; margin: 0px;border-radius: 3px;} #outputImage > img + h3{ color:#17ba60; padding: 15px 5px; } #outputImage i.fa{font-size: 24px;} /* ----------------------------------------------- F. IMAGE CROP ------------------------------------------------- */ /* ----------------------------------------------- G. TOOLTIPS --------------------------------------------------- */ .special-frm .tooltip { background: rgba(0,0,0,0.9); font-size: 11px; line-height: 16px; font-weight: 400; color: #fff; border-radius: 3px; position: absolute; left: -9999px; z-index: 1; padding: 2px 8px 3px; opacity: 0; transition: margin 0.3s, opacity 0.3s; -o-transition: margin 0.3s, opacity 0.3s; -ms-transition: margin 0.3s, opacity 0.3s; -moz-transition: margin 0.3s, opacity 0.3s; -webkit-transition: margin 0.3s, opacity 0.3s; } .special-frm .tooltip:after { content: ''; position: absolute; } .special-frm .form-group input:focus + .tooltip, .special-frm .textarea textarea:focus + .tooltip { opacity: 1; } .special-frm .tooltip-top-right { bottom: 100%; margin-bottom: 15px; } .special-frm .tooltip-top-right:after { top: 100%; right: 16px; border-top: 4px solid rgba(0,0,0,0.9); border-right: 4px solid transparent; border-left: 4px solid transparent; } .special-frm .form-group input:focus + .tooltip-top-right, .special-frm .textarea textarea:focus + .tooltip-top-right { right: 0; left: auto; margin-bottom: 5px; } .special-frm .tooltip-top-left { bottom: 100%; margin-bottom: 15px; } .special-frm .tooltip-top-left:after { top: 100%; left: 16px; border-top: 4px solid rgba(0,0,0,0.9); border-right: 4px solid transparent; border-left: 4px solid transparent; } .special-frm .form-group input:focus + .tooltip-top-left, .special-frm .textarea textarea:focus + .tooltip-top-left { right: auto; left: 0; margin-bottom: 5px; } .special-frm .tooltip-right { top: 9px; white-space: nowrap; margin-left: 15px; } .special-frm .tooltip-right:after { top: 6px; right: 100%; border-top: 4px solid transparent; border-right: 4px solid rgba(0,0,0,0.9); border-bottom: 4px solid transparent; } .special-frm .form-group input:focus + .tooltip-right, .special-frm .textarea textarea:focus + .tooltip-right { left: 100%; margin-left: 5px; } .special-frm .tooltip-left { top: 9px; white-space: nowrap; margin-right: 15px; } .special-frm .tooltip-left:after { top: 6px; left: 100%; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid rgba(0,0,0,0.9); } .special-frm .form-group input:focus + .tooltip-left, .special-frm .textarea textarea:focus + .tooltip-left { right: 100%; left: auto; margin-right: 5px; } .special-frm .tooltip-bottom-right { top: 100%; margin-top: 15px; } .special-frm .tooltip-bottom-right:after { bottom: 100%; right: 16px; border-right: 4px solid transparent; border-bottom: 4px solid rgba(0,0,0,0.9); border-left: 4px solid transparent; } .special-frm .form-group input:focus + .tooltip-bottom-right, .special-frm .textarea textarea:focus + .tooltip-bottom-right { right: 0; left: auto; margin-top: 5px; } .special-frm .tooltip-bottom-left { top: 100%; margin-top: 15px; } .special-frm .tooltip-bottom-left:after { bottom: 100%; left: 16px; border-right: 4px solid transparent; border-bottom: 4px solid rgba(0,0,0,0.9); border-left: 4px solid transparent; } .special-frm .form-group input:focus + .tooltip-bottom-left, .special-frm .textarea textarea:focus + .tooltip-bottom-left { right: auto; left: 0; margin-top: 5px; } /* ----------------------------------------------- G. TOOLTIPS --------------------------------------------------- */ /* ----------------------------------------------- H. DATATABLES ------------------------------------------------- */ /* ----------------------------------------------- H. DATATABLES ------------------------------------------------- */ /* ----------------------------------------------- I. EMAIL TEMPLATE --------------------------------------------- */ .email-wrapper .mail-sidebar { background: #fff; border-right: 1px solid #dee2e6; padding: 35px 20px; } .email-wrapper .mail-sidebar .menu-bar { width: 100%; float: right; height: 100%; min-height: 100%; } @media (max-width: 576px) { .email-wrapper .mail-sidebar .menu-bar { min-height: 100vh; max-height: 100%; height: auto; overflow-y: auto; overflow-x: hidden; } } .email-wrapper .mail-sidebar .menu-bar .menu-items { font-family: "tm", sans-serif; padding: 0; margin-bottom: 0; height: auto; list-style-type: none; } .email-wrapper .mail-sidebar .menu-bar .menu-items li { padding: 10px 15px; -webkit-transition: 0.4s; transition: 0.4s; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .email-wrapper .mail-sidebar .menu-bar .menu-items li:hover {background: rgba(240, 244, 249, 0.8); } .email-wrapper .mail-sidebar .menu-bar .menu-items li a { color: #212529; font-size: 1rem; text-decoration: none; } .email-wrapper .mail-sidebar .menu-bar .menu-items li a i { margin-right: 8px; line-height: 1.5; } .email-wrapper .mail-sidebar .menu-bar .menu-items li.active { background: rgba(33, 150, 243, 0.3); border-radius: 4px; } .email-wrapper .mail-sidebar .menu-bar .menu-items li.active a {color: #2196f3; } .email-wrapper .mail-sidebar .menu-bar .menu-items li.compose:hover {background: transparent; } .email-wrapper .mail-sidebar .menu-bar .online-status {margin-top: 2.5rem; } .email-wrapper .mail-sidebar .menu-bar .online-status .chat { font-family: "tm", sans-serif; font-size: 1rem; color: #020307; font-weight: 700; margin-bottom: 0; } .email-wrapper .mail-sidebar .menu-bar .online-status .status { height: 10px; width: 10px; border-radius: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-transform: translateX(-43px) translateY(2px); transform: translateX(-43px) translateY(2px); } .email-wrapper .mail-sidebar .menu-bar .online-status .status:after { font-size: 12px; color: #6c757d; line-height: 18px; margin: -5px 0 0 18px; } .email-wrapper .mail-sidebar .menu-bar .online-status .status.offline {background: #ff6258; } .email-wrapper .mail-sidebar .menu-bar .online-status .status.offline:after {content: "Çevrimdışı"; } .email-wrapper .mail-sidebar .menu-bar .online-status .status.online {background: #19d895; } .email-wrapper .mail-sidebar .menu-bar .online-status .status.online:after {content: "Çevrimiçi"; } .email-wrapper .mail-sidebar .menu-bar .profile-list {padding: 10px 0; } .email-wrapper .mail-sidebar .menu-bar .profile-list-item { border-bottom: 1px solid #dee2e6; padding: 6px 0; display: block; } .profile-list-item img { width: 32px; min-width: 32px; height: 32px; } .email-wrapper .mail-sidebar .menu-bar .profile-list-item:last-child {border-bottom: 0; } .email-wrapper .mail-sidebar .menu-bar .profile-list-item a {text-decoration: none; } .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .pro-pic { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; width: 20%; max-width: 40px; } .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .pro-pic img { border-radius: 100%; max-width: 100%; width: 100%; } .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user { width: 100%; padding: 5px 10px 0 10px; } .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user .u-name { font-family: "tm", sans-serif; font-size: 1rem; line-height: 1; color: #212529; font-weight: 500; margin: 0; } .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user .u-designation { font-size: calc(0.875rem - 0.1rem); color: #212529; margin-bottom: 0; } /* Mail List Container */ .email-wrapper .mail-list-container { background: #fff; height: 100%; padding-left: 0; padding-right: 0; } .email-wrapper .mail-list-container a { color: #020307; text-decoration: none; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } .email-wrapper .mail-list-container a:hover .sender-name, .email-wrapper .mail-list-container a:hover .message_text{ color: #17ba60; } .email-wrapper .mail-list-container .mail-list { border-bottom: 1px solid #dee2e6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 10px 15px; width: 100%; } .email-wrapper .mail-list-container .mail-list:hover{background-color: #f7f7f7;} .email-wrapper .mail-list-container .mail-list:last-child {border-bottom: none; } .email-wrapper .mail-list-container .mail-list .form-check { margin-top: 12px; width: 40px; } .email-wrapper .mail-list-container .mail-list .content { width: 85%; padding-left: 0; padding-right: 0; } @media (max-width: 450px) { .email-wrapper .mail-list-container .mail-list .content {width: 85%; } } @media (max-width:768px){ .email-wrapper .mail-list-container .mail-list .details span{display: none;} .email-wrapper .mail-list-container .mail-list .details i.mdi.mdi-clock{display: block !important;} } .email-wrapper .mail-list-container .mail-list .content .sender-name { font-family: "tm", sans-serif; font-weight: 500; font-size: 1rem; max-width: 95%; margin-bottom: 0; } .email-wrapper .mail-list-container .mail-list .content .message_text { margin: 0; max-width: 93%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .email-wrapper .mail-list-container .mail-list .details {width: 10%; } .email-wrapper .mail-list-container .mail-list .details span{ font-size: 13px; line-height: 40px; margin: 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .email-wrapper .mail-list-container .mail-list .details i.mdi.mdi-clock{ display: none; margin-right: 5px; color: #969292; } .email-wrapper .mail-list-container .mail-list .details i.mdi{font-size: 1.5rem;} .email-wrapper .mail-list-container .mail-list .details .date { text-align: right; margin: auto 15px auto 0; white-space: nowrap; } .email-wrapper .mail-list-container .mail-list .details i { margin: auto 0; color: #ddd; } .email-wrapper .mail-list-container .mail-list .details i.favorite {color: #17ba60; } .email-wrapper .mail-list-container .mail-list.new_mail {background: rgba(33, 150, 243, 0.3); } .email-wrapper .mail-list-container .mail-list.new_mail .details .date {color: #212529; } /* Message Content */ .email-wrapper .message-body .sender-details { padding: 20px 15px 0; border-bottom: 1px solid #dee2e6; display: -webkit-box; display: -ms-flexbox; display: flex; } .email-wrapper .message-body .sender-details .details {padding-bottom:0;margin: 0 10px;} .email-wrapper .message-body .sender-details .details .msg-subject { font-family: "tm", sans-serif; line-height: 18px; margin-bottom: 0; } .email-wrapper .message-body .sender-details .details .sender-email { font-family: "tm", sans-serif; margin-bottom: 20px; } .email-wrapper .message-body .sender-details .details .sender-email i { font-family: "tm", sans-serif; font-size: 1.3rem; margin: 0 1px 0 7px; } .email-wrapper .message-body .message-content { font-family: "tm",sans-serif; color: #020307; padding: 50px 15px; } .email-wrapper .message-body .message-content h4{ font-size: 18px; font-weight: 700; margin: 0 0 10px 0; } .email-wrapper .message-body .message-content p{ font-size: 14px; font-weight: 400; margin: 0 0 5px 0; } .email-wrapper .message-body .attachments-sections ul { list-style: none; border-top: 1px solid #dee2e6; padding: 30px 15px 20px; } .email-wrapper .message-body .attachments-sections ul li { padding: 10px; margin-right: 20px; border: 1px solid #dee2e6; border-radius: 5px; } .email-wrapper .message-body .attachments-sections ul li .thumb { display: inline-block; margin-right: 10px; } .email-wrapper .message-body .attachments-sections ul li .thumb i { font-size: 30px; color: #212529; margin: 0; } .email-wrapper .message-body .attachments-sections ul li .details p.file-name { color: #212529; display: block; margin-bottom: 0; } .email-wrapper .message-body .attachments-sections ul li .details .buttons .file-size { font-size: 0.875rem; margin-right: 10px; margin-bottom: 0; } .email-wrapper .message-body .attachments-sections ul li .details .buttons a { font-size: 0.875rem; margin-right: 10px; } .email-wrapper .message-body .attachments-sections ul li .details .buttons a:last-child {margin-right: 0; } .email-wrapper { display: grid; grid-template-columns: 280px auto; /*margin-top: 30px;*/ } .email-wrapper .mail-view { display: none; background: #fff; } .email-wrapper .mail-view .mail-header-toolbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 10px; } .email-wrapper .email-view-wrapper { background: #fff; grid-column-start: 2; grid-column-end: 3; padding-top: 20px; } @media (max-width: 960px) { .email-wrapper {grid-template-columns: 200px auto; } } @media (max-width: 768px) { .email-wrapper {display: block; } .mail-sidebar { position: fixed; top: 63px; left:-250px; bottom: 0px; z-index: 99; width: 250px; transition: 0.5s all ease-in-out; } .mail-sidebar.menu-open { left: 0px; transition: 0.5s all ease-in-out; } } .rounded-circle[class*='img'], .settings-panel .color-tiles .tiles[class*='img'] { position: relative; overflow: hidden; } .flex-row, .email-wrapper .message-body .attachments-sections ul li { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column, .new-accounts ul.chats li.chat-persons a div.user, .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } /* ----------------------------------------------- I. EMAIL TEMPLATE --------------------------------------------- */ /* ----------------------------------------------- J. MULTIPLE IMAGE & OPTION SELECT ----------------------------- */ #select1, #select1_ajax { width: 250px; padding: 7px 10px; } #select2, #select2_ajax, #select3_ajax, #select5, #select5_ajax, #select6 { width: 350px; height: 36px; } #f_dosya,#f_dosyaone{width: 100%; height: 36px;display: block;} #select4, #select4_ajax { width: 350px; height: 50px; } .option_one, .option_two, .option_three, .option_four, .option_five, .option_six, .option_seven, .option_eight, .option_nine, .option_ten, .option_eleven, .option_twelve, .option_thirteen, .option_fourteen { } .group_one, .group_two, .group_three { } #selectator_mask { background-color: transparent; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; right: 0; position: fixed; z-index: 100; } #selectator_mask.selectator_mask_dimmed {background-color: rgba(0,0,0,0.3);} /* spinner keyframes */ /* main element */ .selectator_element { background-color: #fff; border: 1px solid rgba(167,172,166,.6); box-sizing: border-box; display: inline-block; text-decoration: none; vertical-align: middle; border-radius: 3px; width: 100% !important; } .selectator_element * { box-sizing: border-box; text-decoration: none; } .selectator_element img {display: block;} .selectator_element.multiple { padding-right: 20px !important; padding-bottom: 5px !important; } .selectator_element.single { height: 43px; padding: 11px 10px !important; } .selectator_element.focused { box-shadow: 0 0 1px #17ba60; z-index: 101; } .selectator_element:after { position: absolute; cursor: pointer; content: '\25BC'; font-size: 70%; transform: scaleY(0.75); right: 4px; color: rgba(0,0,0,0.75); top: 50%; line-height: 0; } .selectator_element.loading:before { border: 3px solid rgba(0,0,0,0.1); border-top: 3px solid rgba(0,0,0,0.5); border-radius: 50%; width: 14px; line-height: 0; height: 14px; margin-top: -10px; animation: selectator_spinner 500ms linear infinite; content: ''; position: absolute; right: 20px; top: 50%; } /* selected items */ .selectator_selected_items .selectator_placeholder { font-size: 80%; color: rgba(0,0,0,0.5); } .single .selectator_selected_items {display: block;} .multiple .selectator_selected_items {display: inline;} .selectator_selected_items .selectator_selected_item { color: rgba(0,0,0,0.75); position: relative; vertical-align: top; } .single .selectator_selected_items .selectator_selected_item { background-color: transparent; display: block; margin: 0; padding: 0; font-size: inherit; text-decoration: none; } .multiple .selectator_selected_items .selectator_selected_item { background-color: #fafafa; display: inline-block; margin: 5px 0 0 5px; padding: 3px 20px 2px 5px; /*font-size: 80%;*/ border-radius: 3px; border: 1px solid rgba(167,172,166,.6); } .selectator_selected_items .selectator_selected_item .selectator_selected_item_left {float: left;} .single .selectator_selected_items .selectator_selected_item .selectator_selected_item_left { float: left; width: 30px; margin-top: -2px; } .single .selectator_selected_items .selectator_selected_item .selectator_selected_item_left img { height: 22px; border-radius: 3px; } .multiple .selectator_selected_items .selectator_selected_item .selectator_selected_item_left { float: left; width: 28px; margin-top: -1px; margin-left: -2px; } .multiple .selectator_selected_items .selectator_selected_item .selectator_selected_item_left img { width: 25px; height: 25px; border-radius: 3px; } .single .selectator_selected_items .selectator_selected_item .selectator_selected_item_title { height: auto; line-height: 1.3; } .multiple .selectator_selected_items .selectator_selected_item .selectator_selected_item_title { float: left; padding-top: 1px; padding-bottom: 1px; } .selectator_selected_items .selectator_selected_item .selectator_selected_item_subtitle {display: none;} .single .selectator_selected_items .selectator_selected_item .selectator_selected_item_right { float: right; background-color: #17ba60; color: #fff; font-weight: bold; font-size: 80%; text-align: center; line-height: 16px; border-radius: 12px; padding: 2px 12px; margin-right: 40px; } .multiple .selectator_selected_items .selectator_selected_item .selectator_selected_item_right {display: none;} .single .selectator_selected_items .selectator_selected_item .selectator_selected_item_remove { display: block; position: absolute; right: 16px; cursor: pointer; font-size: 75%; font-weight: bold; color: rgba(0,0,0,0.75); padding: 2px; line-height: 0; top: 50%; transform: scaleX(1.2); } .multiple .selectator_selected_items .selectator_selected_item .selectator_selected_item_remove { display: inline-block; font-weight: bold; color: rgba(0,0,0,0.75); margin: 0 0 0 5px; cursor: pointer; font-size: 75%; line-height: 19px; vertical-align: top; border-radius: 0 3px 3px 0; position: absolute; right: 0; top: 0; bottom: 0; padding: 7px 7px 4px 5px; } .multiple .selectator_selected_items .selectator_selected_item .selectator_selected_item_remove:hover {background-color: rgba(0,0,0,0.2);} /* input field */ .selectator_input, .selectator_textlength { border: 0; display: inline-block; margin: 0; background-color: transparent; font-size: 13px; outline: none; } .multiple .selectator_input, .multiple .selectator_textlength { padding: 3px 0 0 0; margin: 7px 0 2px 5px; } .single .selectator_input { border: 1px solid #7f9db9; position: absolute; bottom: -40px; left: -1px; z-index: 101; padding: 10px 25px; width: 100%; width: calc(100% + 2px); border-bottom: 0; background-color: #f6f6f6; color: #020307; font-size: inherit; box-shadow: 0 8px 24px rgba(0,0,0,0.1); } .single.options-hidden .selectator_input { opacity: 0; position: absolute; left: -10000px; } .single.options-visible .selectator_input {opacity: 1;} .disable_search .selectator_input { opacity: 0; padding: 0 1px 1px 0 !important; } /* options */ .selectator_options { background-color: #fff; border: 1px solid #7f9db9; border-radius: 0 0 3px 3px; max-height: 250px; margin: 0; padding: 0; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 101; overflow-y: scroll; list-style: none; position: absolute; right: -1px; left: -1px; box-shadow: 0 8px 24px rgba(0,0,0,0.1); } .disable_search .selectator_options {border-top: 1px solid #7f9db9;} .single.disable_search .selectator_options {padding-top: 0;} .options-hidden .selectator_options {display: none;} .selectator_options .selectator_group { padding: 5px; font-weight: bold; } .selectator_options .selectator_option { color: #020307; min-height: 36px; padding: 5px; cursor: pointer; } .selectator_options .selectator_option.selectator_group_option {padding-left: 20px;} .selectator_options .selectator_option:before, .selectator_options .selectator_option:after { content: ""; display: table; } .selectator_options .selectator_option:after {clear: both;} .selectator_options .selectator_option .selectator_option_left {float: left;} .selectator_options .selectator_option .selectator_option_left img { width: 30px; height: 30px; border-radius:3px; } .selectator_options .selectator_option .selectator_option_title {margin-left: 40px;} .selectator_options .selectator_option .selectator_option_subtitle { font-size: 70%; color: rgba(0,0,0,0.5); margin-top: -4px; margin-bottom: -1px; margin-left: 40px; } .selectator_options .selectator_option .selectator_option_right { background-color: #17ba60; color: #fff; font-weight: bold; font-size: 80%; text-align: center; line-height: 16px; border-radius: 12px; float: right; padding: 2px 12px; margin-top: 4px; } .selectator_options .selectator_option.active { background-color: #17ba60; color: #fff; } .selectator_options .selectator_option.active .selectator_option_subtitle {color: rgba(255,255,255,0.6);} @-moz-keyframes selectator_spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes selectator_spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-o-keyframes selectator_spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes selectator_spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* ----------------------------------------------- J. MULTIPLE IMAGE & OPTION SELECT ----------------------------- */ /* ----------------------------------------------- K. EMAIL FORMAT ----------------------------------------------- */ div.ei, input.ei { min-height: 44px; max-height: 56px; border: solid 1px rgba(167,172,166,.6); background-color: #fff; padding: 5px; cursor: text; overflow: auto; } .ei_box { font:400 14px/22px "tm",sans-serif; color: #020307; border-radius: 3px; display: block; margin:0 2px; padding: 5px; width: auto; float: left; } span.ei_valid { border: 1px solid #17ba60; background-color:rgba(23,186,96, 0.4); cursor: pointer; } span.ei_invalid { border: 1px solid #f2826b; background-color:rgba(242,130,107,0.4); cursor: pointer; } /*------- div için placeholder vb. style*/ [contentEditable=true]:empty:not(:focus):before{ content:attr(data-text); line-height: 31px; color: rgba(87,90,97,.8); } /* ----------------------------------------------- K. EMAIL FORMAT ----------------------------------------------- */ /* ----------------------------------------------- L. TEXT TAG PLUGIN -------------------------------------------- */ :root{--tagify-dd-color-primary:rgb(53,149,246);--tagify-dd-bg-color:white}.tagify{--tags-border-color:rgba(167,172,166,0.6);--tags-hover-border-color:rgba(23,186,96,1);--tags-focus-border-color:#17ba60;--tag-bg:#17ba60;--tag-hover:rgba(23,186,96,0.8);--tag-text-color:black;--tag-text-color--edit:black;--tag-pad:0.3em 0.5em;--tag-inset-shadow-size:1.1em;--tag-invalid-color:#D39494;--tag-invalid-bg:rgba(211, 148, 148, 0.5);--tag-remove-bg:rgba(23,186,96,1);--tag-remove-btn-color:black;--tag-remove-btn-bg:none;--tag-remove-btn-bg--hover:#062d55;--input-color:inherit;--tag--min-width:1ch;--tag--max-width:auto;--tag-hide-transition:0.3s;--placeholder-color:rgba(0, 0, 0, 0.4);--placeholder-color-focus:rgba(0, 0, 0, 0.25);--loader-size:.8em;display:flex;align-items:flex-start;flex-wrap:wrap;border:1px solid #ddd;border:1px solid var(--tags-border-color);padding:0;line-height:1.4;cursor:text;outline:0;position:relative;box-sizing:border-box;transition:.1s}@keyframes tags--bump{30%{transform:scale(1.2)}}@keyframes rotateLoader{to{transform:rotate(1turn)}}.tagify:hover{border-color:#ccc;border-color:var(--tags-hover-border-color)}.tagify.tagify--focus{transition:0s;border-color:#3595f6;border-color:var(--tags-focus-border-color)}.tagify[readonly]:not(.tagify--mix){cursor:default}.tagify[readonly]:not(.tagify--mix)>.tagify__input{visibility:hidden;width:0;margin:5px 0}.tagify[readonly]:not(.tagify--mix) .tagify__tag>div{padding:.3em .5em;padding:var(--tag-pad)}.tagify[readonly]:not(.tagify--mix) .tagify__tag>div::before{background:linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px;box-shadow:none;filter:brightness(.95)}.tagify[readonly] .tagify__tag__removeBtn{display:none}.tagify--loading .tagify__input::before{content:none}.tagify--loading .tagify__input::after{content:'';vertical-align:middle;opacity:1;width:.7em;height:.7em;width:var(--loader-size);height:var(--loader-size);border:3px solid;border-color:#eee #bbb #888 transparent;border-radius:50%;animation:rotateLoader .4s infinite linear;margin:-2px 0 -2px .5em}.tagify--loading .tagify__input:empty::after{margin-left:0}.tagify+input,.tagify+textarea{display:none!important}.tagify__tag{display:inline-flex;align-items:center;margin:5px 0 5px 5px;position:relative;z-index:1;outline:0;cursor:default;transition:.13s ease-out}.tagify__tag>div{vertical-align:top;box-sizing:border-box;max-width:100%;padding:.3em .5em;padding:var(--tag-pad,.3em .5em);color:#000;color:var(--tag-text-color,#000);line-height:inherit;border-radius:3px;white-space:nowrap;transition:.13s ease-out}.tagify__tag>div>*{white-space:pre-wrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:top;min-width:1ch;max-width:auto;min-width:var(--tag--min-width,1ch);max-width:var(--tag--max-width,auto);transition:.8s ease,.1s color}.tagify__tag>div>[contenteditable]{outline:0;-webkit-user-select:text;user-select:text;cursor:text;margin:-2px;padding:2px;max-width:350px}.tagify__tag>div::before{content:'';position:absolute;border-radius:inherit;left:0;top:0;right:0;bottom:0;z-index:-1;pointer-events:none;transition:120ms ease;animation:tags--bump .3s ease-out 1;box-shadow:0 0 0 1.1em #e5e5e5 inset;box-shadow:0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-bg,#e5e5e5) inset}.tagify__tag:hover:not([readonly]) div::before{top:-2px;right:-2px;bottom:-2px;left:-2px;box-shadow:0 0 0 1.1em #d3e2e2 inset;box-shadow:0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-hover,#d3e2e2) inset}.tagify__tag--loading{pointer-events:none}.tagify__tag--loading .tagify__tag__removeBtn{display:none}.tagify__tag--loading::after{--loader-size:.4em;content:'';vertical-align:middle;opacity:1;width:.7em;height:.7em;width:var(--loader-size);height:var(--loader-size);border:3px solid;border-color:#eee #bbb #888 transparent;border-radius:50%;animation:rotateLoader .4s infinite linear;margin:0 .5em 0 -.1em}.tagify__tag--flash div::before{animation:none}.tagify__tag--hide{width:0!important;padding-left:0;padding-right:0;margin-left:0;margin-right:0;opacity:0;transform:scale(0);transition:.3s;transition:var(--tag-hide-transition,.3s);pointer-events:none}.tagify__tag--hide>div>*{white-space:nowrap}.tagify__tag.tagify--noAnim>div::before{animation:none}.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div>span{opacity:.5}.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before{box-shadow:0 0 0 1.1em rgba(211,148,148,.5) inset!important;box-shadow:0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-invalid-bg,rgba(211,148,148,.5)) inset!important;transition:.2s}.tagify__tag[readonly] .tagify__tag__removeBtn{display:none}.tagify__tag[readonly]>div::before{background:linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px;box-shadow:none;filter:brightness(.95)}.tagify__tag--editable>div{color:#000;color:var(--tag-text-color--edit,#000)}.tagify__tag--editable>div::before{box-shadow:0 0 0 2px #d3e2e2 inset!important;box-shadow:0 0 0 2px var(--tag-hover,#d3e2e2) inset!important}.tagify__tag--editable>.tagify__tag__removeBtn{pointer-events:none}.tagify__tag--editable>.tagify__tag__removeBtn::after{opacity:0;transform:translateX(100%) translateX(5px)}.tagify__tag--editable.tagify--invalid>div::before{box-shadow:0 0 0 2px #d39494 inset!important;box-shadow:0 0 0 2px var(--tag-invalid-color,#d39494) inset!important}.tagify__tag__removeBtn{order:5;display:inline-flex;align-items:center;justify-content:center;border-radius:50px;cursor:pointer;font:14px/1 Arial;background:0 0;background:var(--tag-remove-btn-bg,none);color:#000;color:var(--tag-remove-btn-color,#000);width:14px;height:14px;margin-right:4.66667px;margin-left:-4.66667px;overflow:hidden;transition:.2s ease-out}.tagify__tag__removeBtn::after{content:"\00D7";transition:.3s,color 0s}.tagify__tag__removeBtn:hover{color:#fff;background:#c77777;background:var(--tag-remove-btn-bg--hover,#c77777)}.tagify__tag__removeBtn:hover+div>span{opacity:.5}.tagify__tag__removeBtn:hover+div::before{box-shadow:0 0 0 1.1em rgba(211,148,148,.3) inset!important;box-shadow:0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-remove-bg,rgba(211,148,148,.3)) inset!important;transition:box-shadow .2s}.tagify:not(.tagify--mix) .tagify__input br{display:none}.tagify:not(.tagify--mix) .tagify__input *{display:inline;white-space:nowrap}.tagify__input{flex-grow:1;display:inline-block;min-width:110px;margin:5px;padding:.3em .5em;padding:var(--tag-pad,.3em .5em);line-height:inherit;position:relative;white-space:pre-wrap;color:inherit;color:var(--input-color,inherit);box-sizing:inherit}.tagify__input:empty::before{transition:.2s ease-out;opacity:1;transform:none;display:inline-block;width:auto}.tagify--mix .tagify__input:empty::before{display:inline-block}.tagify__input:focus{outline:0}.tagify__input:focus::before{transition:.2s ease-out;opacity:0;transform:translatex(6px)}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.tagify__input:focus::before{display:none}}@supports (-ms-ime-align:auto){.tagify__input:focus::before{display:none}}.tagify__input:focus:empty::before{transition:.2s ease-out;opacity:1;transform:none;color:rgba(0,0,0,.25);color:var(--placeholder-color-focus)}@-moz-document url-prefix(){.tagify__input:focus:empty::after{display:none}}.tagify__input::before{content:attr(data-placeholder);height:1.4em;line-height:1.4em;margin:auto 0;z-index:1;color:rgba(0,0,0,.4);color:var(--placeholder-color);white-space:nowrap;pointer-events:none;opacity:0;position:absolute}.tagify--mix .tagify__input::before{display:none;position:static;line-height:inherit}.tagify__input::after{content:attr(data-suggest);display:inline-block;white-space:pre;color:#000;opacity:.3;pointer-events:none;max-width:100px}.tagify__input .tagify__tag{margin:0}.tagify__input .tagify__tag>div{padding-top:0;padding-bottom:0}.tagify--mix{display:block}.tagify--mix .tagify__input{padding:5px;margin:0;width:100%;height:100%;line-height:1.5}.tagify--mix .tagify__input::before{height:auto}.tagify--mix .tagify__input::after{content:none}.tagify--select::after{content:'>';opacity:.5;position:absolute;top:50%;right:0;bottom:0;font:16px monospace;line-height:8px;height:8px;pointer-events:none;transform:translate(-150%,-50%) scaleX(1.2) rotate(90deg);transition:.2s ease-in-out}.tagify--select[aria-expanded=true]::after{transform:translate(-150%,-50%) rotate(270deg) scaleY(1.2)}.tagify--select .tagify__tag{position:absolute;top:0;right:1.8em;bottom:0}.tagify--select .tagify__tag div{display:none}.tagify--select .tagify__input{width:100%}.tagify--invalid{--tags-border-color:#D39494}.tagify__dropdown{position:absolute;z-index:9999;transform:translateY(1px);overflow:hidden}.tagify__dropdown[placement=top]{margin-top:0;transform:translateY(-100%)}.tagify__dropdown[placement=top] .tagify__dropdown__wrapper{border-top-width:1px;border-bottom-width:0}.tagify__dropdown[position=text]{box-shadow:0 0 0 3px rgba(var(--tagify-dd-color-primary),.1);font-size:.9em}.tagify__dropdown[position=text] .tagify__dropdown__wrapper{border-width:1px}.tagify__dropdown__wrapper{max-height:300px;overflow:hidden;background:#fff;background:var(--tagify-dd-bg-color);border:1px solid #3595f6;border-color:var(--tagify-dd-color-primary);border-top-width:0;box-shadow:0 2px 4px -2px rgba(0,0,0,.2);transition:.25s cubic-bezier(0,1,.5,1)}.tagify__dropdown__wrapper:hover{overflow:auto}.tagify__dropdown--initial .tagify__dropdown__wrapper{max-height:20px;transform:translateY(-1em)}.tagify__dropdown--initial[placement=top] .tagify__dropdown__wrapper{transform:translateY(2em)}.tagify__dropdown__item{box-sizing:inherit;padding:.3em .5em;margin:1px;cursor:pointer;border-radius:2px;position:relative;outline:0}.tagify__dropdown__item--active{background:#3595f6;background:var(--tagify-dd-color-primary);color:#fff}.tagify__dropdown__item:active{filter:brightness(105%)} /* ----------------------------------------------- L. TEXT TAG PLUGIN -------------------------------------------- */ /* ----------------------------------------------- M. TABS ------------------------------------------------------- */ .nav-pills .nav-item .nav-link, .nav-tabs .nav-item .nav-link { font-family: "tm", sans-serif; line-height: 1; font-size: 1rem; color: #212529; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .nav-pills .nav-item .nav-link i, .nav-tabs .nav-item .nav-link i { margin-right: 10px; } .tab-content { font-family: "tm", sans-serif; font-size: 1rem; line-height: 1.71; } .tab-basic { border-bottom: none; margin-bottom: 20px; } .tab-basic .nav-item { margin-right: 7%; } .tab-basic .nav-item .nav-link { color: #6c757d; padding: 0 0 7px; border-top: none; border-right: none; border-left: none; border-bottom: 2px solid #dee2e6; } .tab-basic .nav-item .nav-link.active { border-top: none; border-right: none; border-left: none; border-bottom: 2px solid #17ba60; color: #17ba60; background: #fff; } .tab-solid { border: none; margin-bottom: 30px; } .tab-solid .nav-item .nav-link { border: none; padding: 10px 16px; border-radius: 4px; } .tab-solid .nav-item .nav-link:nth(fist-child) { padding-left: 0; } .tab-solid .nav-item .nav-link.active { border: none; color: #ffffff; } .tab-content-solid { border: none; padding-left: 0; padding-right: 0; } .tab-solid-primary .nav-link.active { background: #2196f3; } .tab-solid-secondary .nav-link.active { background: #dde4eb; } .tab-solid-success .nav-link.active { background: #19d895; } .tab-solid-info .nav-link.active { background: #8862e0; } .tab-solid-warning .nav-link.active { background: #ffaf00; } .tab-solid-danger .nav-link.active { background: #ff6258; } .tab-solid-light .nav-link.active { background: #fbfbfb; } .tab-solid-dark .nav-link.active { background: #252C46; } .tab-minimal .nav-tabs { border: none; } .tab-minimal .nav-tabs .nav-item .nav-link { border: none; font-size: 14px; } .tab-minimal .nav-tabs .nav-item .nav-link.active { font-weight: 600; background: #fff; color: #212529; } .tab-minimal .nav-tabs .nav-item .nav-link:first-child { padding-left: 0; } .tab-simple-styled { border-bottom: none; margin-top: 30px; margin-bottom: 30px; } .tab-simple-styled .nav-item { margin-right: 30px; } .tab-simple-styled .nav-item .nav-link { border: none; padding: 0; color: #6c757d; } .tab-simple-styled .nav-item .nav-link.active { background: #fff; color: #8862e0; } .tab-tile-style { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; border-bottom: none; margin-bottom: 30px; } .tab-tile-style .nav-item .nav-link { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 15px 25px; border-radius: 0px; border: none; } .tab-tile-style .nav-item .nav-link p { margin-bottom: 0; } .tab-tile-style .nav-item:hover { border: none; } .tab-tile-style .nav-item.active .nav-link { background: rgba(230, 236, 245, 0.4); } .tab-tile-style .nav-item.active .nav-link:before { content: ""; position: absolute; top: 0px; width: 100%; left: 0; height: 2px; background: #ff6258; right: 0; } .vertical-tab { display: -webkit-box; display: -ms-flexbox; display: flex; } .vertical-tab .nav-tabs { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 0; } .vertical-tab .tab-content { margin-bottom: 0; } /* ----------------------------------------------- M. TABS ------------------------------------------------------- */ /*# sourceMappingURL=maps/style.css.map */