@font-face { font-family: 'Yekan'; src: url('../img/index/Yekan.eot') format('eot'), url('../img/index/Yekan.ttf') format('truetype'), url('../img/index/Yekan.woff') format('woff'); font-weight: bold; } * { font-family: Yekan, 'Yekan', Tahoma, Geneva, sans-serif !important; text-rendering: optimizeLegibility !important; } a { color: #4CAF50; text-decoration: none; } hr { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .button-clear { color: #222222 !important; } .pull-left { float: left; } .pull-right { float: right; } .header-item { text-align: center !important; } .light-content p { font-size: 16px; color: rgba(0,0,0,0.54); line-height: 20px; text-align: justify; } .light-color { color: rgba(0,0,0,0.54) !important; } .view-container { direction: rtl; } .menu.menu-right .item-icon-left .icon { left: auto; right: 5px; } .buttons.buttons-left.header-item { position: absolute; left: 0; right: auto; } .bar .buttons-left span { margin-left: 5px; } /* menu left */ .menu.menu-left .item-icon-left .icon { position: absolute; right: 10px; } /* Contact us */ .custom-contact-us i { position: absolute; right: 20px; } .custom-contact-us h2 { margin-right: 50px; font-weight: bold; } .custom-contact-us p { margin-right: 50px; color: #333333; font-size: 16px; } /* About us */ .custom-about-us i { position: absolute; right: 20px; } .custom-about-us p { margin-right: 50px; font-weight: bold; font-size: 14px !important; line-height: 24px; } /* Btn back for right menu */ .bar .buttons span { display: inherit !important; } .back-custom-right { position: absolute; left: 10px; } .popup-body { direction: rtl; text-align: right; padding: 25px 10px 5px 10px; overflow: hidden; } /* For Address input */ .item p, .item-content p { white-space: initial !important; overflow: inherit; } /* Title in down and up menu */ .tabs .tab-title { font-size: 15px; font-weight: bold; } .item-radio input { display: none; } textarea { padding-right: 11px; } .button.button-fab { -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); z-index: 20; width: 56px; height: 56px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; overflow: hidden; padding: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: 0.2s linear; transition: 0.2s linear; -webkit-transition-property: -webkit-transform, box-shadow; transition-property: transform, box-shadow; } .button.button-fab.button-fab-bottom-right { top: auto; right: 16px; bottom: 16px; left: auto; position: absolute; } .button.button-fab.button-fab-bottom-left { top: auto; right: auto; bottom: 16px; left: 16px; position: absolute; } .button.button-fab.button-fab-top-right { top: -16px; right: 16px; bottom: auto; left: auto; position: absolute; } .button.button-fab.button-fab-top-left { top: -16px; right: auto; bottom: auto; left: 16px; position: absolute; } .button.button-fab i { font-size: 34px; line-height: 66px; margin-top: 0; } .button.button-fab.mini { width: 40px; height: 40px; } .button.button-fab.mini i { font-size: 2rem; } .platform-ios .bar-header { height: 44px !important; } .platform-ios .bar-header .title { margin-top: 0px !important; } .platform-ios .bar-header * { margin-top: 0px !important; } .platform-ios .modal .button.button-fab { width: 64px; height: 30px; } .platform-ios .bar .button.back-button.custom-back { top: 5px; } .platform-ios .popover-middle .popover-arrow { margin-left: -11px; } .platform-ios .radioWidget .range { display: none; } .platform-ios .range-balanced { display: none; } .platform-ios .appeto-player-more-options { top: 0px !important; } .platform-ios .appeto-player-more-options.noImage { top: -60px !important; z-index: 1000 !important; } .platform-ios .text-box { border-radius: 10px; box-shadow: none !important; } .platform-ios .popover .scroll-content { margin: 4px 0; } .platform-ios .popup-head { border-top-right-radius: 10px; border-top-left-radius: 10px; } .platform-ios .popup-container .popup, .platform-ios .cards-shadow { border-radius: 10px; } .platform-ios .list.card { border-radius: 10px; margin-top: 15px; } .platform-ios .popup-container .popup, .platform-ios .color-header, .platform-ios .appeto-player-config, .platform-ios .cards-shadow, .platform-ios .button-balanced, .platform-ios .button.button-fab, .platform-ios .card, .platform-ios .slider, .platform-ios .transparent { box-shadow: none !important; } body, ion-nav-view, ion-nav-view .pane { background-color: #EEEEEE; }  body.cXnMgbn7ee ion-content.page-content { background:url("../img/index/background10.png") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnHgbk22b ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnHgbkc8b4e ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnHgbkxi0hd95g ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnOmcy1ak9in76h ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnEvo1Evo2V4O9tzhydrb5b01avaw3cr756a ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnVsdvbo2bldqc2slaixg55tha ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnHgbk6aj7f53b ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnHgb8a9c1u ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnMgba9ayek ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnYmcq8g55a ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnMgbgvi6fc1ab28ffa ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnHgbka2jg ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnHgbk3gwstf ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnMgb0a4cg ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnYmc0bzej49bwdpme ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnMgbgom2h01bda ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnMgbbh3byf72a ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnMgbabk7k0yuh ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnMgbbh0a0i ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnNgb8d4n ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnPzebcb9e0a2okt47jxc7u ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnDtdbb6bqx5mibsd76k5cww ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnNgbs0d ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnNgba1a4efr83e ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnNgby0d ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnYmcwkcfe11d ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnMgbug11a ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnMgba2b0do53amk ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnMgba0b9dcl78aulok ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnMgbfz2fk49cmb ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnMgbbf4b3fq1b ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnYmcbmg4ae2mco90ica86b ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnMgbjp1fh ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnZmcn4a2f1q8r ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnUgb4ca ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnMgbve9ek70f ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnMgbgtd5ia53g ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnXgbc7ce28d ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnMgbxb5egl63e ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnMgbx2di37d ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnMgbgtcg8hsa35btmc89a ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnMgbuh21a ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnMgb1azcc ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnMgbu0c3a48b ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnRgbgec0fs7bba ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnMgba2al8dwa71bplkke ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnDhbgm10bsf ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnMgbt2dxv ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnWgb0c0ing ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnUgb9byrwe ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnUgbd1cokk63gda ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnWgb3bcj69b ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnHe2Qehm8mfchz27j ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXn417Qehm8mfchz27j ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnUgb9bga69b ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnPzeb4apbv0qjjtha36mlrd ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnFncb9eqboa48fhkb ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnDtdc7acqx5meebtae85mldox ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnKhba30awe ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnMgba7a8dl04d ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnJnc7de13cqf ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnMgbg3f0ute ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnMah9700P2l7a2d7pjad80obo ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnCompactP2l7a2d7pjad80obo ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnNzebcq7bqs5qdh5a46mhnfa ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnRgb3c3qte ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnWgbe6cm57d ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnMgbp9ds3ab ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnGhbbh44c ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnDhbj ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnMgbga5ici19azu313p ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnMgbgohl9ibn ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnMgbln33d ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnMgbya9ec31f ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnWmXqg70he10243cu3la39asa140a ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnXqg70ha1224Xqg90hr16y4a2j6da62c3a3a4a0dx91a ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnXqg751228Ego9f7ba8ypapq57x ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnWgb7bda ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnMgbf0gxl2ld ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnMgbp2edf50f ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnZmca0ad4cxg48a ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  .image_icon_681688 { width: 32px; height: 32px; float: right; margin-right: -42px; background: url('../img/index/coder.png') no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }  body.cXn4mcb7azgid54bvw ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnPgbr6cn ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXn4mc0a0a7ccfbuh76l ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnZmcaj1akdj1e2evb24d ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXn10009ji0csl2qtbk ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnMgbf0ac7ggdf83gii ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnWgb2bkb3y5p ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnAwm131204lu2ucm5bb13gc4b ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnAwoe97595ioya0yco1cb93hs8b ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXn4mcavr4iva ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  .image_icon_681698 { width: 32px; height: 32px; float: right; margin-right: -42px; background: url('../img/index/testlogo.png') no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }  body.cXn4mcui87e ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  .image_icon_681699 { width: 32px; height: 32px; float: right; margin-right: -42px; background: url('../img/index/reset.png') no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }  .image_icon_681700 { width: 32px; height: 32px; float: right; margin-right: -42px; background: url('../img/index/tamiricon.png') no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }  .image_icon_681701 { width: 32px; height: 32px; float: right; margin-right: -42px; background: url('../img/index/mesage.png') no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }  body.cXnMgbgh6a1edx ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  .image_icon_681702 { width: 32px; height: 32px; float: right; margin-right: -42px; background: url('../img/index/producticon.png') no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }  body.cXnMgbc5c3bf ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  .image_icon_681704 { width: 32px; height: 32px; float: right; margin-right: -42px; background: url('../img/index/lib.png') no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }  body.cXnCtdbeib7blgp3tbrq92s ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnPmcpj8am68fqg ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnPmcwc5adke6ota85lfa ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnZmchc5aejf4mc7bb07jfa72c ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnZmchcyild8o96cead ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnPmcpdh5boe8m69c ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnZmcaj8amd6msa72k ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnCtdknzo3lt4cha ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXn1mce1ak3k82ati ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXn1mce1akj3lt7b ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnZmch1adie11d0v ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnZmch1akcb7lkt84ixj ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXn4mcugcd9ji41jea ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXn4mchmgcck2k33dfab ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnZmch1acj7jx8aoj ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXn4mchrk4it5asif ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnZmchvhm2ks0ceab ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXn4mcuch9h0ab99b4yea ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnCtdbeiab2ctp3tbrq ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnCtdkap8b1i04c ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXn1mcea8b5h82a ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnZmcaja7ck0l0a15cjp ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnZmcha8bcb7lkt84i ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnZmcha0av2kw0cba ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXn2yezbc3a1bs5ska3a87krc ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  body.cXnLavamot90la1n7kma20n ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  .image_icon_681807 { width: 32px; height: 32px; float: right; margin-right: -42px; background: url('../img/index/search.png') no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }  body.cXnMgba3ai2gj ion-content.page-content { background:url("../img/index/b4.jpg") no-repeat top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }  .content-wthi-adad ion-content { margin-bottom: 66px; } .content-wthi-adad.demo-height ion-content { margin-bottom: 44px; } .content-wthi-adad.demo-height .button.button-fab.button-fab-bottom-right, .content-wthi-adad.demo-height .button.button-fab.button-fab-bottom-left { bottom: 36px; } .content-wthi-adad .button.button-fab.button-fab-bottom-right, .content-wthi-adad .button.button-fab.button-fab-bottom-left { bottom: 60px; } .card { margin-top: 5px; } .m-top { margin-top: 10px; } .text-center { text-align: center; } .transparent { width: 100%; display: list-item; margin-bottom: 10px; } .transparent ol, .transparent ul { list-style: inside; } .transparent ol li, .transparent ul li { margin-left: 5px; } .transparent ol li { list-style: decimal; margin-left: 25px; } .icon-button:before { margin-top: 4px !important; } .no-padding { padding: 0; } .no-radius { border-radius: 0 !important; } /* Fix body text color popup */ table, th, td { border: 1px solid black; padding: 5px; } table { width: 100%; } .table > tbody > tr { text-align: center; } /* menu */ .menu .item-complex .item-content, .menu .item { background-color: transparent !important; } .menu .list .item-icon-left > a { background-color: #ffffff !important; } .menu .scroll-content { background-color: #ffffff !important; } .menu .list .item-icon-left { border-color: #eeeeee !important; } .menu-header-color { background-color: #4CAF50 !important; } .menu-header-color .title { color: #ffffff !important; } /* android menu */ .platform-ios .bar-header.appeto-menu-header-active { height: 160px !important; } .platform-ios .appeto-menu-header-active img { margin-top: 10% !important; } .appeto-menu-header-active { height: 160px !important;  } .appeto-menu-header-active img { vertical-align: middle; border-radius: 60px; width: 60px; height: 60px; padding: 0; margin: auto; -webkit-box-shadow: 3px 4px 28px -1px rgba(0, 0, 0, 0.75); -moz-box-shadow: 3px 4px 28px -1px rgba(0, 0, 0, 0.75); box-shadow: 3px 4px 28px -1px rgba(0, 0, 0, 0.75); } .appeto-menu-header-active .title { bottom: 0; top: auto; left: 0 !important; right: 0 !important; margin: 0; line-height: 44px !important;  } .appeto-menu-content-big-header { top: 160px !important; } .platform-ios .appeto-menu-content-big-header.has-header { top: 160px !important; } .appeto-menu-content-big-header .list .item:first-child { border-top: 0; } .appeto-menu-content-big-header .list .item {  border-color: rgba(238, 238, 238, 0.5) !important; } .appeto-little-menu .list .item { height: 95px; } .appeto-little-menu .list .item:first-child { border-top: 0 !important; }  .menu .appeto-little-menu a.item-content { background-color: #ffffff !important; } .appeto-little-menu .list .item { background-color: #ffffff !important; }  .appeto-little-menu .icon-box { width: 100%; position: relative; text-align: center; margin: auto; font-size: 32px; } .appeto-little-menu .text-box-menu { width: 100%; position: relative; text-align: center; margin: auto; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; padding-right: 4px; padding-left: 4px; box-shadow: none !important; background: transparent !important; } .appeto-little-menu .item-complex.item-icon-left .item-content { padding-left: 0; } .appeto-little-menu .item-complex .item-content, .appeto-little-menu .item-radio .item-content { padding: 16px 0 16px 0; }  #mm-blocker { background-color: rgba(0, 0, 0, 0.7); } .appeto-mmenu-blocker { background-color: #222222; width: 100%; height: 100%; z-index: 10; position: fixed; opacity: 0.1; } ion-nav-view .pane { z-index: 0; } .mm-menu { height: 100%; z-index: 13; } .mm-menu.opened { -webkit-box-shadow: 0px 0px 37px -1px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 37px -1px rgba(0,0,0,0.75); box-shadow: 0px 0px 37px -1px rgba(0,0,0,0.75); } .menu .list .item-icon-right { border: none; } .mm-menu .item-complex.mm-menu-img .item-content { padding: 16px 49px 16px 16px; } .mm-menu .item-complex .item-content { padding: 25px 49px 25px 16px; } .mm-img-icon { margin-right: -38px; } .menu.mm-menu.left { left: 0; }  /* new version */ .n-m-t { margin-top: 0 !important; } .p-t-30 { padding-top: 30px !important; } .no-margin .card { margin: 0; } .no-margin { margin: 0 !important; } .button.button-block.no-margin { margin-top: 0; margin-bottom: 0; } ion-nav-view .pane.full-color { background-color: #4CAF50 !important; color: #ffffff !important; } ion-nav-view .pane.full-color-second { background-color: #43A047 !important; color: #ffffff !important; } .color-header { height: 184px; background-color: #4CAF50; color: #ffffff; padding-top: 84px; padding-right: 18px; padding-left: 18px; } .color-header.middle { height: 145px; box-shadow: 0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24); } .color-header.big { height: 250px; } .color-header.small { height: 90px; padding-top: 29px; } .color-header h3 { color: #ffffff; } .color-header h3.with-image { width: 50%; } .color-header h3.circle { margin-top: 120px; } .color-header-image { transform: rotate(-360deg); background: #FFFFFF; box-shadow: 0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24); border-radius: 2px; padding:10px; position: absolute; width: 150px; height: 190px; z-index: 10; left: 10px; top: 80px; } .color-header-image-circle { transform: rotate(-360deg); background: #FFFFFF; box-shadow: 0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24); padding: 0; overflow: hidden; position: absolute; width: 150px; height: 150px; border-radius: 50%; z-index: 10; top: 44px; } .color-header-image-circle.small { width: 80px; height: 80px; } .color-header-image-circle.left { left: 15px; top: 70px; } .color-header-image-circle.center { } .platform-android .bar.bar-dark { height: 66px; box-shadow: 0 0 4px 0 rgba(0,0,0,0.12), 0 4px 4px 0 rgba(0,0,0,0.24); } .platform-android .has-header { top: 66px; } .platform-android .bar .title { line-height: 66px; height: 66px !important; } .platform-ios .bar .title { line-height: 44px; } .platform-ios .has-header { top: 44px; } .slider { direction: ltr; max-height: 170px; } .no-max-height.slider { max-height: inherit; } .padding { padding: 10px; } .padding-content { padding: 20px; } .img-responsive { width: 100%; height: auto; } .platform-android .popover { background: #FAFAFA; box-shadow: 0 0 8px 0 rgba(0,0,0,0.12), 0 8px 8px 0 rgba(0,0,0,0.24); border-radius: 2px; } .popover .item { direction: rtl; } .popover { height: 110px; width: 145px; } .popover.menuPopover { height: 140px; } .popover.popover-middle { height: 165px; } .popover.popover-small { height: 60px; } .popover-backdrop.active { background-color: rgba(0,0,0,0.5) !important; } .platform-android .buttons.buttons-left.header-item { top: 15px; } .platform-ios .popover-arrow:after { top: 13px; left: 12px; } .platform-android .bar .button.back-button { top: 15px; } .platform-android .bar .button.back-button.back-custom-left { top: 0; } .bar .button.back-button.custom-back { top: 15px; position: absolute; left: 10px; } .button-balanced { box-shadow: 0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24); border-radius: 2px; } .button-positive { box-shadow: 0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24); border-radius: 2px; } [ripple]{ overflow: hidden; } .text-box { padding: 15px; box-shadow: 0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24); border-radius: 2px; } .card { box-shadow: 0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24); } .no-shadow { box-shadow: none !important; } .col.col-100 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -moz-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .col.col-60 { -webkit-box-flex: 0; -webkit-flex: 0 0 65%; -moz-box-flex: 0; -moz-flex: 0 0 65%; -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65%; } .col.col-40 { -webkit-box-flex: 0; -webkit-flex: 0 0 45%; -moz-box-flex: 0; -moz-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; } .wide-as-needed { /*overflow-x: scroll;*/ white-space: nowrap; } .scroll-view { direction: ltr; } .line-through { text-decoration: line-through; } .scroll-view a, .scroll-view p, .scroll-view h1, .scroll-view h2, .scroll-view h3, .scroll-view h4, .scroll-view h5, .scroll-view h6 { direction: rtl; } .scroll { min-width: 100%; } .first-color { color: #4CAF50 !important; } .second-color { color: #43A047 !important; } .first-color-bg { background-color: #4CAF50 !important; color: #ffffff !important; } .second-color-bg { background-color: #43A047 !important; color: #ffffff !important; } .first-color-opacity {  background-color: rgba(76, 175, 80, 0.5) !important; } .second-color-opacity {  background-color: rgba(67, 160, 71, 0.5) !important; } .first-color-border { border-color: #4CAF50 !important; } .second-color-border { border-color: #43A047 !important; } .rip { display: block; position: absolute; background:rgba(255, 255, 255, 0.3); border-radius: 100%; -webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); transform:scale(0); } .animate-ripple { -webkit-animation:ripple 0.65s linear; -moz-animation:ripple 0.65s linear; -ms-animation:ripple 0.65s linear; -o-animation:ripple 0.65s linear; animation:ripple 0.65s linear; } @-webkit-keyframes ripple { 100% {opacity: 0; -webkit-transform: scale(2.5);} } @-moz-keyframes ripple { 100% {opacity: 0; -moz-transform: scale(2.5);} } @-o-keyframes ripple { 100% {opacity: 0; -o-transform: scale(2.5);} } @keyframes ripple { 100% {opacity: 0; transform: scale(2.5);} } /*forms*/ ion-md-input { position: relative; margin-top: 45px; margin-left: 0; display: block; } ion-md-input input,ion-md-input textarea { font-size: 18px !important; padding: 10px 10px 10px 5px !important; display: block; width: 100%; border: none; border-radius: 0; border-bottom: 1px solid #dddddd !important; vertical-align: baseline; } ion-md-input textarea:focus, ion-md-input input:focus { outline: none; border-bottom: 1px solid #43A047 !important; } ion-md-input .md-bar { position: relative; display: block; width: 100%; } ion-md-input .md-bar:before { content: ''; height: 2px; width: 0; bottom: 1px; position: absolute; background: #43A047; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } ion-md-input .md-bar:before { left: 50%; } ion-md-input textarea:focus ~ .md-bar:before ion-md-input input:focus ~ .md-bar:before, { left: 0%; width: 100%; } ion-md-input label { color: #b2b2b2; font-size: 18px; font-weight: normal; position: absolute; pointer-events: none; right: 5px; top: 5px; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; width: 280px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } ion-md-input textarea:valid ~ label, ion-md-input input:valid ~ label { top: -20px; font-size: 14px; color: #b2b2b2; } ion-md-input textarea:focus ~ label, ion-md-input input:focus ~ label, ion-md-input input:read-only ~ label { top: -20px; font-size: 14px; color: #43A047; } ion-md-input .md-highlight { position: absolute; height: 60%; width: 100%; top: 25%; right: 0; pointer-events: none; opacity: 0.5; } .item-checkbox { padding-left: 15px; padding-right: 50px; } .item-checkbox.alone { border: 0; margin-top: 15px; } .item-checkbox .checkbox { overflow: visible; top: 57%; } .list.list-checkbox { margin-bottom: 15px; } .checkbox input:checked+.checkbox-icon:before, .checkbox input:checked:before { background: #43A047; border-color: #43A047; } .checkbox input:before, .checkbox-icon:before { background: #fff; border-radius: 5px !important; } .checkbox input, .checkbox-icon { width: 20px; height: 20px; } .checkbox input:after, .checkbox-icon:after { width: 10px; height: 4px; top: 34%; } .item-select select { right: inherit; left: 0; top: 0; padding: 5px 16px 0 48px; background: transparent; border-right: 1px solid #dddddd; border-radius: 0; } .item-select:after { right: inherit; left: 16px; } .item-select { margin-top: 15px; } .item-radio .radio-icon::before { visibility: hidden; } .item-radio .radio-icon { visibility: visible; position: absolute; top: 0; right: 0; z-index: 3; padding: 10px; height: 100%; font-size: 24px; border: 1px solid #ddd; width: 20px; height: 20px; border-radius: 50px; background: transparent; top: 15px; right: 15px; } .item-radio input:checked ~ .radio-icon::before { visibility: visible; -webkit-transition: opacity .05s ease-in-out; transition: opacity .05s ease-in-out; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: 27%; left: 18%; display: table; width: 12px; height: 6px; border: 1px solid #fff; border-top: 0; border-right: 0; content: ' '; z-index: 1000; opacity: 1; } .item-radio input:checked ~ .radio-icon { height: 20px; width: 20px; background-color: #43A047; border-radius: 50px; position: absolute; top: 15px; right: 15px; border: 1px solid #43A047; } .list-radio { margin-top: 15px; } .item-radio .rip { z-index: 1000; } .item-radio .item-content { padding-right: 50px; } .custom-file-input { display: none; } .platform-ios .picture-ios { display: none; } .item-img { margin-top: 15px; } /*forms*/ .scroll-refresher .ionic-refresher-content { font-size: 25px; color: #979797; } .scroll-refresher .icon-pulling { width: 40px; height: 40px; top: -35px; position: absolute; transform: translate3d(0,0,0) rotate(0deg); left: 46%; background: #FFFFFF; border-radius: 50%; padding: 0; padding-top: 7px; padding-right: 1px; padding-left: 3px; box-shadow: 0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24); } .button-chips { background: #43A047; border-radius: 100px; font-size: 14px; color: #FFFFFF; letter-spacing: 0; line-height: 38px; padding: 10px 20px; text-decoration: none; margin-right: 10px; } .wide-as-needed .button-chips:first-child { margin-right: 0; } .modal .item-input-wrapper { background: transparent; border-bottom: 1px solid #fff; color: #fff; border-radius: 0; direction: rtl; text-align: right; } .modal .bar.item-input-inset .item-input-wrapper input { color: #fff; } .placeholder-icon:first-child { padding-left: 6px; } .modal { direction: rtl; background: #eee; } .loading-container .loading { background-color: transparent; } .spinner-android { stroke: #4CAF50; } .spinner-ios { stroke: #4CAF50; } .spinner svg { width: 64px; height: 64px; } .scroll-refresher { top: -70px; } .scroll-refresher .spinner svg, ion-infinite-scroll .spinner svg { width: 44px; height: 44px; } .cards-theme-7 .list.card .item.item-icon-right.with-img.small div.img-box.color { background-color: #4CAF50; color: #fff; } .popup-container .popup { background-color: #fafafa; box-shadow: 0 16px 20px rgba(0,0,0,.4); width: 280px; } .popup-head { padding: 20px 10px; border-bottom: 0; text-align: right; background: #43A047; } .popup-container .popup .popup-head h3.popup-title, .popup-container .popup .popup-head h5.popup-sub-title{ color: #ffffff; } .popup-title { font-size: 22px; } .popup-container .popup .popup-body span { color: rgba(0,0,0,.5); font-size: 15px; } .popup-buttons .button.button-positive, .popup-buttons .button { border-color: transparent !important; background: transparent !important; box-shadow: none !important; font-weight: 500 !important; color: #4CAF50 !important; } .full-color .item-select select { border-right: 0; color: #fff; } .full-color .item-select:after { color: #ffffff; } .full-color .input-label { color: #fff; } .full-color .item { background-color: transparent; color: #fff; border: 0; } .full-color .item-complex .item-content, .full-color .item-radio .item-content { background-color: transparent; } .full-color ion-md-input label { color: #ffffff; } .full-color ion-md-input input { background-color: transparent; color: #ffffff; border-bottom: 1px solid #ffffff } .tabs { height: 66px; } .tabs-striped.tabs-positive .tabs { background-color: #4CAF50; } .tabs-striped.tabs-positive.menu-tab .tabs { background-color: #4CAF50; } .tabs-striped.tabs-positive.menu-tab-bottom .tabs { background-color: #4CAF50; } .tabs-icon-top>.tabs .tab-item { line-height: 30px; } .item-avatar.right>img:first-child { left: inherit; right: 16px; } .item-avatar.right { padding-left: 16px; padding-right: 72px; } /* theme */ /* Menu background color */ .tabs { background-color: #4CAF50; } .bar.bar-dark { border: 0; background-color: #4CAF50; background-image: none; color: #fff; } .platform-ios .bar.bar-dark { box-shadow: none !important; } /* body */ .pane, .view { background-color: #EEEEEE; } .transparent { background-color: #FFFFFF; } .modal { background: #eee; } .transparent.opacity { background-color: rgba(255, 255, 255, 0.5); } .text-box { background: #FFFFFF; } .button-balanced { background: #43A047 !important; } .button-balanced.activated { border-color: #43A047 !important; } .button-positive { background: #4CAF50 !important; } .button-positive.activated { border-color: #4CAF50 !important; } .platform-android .action-sheet .action-sheet-title { direction: rtl; text-align: right; } .platform-android .action-sheet .button { direction: rtl; text-align: right; padding-right: 20px; }  /*devices*/ @media screen and (min-width: 568px) { .slider { max-height: 300px; } } #appetoToast { background-color: black; opacity: 0.6; position: fixed; top: 50%; left: 50%; /* bring your own prefixes */ transform: translate(-50%, -50%); color: white; display: none; padding: 8px; border-radius: 6px; min-width: 75%; text-align: center; } /* login */ .dl-login-theme-1 .dl-background-1 { background: #4CAF50; /* fallback for old browsers */ background: -webkit-linear-gradient(to bottom, #4CAF50, #43A047); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to bottom, #4CAF50, #43A047); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ } .dl-login .dl-login-button-1 { height:60px; line-height:60px; padding:0 30px; margin:0 100px; position:relative; top:-90px; border-radius:60px; background: #4CAF50; color:#fff; font-size:14px; text-align:center; -webkit-box-shadow: 0px 0px 24px -2px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 24px -2px rgba(0,0,0,0.3); box-shadow: 0px 0px 24px -2px rgba(0,0,0,0.3); } .dl-login .dl-login-linkbutton-1:hover { color: #4CAF50; transition:0.2s ease all; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all; cursor:pointer; } .dl-login .dl-login-button-transparent-1 span { color: #4CAF50; } .dl-login .dl-check-radio-title-1 { text-align:right; font-size:12px; color: #4CAF50; padding:0 10px; margin-bottom:14px; } .dl-login .mi-group input:focus ~ label, .dl-login .mi-group input:valid ~ label, .dl-login .mi-group select:focus ~ label, .dl-login .mi-group select:valid ~ label , .dl-login .mi-group textarea:focus ~ label, .dl-login .mi-group textarea:valid ~ label, .dl-login .mi-group.toplabel label { top:-12px; font-size:12px; color: #4CAF50; } .dl-login .mi-bar:before, .dl-login .mi-bar:after { content:''; height:3px; width:0; bottom:0px; position:absolute; background: #4CAF50; transition:0.2s ease all; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all; } @-webkit-keyframes inputHighlighter { from { background: #4CAF50; } to { width:0; background:transparent; } } @keyframes inputHighlighter { from { background: #4CAF50; } to { width:0; background:transparent; } } .dl-login input[type='checkbox']:checked + label:before { -moz-box-shadow: inset 0 0 0 25px #4CAF50; -webkit-box-shadow: inset 0 0 0 25px #4CAF50; box-shadow: inset 0 0 0 25px #4CAF50; } .dl-login input[type='radio']:checked + label:before { -moz-box-shadow: inset 0 0 0 20px #4CAF50; -webkit-box-shadow: inset 0 0 0 20px #4CAF50; box-shadow: inset 0 0 0 20px #4CAF50; } .dl-login input[type='checkbox']:checked.toggle { -moz-box-shadow: inset 0 0 0 15px #4CAF50; -webkit-box-shadow: inset 0 0 0 15px #4CAF50; box-shadow: inset 0 0 0 15px #4CAF50; } @-webkit-keyframes inputHighlighter { from { background: #4CAF50; } to { width:0; background:transparent; } } @keyframes inputHighlighter { from { background: #4CAF50; }
    to 	{ width:0; background:transparent; }
}
    /* login */