/* Theme Name: Mavigen Digital Agency Version: 4.0 Description: Designed by Mavigen Digital Agency Author: Mavigen Digital Agency Author URI: http://www.mavigen.com */ body, html {font-family: 'Montserrat', sans-serif;height: 100%;color: #3F3F40;} body{ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow-wrap:break-word } a {text-decoration: none;} a:hover, a:focus {text-decoration: none!important;} a:focus, input:focus, textarea:focus, select:focus, button:focus {outline: none!important;box-shadow: none!important;} ul{ list-style:none; padding:0; margin:0; } ::placeholder{color:#333} input::placeholder{color:#333} input::placeholder{color:#333} /*------------- TRANSITION -------------*/ /*{-webkit-font-smoothing: antialiased;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}*/ /************* FONT AWESOME *************/ /*{display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;-webkit-font-smoothing: antialiased;font-family: "Font Awesome 5 Free";}*/ /*ince*/ /*{ font-weight:400; }*/ /*kalın*/ /*{font-weight: 900; }*/ @keyframes swing { 0% {transform: rotate(0deg);} 10% {transform: rotate(10deg);} 30% {transform: rotate(0deg);} 40% {transform: rotate(-10deg);} 50% {transform: rotate(0deg);} 60% {transform: rotate(5deg);} 70% {transform: rotate(0deg);} 80% {transform: rotate(-5deg);} 100% {transform: rotate(0deg);} } @keyframes sonar { 0% {transform: scale(0.9);opacity: 1;} 100% {transform: scale(2);opacity: 0;} } body {font-size: 14px;background:#FAFAFA} .page-wrapper .sidebar-wrapper, .sidebar-wrapper .sidebar-brand > a, .sidebar-wrapper .sidebar-dropdown > a:after, .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before, .sidebar-wrapper ul li a i, .page-wrapper .page-content, .sidebar-wrapper .sidebar-menu ul li a, #show-sidebar, #close-sidebar, .btnOnOff div:after, .btnOnOff .toggle-icon{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} /*----------------page-wrapper----------------*/ .page-wrapper {height: 100vh;} .page-wrapper .theme {width: 40px;height: 40px;display: inline-block;border-radius: 4px;margin: 2px;} .page-wrapper .theme.chiller-theme {background: #1e2229;} /*----------------toggeled sidebar----------------*/ .page-wrapper.toggled .sidebar-wrapper { left: 0px; } @media screen and (min-width: 768px) { .page-wrapper.toggled .page-content {padding-left: 300px; } } /*----------------show sidebar button----------------*/ #show-sidebar {position: fixed;left: 0;top: 10px;border-radius: 0 4px 4px 0px;transition-delay: 0.3s;z-index:50} .page-wrapper.toggled #show-sidebar {left: -100px;} /*----------------sidebar-wrapper----------------*/ .sidebar-wrapper {width: 300px;height: 100%;max-height: 100%;position: fixed;top: 0;left: -300px;z-index: 999;} .sidebar-wrapper ul {list-style-type: none;padding: 0;margin: 0;} .sidebar-wrapper a {text-decoration: none;} .sidebar-content ul li.seperator {border-bottom: 1px solid #414244; margin: 5px 0px 5px 15px; height: 0; overflow: hidden;} /*----------------sidebar-content----------------*/ /*--------------------sidebar-brand----------------------*/ .sidebar-wrapper .sidebar-brand {padding: 10px 20px;display: flex;align-items: center} .sidebar-wrapper .sidebar-brand > a {text-transform: uppercase;font-weight: bold;flex-grow: 1} .sidebar-wrapper .sidebar-brand #close-sidebar {cursor: pointer;font-size: 20px} /*--------------------sidebar-header----------------------*/ .sidebar-wrapper .sidebar-header {padding: 20px;overflow: hidden} .sidebar-wrapper .sidebar-header .logo{color:#D9372C;font-weight:800;font-size:30px;padding:30px 15px; width: 100%; display: inline-block;} .sidebar-wrapper .sidebar-header .logo img{width:100%;padding:0 10%} /*----------------------sidebar-menu-------------------------*/ .sidebar-wrapper .sidebar-menu {padding-bottom: 10px;padding-left:15px} .sidebar-wrapper .sidebar-menu .header-menu span {font-weight: bold;font-size: 14px;padding: 15px 20px 5px 20px;display: inline-block} .sidebar-wrapper .sidebar-menu ul li a {display: inline-block;width: 100%;text-decoration: none;position: relative;padding: 8px 30px 8px 20px} .sidebar-wrapper .sidebar-menu ul li a i {margin-right: 10px;font-size: 14px;width: 30px;height: 30px;line-height: 30px;text-align: center;border-radius: 4px;} /*.sidebar-wrapper .sidebar-menu ul li a:hover > i::before {display: inline-block;animation: swing ease-in-out 0.5s 1 alternate;}*/ .sidebar-wrapper .sidebar-menu .sidebar-dropdown > a:after {font-family: "Font Awesome 5 Free";font-weight: 900;content: "\f105";font-style: normal;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-align: center;background: 0 0;position: absolute;right: 15px;top: 14px;} .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul {padding: 5px 0;} .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li {padding-left: 25px;font-size: 12px;} .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before {content: "\f111";font-family: "Font Awesome 5 Free";font-weight: 400;font-style: normal;display: inline-block;text-align: center;text-decoration: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin-right: 10px;font-size: 8px;} .sidebar-wrapper .sidebar-menu ul li a span.label, .sidebar-wrapper .sidebar-menu ul li a span.badge {float: right;margin-top: 8px;margin-left: 5px;} .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .badge, .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .label {float: right;margin-top: 0px;} .sidebar-wrapper .sidebar-menu .sidebar-submenu {display: none;} .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active > a:after {transform: rotate(90deg);right: 17px;} /*--------------------------side-footer------------------------------*/ .sidebar-footer {position: absolute;width: 100%;bottom:6px;display: flex;display:none} .sidebar-footer > a {flex-grow: 1;text-align: center;height: 30px;line-height: 30px;position: relative;} .sidebar-footer > a .notification {position: absolute;top: 0;} .badge-sonar {display: inline-block;background: #980303;border-radius: 50%;height: 8px;width: 8px;position: absolute;top: 0;} .badge-sonar:after {content: "";position: absolute;top: 0;left: 0;border: 2px solid #980303;opacity: 0;border-radius: 50%;width: 100%;height: 100%;animation: sonar 1.5s infinite;} /*--------------------------page-content-----------------------------*/ .page-wrapper .page-content {display: inline-block;width: 100%;padding-left: 0px;/*padding-top: 20px;*/} /*.page-wrapper .page-content > div {padding: 20px 40px;}*/ .page-wrapper .page-content {overflow-x: hidden;} /*------scroll bar---------------------*/ ::-webkit-scrollbar {width: 5px;height: 5px;} ::-webkit-scrollbar-button {width: 0px;height: 0px;} ::-webkit-scrollbar-thumb {background: #525965;border: 0px none #ffffff;border-radius: 0px;} ::-webkit-scrollbar-thumb:hover {background: #525965;} ::-webkit-scrollbar-thumb:active {background: #525965;} ::-webkit-scrollbar-track {background: transparent;border: 0px none #ffffff;border-radius: 50px;} ::-webkit-scrollbar-track:hover {background: transparent;} ::-webkit-scrollbar-track:active {background: transparent;} ::-webkit-scrollbar-corner {background: transparent;} /*-----------------------------chiller-theme-------------------------------------------------*/ /*.chiller-theme .sidebar-wrapper {background: #212D3B;}*/ /*.chiller-theme .sidebar-wrapper .sidebar-header, .chiller-theme .sidebar-wrapper .sidebar-menu {border-top: 1px solid #3a3f48;}*/ .chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-role, .chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-status, .chiller-theme .sidebar-wrapper .sidebar-brand>a, .chiller-theme .sidebar-wrapper .sidebar-menu ul li a, .chiller-theme .sidebar-footer>a {color: #818896;font-weight:600} .chiller-theme .sidebar-wrapper .sidebar-menu ul li:hover>a, .chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a, .chiller-theme .sidebar-wrapper .sidebar-header .user-info, .chiller-theme .sidebar-wrapper .sidebar-brand>a:hover, .chiller-theme .sidebar-footer>a:hover i {color: #b8bfce;} .page-wrapper.chiller-theme.toggled #close-sidebar {color: #bdbdbd;} .page-wrapper.chiller-theme.toggled #close-sidebar:hover {color: #ffffff;} .chiller-theme .sidebar-wrapper ul li:hover a i, .chiller-theme .sidebar-wrapper .sidebar-dropdown .sidebar-submenu li a:hover:before{color:#fff;text-shadow:0px 0px 10px rgba(22, 199, 255, 0.5);} .chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active a i {color: #333;} /*.chiller-theme .sidebar-wrapper .sidebar-menu ul li a i,*/ .chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown div{background: #3a3f48;} .chiller-theme .sidebar-wrapper .sidebar-menu .header-menu span {color: #6c7b88;} .chiller-theme .sidebar-footer {background: #3a3f48;box-shadow: 0px -1px 5px #282c33;border-top: 1px solid #464a52;} .chiller-theme .sidebar-footer>a:first-child {border-left: none;} .chiller-theme .sidebar-footer>a:last-child {border-right: none;} .chiller-theme .sidebar-wrapper .sidebar-menu li a>span{font-size:13px;} .chiller-theme .sidebar-wrapper .sidebar-menu li a>span.badge{font-size:75%} .chiller-theme .sidebar-wrapper .sidebar-menu li>a{border-radius:22px 0 0 22px} .chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown>a{border-radius:22px 0 0 0} .chiller-theme .sidebar-wrapper .sidebar-menu .active>a{background:#FAFAFA} .chiller-theme .sidebar-wrapper .sidebar-menu .qsetup>a{background:#fbbc05;color: #333;} .chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown div{border-radius:0 0 0 22px} .chiller-theme .sidebar-wrapper .sidebar-menu .active>a span{color:#333} .callsB{position: fixed;right: 0;top: 10px;border-radius: 4px 0 0 4px;transition-delay: 0.3s;z-index: 50;background: #8D43AC;padding: .25rem .5rem;color: #fff!important;font-size: .875rem;line-height: 1.5;} .callsB i{margin-left:5px} .page-content .container-fluid .contentArea .rightArea, .page-content .container-fluid .contentArea .leftArea{padding-left:30px;padding-right:30px} .page-content .container-fluid .contentArea .rightArea{order: 2;background:#212D3B;color:#bcbdbf;padding-bottom:20px} .page-content .container-fluid .contentArea .leftArea{order: 1;padding-top:34px;padding-bottom:34px} .page-content .container-fluid .stats .blue{background:#4285F4;border:2px solid #4285F4;border-radius:0 10px 10px 10px;} .page-content .container-fluid .stats .green{background:#34A853;border:2px solid #34A853;border-radius:0 10px 10px 10px;} .page-content .container-fluid .stats .yellow{background:#FBBC05;border:2px solid #FBBC05;border-radius:0 10px 10px 10px;} .page-content .container-fluid .stats .iconArea{text-align:center;} .page-content .container-fluid .stats .iconArea i{font-size:40px;margin-left:14px;margin-right:14px;color:#fff} .page-content .container-fluid .stats .textArea{background:#fff;padding:15px;border-radius:0 10px 10px 10px;color:#333} .page-content .container-fluid .stats .textArea strong{font-weight: 500;font-size: 10px;} .page-content .container-fluid .stats .textArea p{margin:0;font-weight: 600;font-size: 14px;} .page-content .container-fluid .stats .textArea p sup{font-size:10px;padding-right:0px;vertical-align: baseline;position: relative;top: -0.20em} /*---------- LOGIN ----------*/ .login-page main{width:100%;max-width:460px; margin:0 auto;padding:8% 0 0; position: relative;} .login-block{background-color:#fff;padding:60px;box-shadow:0 3px 50px 0 rgba(0,0,0,.1);text-align:center;border-radius:14px} .login-block img{padding:0 20%;width:96%;margin-top:40px} .login-block h1,.login-block h6{color: #29aafe; letter-spacing: 1px; box-shadow: 0px 5px 9px -5px #c9c9c9; border-radius: 7px; padding: 10px 0; font-weight: 600;} .login-block h1{font-size:18px;margin-bottom:20px; margin-top:20px} .login-block h6{font-size:11px;text-transform:uppercase;margin-top:0} .login-block .form-group{margin-top:15px;margin-bottom:15px;} .login-block .form-control,.login-block .form-control:focus,.login-block .input-group-text,.login-block .input-group-text:focus{background-color:transparent;border:none;} .login-block .form-control{font-size:17px;border-radius:0px;} .login-block input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:#818a91;-webkit-transition:none;-o-transition:none;transition:none;} .login-block .input-group-text{color:#29aafe;font-size:19px;opacity:.5} .login-block .btn-block{margin-top:30px;padding:15px;background:#29aafe;border-color:#29aafe;border-radius:0 4px 4px 4px} .login-block .hr-xs{margin-top:5px;margin-bottom:5px} .login-footer{margin-top:60px;opacity:.5;-webkit-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;display:none} .login-footer:hover{opacity:1} .login-links{padding:15px 5px 0;font-size:13px;color:#96a2b2;display:none;} .login-links:after{content:'';display:table;clear:both} .login-links a{color:#96a2b2;opacity:.9} .login-links a:hover{color:#29aafe;opacity:1} .social-icons{padding-left:0;margin-bottom:0;list-style:none} .social-icons li{display:inline-block;margin-bottom:4px} .social-icons li.title{margin-right:15px;text-transform:uppercase;color:#96a2b2;font-weight:700;font-size:13px} .social-icons a{background-color:#eceeef;color:#818a91;font-size:16px;display:inline-block;line-height:44px;width:44px;height:44px;text-align:center;margin-right:8px;border-radius:100%;-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear} .social-icons a:active,.social-icons a:focus,.social-icons a:hover{color:#fff;background-color:#29aafe} .social-icons.size-sm a{line-height:34px;height:34px;width:34px;font-size:14px} .social-icons a.facebook:hover{background-color:#3b5998} .social-icons a.rss:hover{background-color:#f26522} .social-icons a.google-plus:hover{background-color:#dd4b39} .social-icons a.twitter:hover{background-color:#00aced} .social-icons a.linkedin:hover{background-color:#007bb6} @media (max-width:767px){ .login-page main{position:static;top:auto;left:auto;-webkit-transform:none;-o-transform:none;transform:none;padding:30px 15px} .login-block{padding:20px} } /*---------- / END LOGIN ----------*/ /*---------- CUSTOM CARD ----------*/ .customCard{background: #FFF;box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.1);border-radius: 14px;border:none;} .customCard .card-header{font-weight: bold;font-size: 16px;color: #D9372C;background:transparent;padding:24px 0 .75rem;margin:0 1.25rem;border-bottom:1px solid #FAFAFA;} .customCard .table{font-size:12px;font-weight:500} .customCard .table th i.aa-drag-list, .customCard .table td i.aa-drag-list { font-size:24px } .customCard .table th{border-top:0;color:#333;font-size:12px;padding: 0.5rem;} .customCard .table td{color:#777;font-size:11px } .customCard .table-striped tbody tr:nth-of-type(odd){background:#FAFAFA} .customCard .btn{font-size: 10px;font-weight: bold;border:none;border-radius: 0px 4px 4px 4px;margin:4px 0} .customCard .btn-primary{background:#4285F4; white-space: nowrap} .customCard .btn-success{background:#34A853; white-space: nowrap} .customCard .btn-warning{background:#FBBC05;color:#fff; white-space: nowrap} /*---------- / END CUSTOM CARD ----------*/ .header-profile { cursor: auto;} .header-profile>div{background:rgba(33, 45, 59,1);padding:15px 10px;margin:0 -15px 20px;border-bottom:1px solid rgba(255,255,255,0.1);box-shadow:0px -2px 10px 0px rgba(0,0,0,0.35) inset;} .header-profile .pic{width:16%;padding-right:1%} .header-profile .pic img{width:100%;border-radius:100px} .header-profile .textArea strong{font-weight: 500;font-size: 10px;color:#999} .header-profile .textArea p{margin:0;font-weight: 600;font-size: 14px;color:rgba(255,255,255,.6);} .page-content .container-fluid .contentArea .rightArea h1{font-weight: bold;font-size: 16px;line-height: 20px;margin: 0 -15px 15px 0;padding: 12px 15px;background: #19222d;border-left: 3px solid #34A853;color: #fbfbfb;border-radius: 0 0 0 10px} .page-content .container-fluid .contentArea .rightArea ul, .page-content .container-fluid .contentArea .rightArea ul li{width:100%} .page-content .container-fluid .contentArea .rightArea ul li .blue i{background:#4285F4;} .page-content .container-fluid .contentArea .rightArea ul li .green i{background:#34A853;} .page-content .container-fluid .contentArea .rightArea ul li .yellow i{background:#FBBC05;} .page-content .container-fluid .contentArea .rightArea ul li{margin-bottom:15px} .page-content .container-fluid .contentArea .rightArea ul li .inner{border:2px solid #2E4055;border-radius:0 10px 10px 10px;} .page-content .container-fluid .contentArea .rightArea ul li .iconArea{text-align:center;} .page-content .container-fluid .contentArea .rightArea ul li .iconArea i{font-size:22px;margin-left:14px;margin-right:14px;color:#fff;padding:10px;border-radius:0 10px 10px 10px;} .page-content .container-fluid .contentArea .rightArea ul li .textArea{padding:15px 15px 15px 0;border-radius:0 10px 10px 10px;color:rgba(255,255,255,.6);} .page-content .container-fluid .contentArea .rightArea ul li .textArea strong{font-weight: 500;font-size: 12px;} .page-content .container-fluid .contentArea .rightArea ul li .textArea p{margin:0;font-weight: 600;font-size: 14px;} .page-content .container-fluid .contentArea .rightArea ul li .textArea .right{font-size: 20px;font-weight: 600;} .page-content .container-fluid .contentArea .rightArea ul li .textArea .right sup{font-size:13px;padding-right:0px;vertical-align: baseline;position: relative;top: -0.3em} .page-content .container-fluid .page-title .title-left h1{border-top: 0;color:#D9372C;font-size:22px;font-weight:600;margin:0} .page-content .container-fluid .page-title .title-right nav{float:right;} .page-content .container-fluid .page-title .title-right nav .breadcrumb{border-radius:0px 4px 4px 4px;font-size:12px;margin:0} .page-content .container-fluid .page-title .title-right nav .breadcrumb a{color:#666;font-weight:600} .page-content .container-fluid .filterArea{background: #FFF;border:1px solid #ccc;padding:10px;border-radius:0px 14px 14px 14px;} .page-content .container-fluid .filterArea .row{margin-left:-5px;margin-right:-5px} .page-content .container-fluid .filterArea .row>div{padding-left:5px;padding-right:5px;margin-top:0!important;margin-bottom:0!important} /*CUSTOM FONT FEATHER ICONS */ .chkStyle label:before{font-family: 'feather-icons' !important; speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .radStyle label:before{font-family: 'feather-icons' !important; speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} /* BUTTONS */ .addNewOrderArea { padding: 5px 5px; background: #eee; text-align: right;} .addNewOrderArea>.btnScrollDiv {overflow-x: scroll; width: 100%; white-space: nowrap; } .buttonWarningUse{ cursor: auto; } .buttonWarningUse{ margin: 5px 5px 5px 0px; font-size: 10px; background:#a61224;color:#fff!important;padding:10px;font-weight:700;box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.1);border-radius: 0 14px 14px 14px;cursor:pointer} .buttonWarningUse i{margin-right:10px} .buttonWarningUse:hover{color:#fff} .buttonAddtable{ cursor: auto; } .buttonAddtable{ margin: 5px 5px 5px 0px; font-size: 10px; background:#34A853;color:#fff!important;padding:5px 10px;font-weight:700;box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.1);border-radius: 0 14px 14px 14px;cursor:pointer} .buttonAddtable i{margin-right:10px} .buttonAddtable:hover{color:#fff} .buttonAddfood{ cursor: auto; } .buttonAddfood{ margin: 5px 5px 5px 0px; font-size: 10px; background:#FBBC05;color:#333!important;padding:5px 10px;font-weight:700;box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.1);border-radius: 0 14px 14px 14px;cursor:pointer} .buttonAddfood i{margin-right:10px} .buttonAddfood:hover{color:#333} .buttonAdddelivery{ cursor: auto; } .buttonAdddelivery{ margin: 5px 5px 5px 0px; font-size: 10px; background:#4285F4;color:#fff!important;padding:5px 10px;font-weight:700;box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.1);border-radius: 0 14px 14px 14px;cursor:pointer} .buttonAdddelivery i{margin-right:10px} .buttonAdddelivery:hover{color:#fff} .buttonAddtakeaway{ cursor: auto; } .buttonAddtakeaway{ margin: 5px 5px 5px 0px; font-size: 10px; background:#6f1885;color:#fff!important;padding:5px 10px;font-weight:700;box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.1);border-radius: 0 14px 14px 14px;cursor:pointer} .buttonAddtakeaway i{margin-right:10px} .buttonAddtakeaway:hover{color:#fff} /* ACTIVE TABLES */ .activeTables .table-header{font-weight: bold;font-size: 16px;color: #D9372C;background: transparent;padding:0 0 .75rem;margin:0;border-bottom: 1px solid #FAFAFA;} .activeTables .table-header .btnOnOff { float: right; font-size: 12px;} .tableArea>div .tInner{height:100%;background:#fff;border-radius:0 14px 14px 14px; min-height: 85px;} .activeTables .taybName{display: inline-block;font-style: normal;font-weight:600;font-size: 14px;line-height:17px;color: #333;background: #e3e3e3;position:relative;width: 100%;border-radius: 0px 15px 0 0;} .activeTables .taybName a{color:#333} .activeTables .taybName.activeTable{color: #fff;background: #34A853} .activeTables .customers{/*padding-top:50px;padding-bottom:35px*/} .activeTables .customers .customerName, .activeTables .customers .customerOrder{font-weight: 600;font-size: 12px;line-height: 15px;color: #777;} .activeTables .customers .customerName{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .activeTables .customers .head{padding:4px 15px;} .activeTables .customers .head .customerName, .activeTables .customers .head .customerOrder{font-size: 10px;line-height: 12px;color: #D9372C;} .activeTables .customers .list .cont{padding: 10px 5px; display: inline-block; width: 100%;} .activeTables .customers .list .cont{border-bottom:1px solid #eee} .activeTables .customers .list .cont:last-child{border-bottom:none} .activeTables .magnet .taybName{background:#D9372C;color:#fff} .activeTables .magnet .taybName a{color:#fff} .activeTables .taybName .tabNameSpan{ padding: 9px; display: inline-block; width: calc(100% - 25px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12px; float: left;} .activeTables .taybName .createNewSession { padding: 9px 0px; float: right; width: 25px; background: #818181; text-align: center; border-radius: 0px 15px 0 0; color: #fff; font-size: 10px; } #ekstralar >div{padding:10px 10px 0} #ekstralar >div:nth-of-type(odd){background:#FAFAFA;} .popupDetail h1{font-weight: bold;font-size: 16px;color: #D9372C;padding:0 0 20px;margin: 0 15px 15px;border-bottom: 1px solid #eee;} .popupDetail h2{font-weight: bold;font-size: 14px;color: #2c6ed9;padding:0 0 20px;margin: 0 15px 15px;border-bottom: 1px solid #eee;} .popupDetail .row{margin-left:0;margin-right:0} .popupDetail .row label, .popupDetail .row .form-control, .popupDetail .row .table-responsive, .popupDetail .row .table-responsive th, .popupDetail .row .table-responsive td{font-size:14px} .tableSelect.row{margin-left:-10px;margin-right:-10px;} .tableSelect.row>div{padding-left:10px;padding-right:10px;} /*Radio Style*/ .rdStyle input{display:none;} .rdStyle label{min-height:96px;background:#ddd;font-weight:700;border-radius:0 10px 10px 10px;cursor:pointer;text-align:center;padding:10px 0} .rdStyle input[type='radio']:checked ~ label { background:#FFC421;color:#333; } /*Checkbox Style*/ .chkStyle label{background:#ddd;font-weight:700;border-radius:0 10px 10px 10px;cursor:pointer;width:24px;height:24px;line-height:24px;text-align:center;margin:4px 0; margin-bottom: 10px !important;} .chkStyle label:before{content: "\e937";line-height:24px;} .chkStyle input[type='checkbox']{display:none;} .chkStyle input[type='checkbox']:checked ~ label {background:#FFC421} .chkStyle input[type='checkbox']:checked ~ label:before{content: "\e92b";} .dobuleS label{height:auto;width:100%;border-radius:0;background:#c1c1c1} .dobuleS input[type='checkbox']:checked ~ label {background:#FFC421;color:#333!important} .dobuleS label:hover { background:#FFC421 } .dobuleS label:active { background:#FFC421 !important } /*.dobuleS input[type='checkbox']:checked ~ label:before{content: "\e92c";}*/ .radStyle label{background:#ddd;font-weight:700;border-radius:0 10px 10px 10px;cursor:pointer;width:24px;height:24px;line-height:24px;text-align:center;margin:4px 0; margin-bottom: 10px !important;} .radStyle label:before{content: "\e937";line-height:24px;} .radStyle input[type='radio']{display:none;} .radStyle input[type='radio']:checked ~ label {background:#FFC421} .radStyle input[type='radio']:checked ~ label:before{content: "\e92b";} .sizeS label{height:auto;width:50%;border-radius:0;background:#c1c1c1; float:left;} .sizeS input[type='radio']:checked ~ label {background:#FFC421;color:#333!important} .sizeS label:hover { background:#FFC421 } .sizeS label:active { background:#FFC421 !important } .btnExport{width:100%;color:#fff!important;font-size: 14px!important;padding: 10px!important;margin: 0!important;cursor:pointer} .btnOpenExport{width:100%;color:#fff!important;font-size: 14px!important;padding: 10px!important;margin: 0!important;cursor:pointer} /* PDF SAYFA */ .pdfPage{width:12cm;height:17cm;background:#fff;font-weight:500;color:#333} .pdfPage img{display:block} .pdfPage .top{height:42%;background:#FFC421;position:relative;text-align:center;} .pdfPage .top:before{content:'';left:0;background:url('http://foodieapp.xyz/partners/assets/img/pdf_pattern.png'); background-size:100%; position:absolute;width:100%;height:100%;opacity:.05} .pdfPage .top>div{padding:75px 0 0;font-size:22px;font-weight:500} .pdfPage .top>div strong{font-weight:700} .pdfPage .qrArea{text-align:center;margin-top:-16%;position:relative;} .pdfPage .qrArea img{width:34%;margin:0 auto;box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);border-radius:5px;} .pdfPage .qrArea span{display:block;font-style: normal;font-weight: 500;margin:10px 0 0} .pdfPage .logoArea{width:34%;margin:30px auto 40px;display:block} .pdfPage .onDigital{text-align:center;font-weight:700;font-size:11px;margin:10px 0} .pdfPage .onDigital ul{display: table;margin:0 auto;width:50%} .pdfPage .onDigital li{display:table-cell;padding:3px} .pdfPage .onDigital li img{width:100%;} .pdfPage .register{text-align:center;font-weight:700;font-size:8px;color:#888} .pdfPage .register .link{font-weight:500} /* END PDF SAYFA */ /*Page Detail*/ .pageDetail h1{font-weight: bold;font-size: 16px;color: #D9372C;padding:10px 0 10px;margin: 0 15px 15px;border-bottom: 1px solid #eee;} .pageDetail h1 strong{display:inline-block;color:#000;font-weight:500;font-size:14px} .pageDetail h1 .date{float:right;color: #212529;background-color: #ffc107;border-color: #ffc107;font-size:11px;padding:8px;border-radius:0 10px 10px 10px;margin-top:-10px} .pageDetail h2{font-weight: bold;font-size: 14px;color: #D9372C;padding:0 0 20px;margin: 0 15px 15px;border-bottom: 1px solid #eee;} .pageDetail .row{margin-left:0;margin-right:0} .pageDetail .row label, .pageDetail .row .form-control, .pageDetail .row .table-responsive, .pageDetail .row .table-responsive th, .pageDetail .row .table-responsive td{font-size:12px; white-space: nowrap; padding-top: 5px; padding-bottom: 5px;} .pageDetail .btn{font-weight:500} /* ORDERS AREA*/ .pageDetail .tableordersArea .buttonsArea .printOut{color: #fff;background-color:#4285F4;border-color:#4285F4;height:20%;min-height:40px} .pageDetail .tableordersArea .buttonsArea .newFood{color: #fff;background-color: #28a745;border-color: #28a745;height:84%} .pageDetail .tableordersArea .buttonsArea a{padding: .25rem .5rem;font-size: .875rem;line-height: 1.5;border-radius: .2rem;font-weight:bold} .pageDetail .tableordersArea .buttonsArea i{margin-right:6px} .pageDetail .tableordersArea .buttonsArea .printOut{margin-bottom:6%} .pageDetail .tableordersArea .customerName{font-weight: bolder;border-bottom: 1px solid #eee;margin-bottom:5px;padding-bottom:5px;margin-bottom:20px} .pageDetail .tableordersArea .table-responsive .btn{font-size:10px} .pageDetail .tableordersArea .table-responsive tfoot{border-top:2px solid rgba(0,0,0,.08)} .pageDetail .tableordersArea .table-responsive tfoot .totalpriceName{font-weight:bolder;} .pageDetail .tableordersArea .table-responsive tfoot .totalPrice{font-weight:bolder;color:#dc3545;font-size:17px} /* ADD TO TABLE FOOD*/ .pageDetail .tablefoodArea .titleArea{font-weight: bold;font-size: 14px;color: #D9372C;padding:0 0 10px;margin: 0 0 5px;border-bottom: 1px solid #eee;} .pageDetail .tablefoodArea h1{position: sticky; width: 100%; padding: 10px 30px; margin: 0; z-index: 1021; background: #fff; top: 0;} .pageDetail .tablefoodArea h1 span{display: inline-block; vertical-align: -webkit-baseline-middle;} /*Col 1*/ .pageDetail .tablefoodArea .catsArea{padding-top:15px;padding-bottom:15px;padding-top:15px;padding-bottom:15px;} .pageDetail .tablefoodArea .catsArea .catsList { flex-wrap: nowrap; flex-direction: row; overflow-x: auto;} .pageDetail .tablefoodArea .catsArea .catsList a{ width: auto; white-space: nowrap; padding: 3px 10px; display: inline-block; float: left; border: 1px solid #d3d3d3; margin-bottom: 3px; margin-right: 3px; border-radius: 5px; background: #fff; } .pageDetail .tablefoodArea .catsArea .catsList a.selected{background:#ffc107;color:#333;} .pageDetail .tablefoodArea .addedArea .closeCart { display: none; } .pageDetail .tablefoodArea .cartIconBadge { visibility: hidden; display: inline-block; float: right; font-size: 20px; position: relative; transition: all .2s ease-in-out;} .pageDetail .tablefoodArea .cartIconBadge .badge { position: absolute; right: -10px; top: -10px; background: #dc3545; color: #fff; font-size: 11px; } .pageDetail .tablefoodArea .cartIconBadge.cartIconScale { transform: scale(1.5); } .pageDetail .tablefoodArea .cartIconBadge i { color: #000; font-size: 30px; margin-top: -20px; display: inline-block; } .pageDetail .tablefoodArea .foodArea .foodBox i { position: absolute; right: 0; bottom: 0; padding: 1px; background: rgb(40 167 69 / 50%); color: #fff; border-radius: 4px 0 0 0; z-index: 0; } .stampCardsGraph { height:400px !important} @media (max-width: 1440px){ .stampCardsGraph { height:300px !important} .pageDetail .tablefoodArea .catsArea .catsList { max-height: 120px; overflow-y: scroll; overflow-x: hidden;} } @media (max-width: 768px){ .stampCardsGraph { height:250px !important} .pageDetail .tablefoodArea .catsArea .catsList { max-height: auto; overflow-y: hidden; overflow-x: scroll; display: grid; grid-template-rows: repeat(3,29px); grid-auto-flow: column; column-gap: 3px; row-gap: 3px; } } @media (max-width: 900px) and (max-height:600px){ .pageDetail .tablefoodArea .catsArea .catsList { max-height: auto; overflow-y: hidden; overflow-x: scroll; display: grid; grid-template-rows: repeat(1,29px); grid-auto-flow: column; column-gap: 3px; row-gap: 3px; } } @media (max-width: 1280px) { .pageDetail .tablefoodArea .addedArea { display: none; position: fixed; top: 0; width: 100%; background: #fff; z-index: 99999; padding: 30px; margin-bottom: 20px; height: 100%; overflow-y: scroll; } .pageDetail .tablefoodArea .addedArea .closeCart { font-size: 20px; display: block; float: right; } .pageDetail .tablefoodArea .cartIconBadge { visibility: visible } .foodArea.col-xl-9 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .addedArea.col-xl-3 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .page-content.posTerminal .pageDetail .tablefoodArea .addedArea { position: absolute; margin-top: -20px; } } /*Col 2*/ .pageDetail .tablefoodArea .foodArea {background:rgba(0,0,0,.03);padding-top:15px;padding-bottom:15px} .pageDetail .tablefoodArea .foodArea .searchArea{border:2px solid #eee;margin:0 0 20px} .pageDetail .tablefoodArea .foodArea .searchArea input{background:#fff;width:100%;border:0;padding:6px 8px;font-weight:bold;font-size:14px} .pageDetail .tablefoodArea .foodArea .foodsTable {font-size: 11px;} .pageDetail .tablefoodArea .foodArea .foodsTable .foodBox { background: #fff; min-height: 60px;} .pageDetail .tablefoodArea .foodArea .additionsArea { position: fixed; top: 0; width: 100%; height: 100%; left: 0; z-index: 9999; background: #fff; padding: 10px 30px; overflow-y: scroll;} .pageDetail .tablefoodArea .foodArea .additionsArea .additionsAreaContent {max-width: 50%; margin:0 auto;} .pageDetail .tablefoodArea .foodArea .additionsArea .additionsAreaContent h5 a { float: right; background: #D9372C; color: #fff; border-radius: 5px; padding: 4px 4px; font-size: 15px; } .pageDetail .tablefoodArea .foodArea .additionsArea .additionsAreaContent h5 a i{ display: block;} @media (max-width: 1200px) { .pageDetail .tablefoodArea .foodArea .additionsArea .additionsAreaContent {max-width: 60%;} } @media (max-width: 768px) { .pageDetail .tablefoodArea .foodArea .additionsArea .additionsAreaContent {max-width: 80%;} } @media (max-width: 430px) { .stampCardsGraph { height:200px !important} .pageDetail .tablefoodArea .foodArea .additionsArea .additionsAreaContent {max-width: 95%;} .pageDetail .tablefoodArea .addedArea .sessionClose .input-group-prepend { display: block; width: 100%;} .pageDetail .tablefoodArea .addedArea .sessionClose .form-control { width: 100%;} .pageDetail .tableordersArea .finishSession .sessionClose .input-group-prepend { display: block; width: 100%;} .pageDetail .tableordersArea .finishSession .sessionClose .form-control { width: 100%;} } .pageDetail .tablefoodArea .foodsTable tr td{position:relative} .pageDetail .tablefoodArea .foodsTable .additionsArea li{border-bottom:1px solid rgba(0,0,0,.05);padding:10px 0} .pageDetail .tablefoodArea .foodsTable .additionsArea li:last-child{border-bottom:0} .pageDetail .tablefoodArea .foodsTable .additionsArea li .title{font-weight:600;font-size:14px} .pageDetail .tablefoodArea .foodsTable .additionsArea li .title span{color:#D9372C} .pageDetail .tablefoodArea .foodsTable .additionsArea li .addon{position:relative;padding:5px 0;font-size:15px;font-weight:500} .pageDetail .tablefoodArea .foodsTable .additionsArea li .addon .cArea{float:right;border-radius: 0px 14px 14px 14px;margin-left:10px} .pageDetail .tablefoodArea .foodsTable .additionsArea li .addon .cArea a{float:left;border-radius: 0px 14px 14px 14px;background:#ccc;font-size:14px;line-height:14px;padding:5px 7px;color:#fff;cursor:pointer} .pageDetail .tablefoodArea .foodsTable .additionsArea li .addon .cArea a i{display:block} .pageDetail .tablefoodArea .foodsTable .additionsArea li .addon .cArea a.remove{/*background:#E65100*/background:#6DC530} .pageDetail .tablefoodArea .foodsTable .additionsArea li .addon .cArea a.add{background:#6DC530} .pageDetail .tablefoodArea .foodsTable .additionsArea li .addon .cArea a.addWhite{color:#333;border:1px solid #ccc;background:#fff} .pageDetail .tablefoodArea .foodsTable .additionsArea li .addon .cArea input{float:left;background:transparent;width:30px;height:24px;line-height:24px;border:none;text-align:center;font-weight:500;font-size: 16px;color: #333;} .pageDetail .tablefoodArea .foodsTable .additionsArea li .addon .nameAndPrice{display:flex;justify-content:space-between;padding:2px 0 0 0} .pageDetail .tablefoodArea .foodsTable .additionsArea li .addon .aName{width:65%;} .pageDetail .tablefoodArea .foodsTable .additionsArea li .addon .price{font-weight:500;font-size: 14px;line-height:normal;color:#333;width:30%;text-align:right} .pageDetail .tablefoodArea .foodsTable .additionsArea li .addon .price sup{font-size:10px;font-weight: 500;padding-right:3px;vertical-align: baseline;position: relative;top: -0.4em;} .pageDetail .tablefoodArea .foodArea .foaddtoOrder{padding: .50rem .5rem;font-size: .875rem;line-height: 1.5;border-radius: .2rem;font-weight: bold;color: #333;background-color: #ffc107;display:block;text-align:right;margin-bottom:20px;cursor:pointer} .pageDetail .tablefoodArea .foodArea .foaddtoOrder input{ float: left; width: 80px; margin-top: -3px; border-radius: 5px; border: 1px solid #a27a01;} .pageDetail .tablefoodArea .foodArea .foaddtoOrder:before{content:'';position:absolute;border:2px solid rgba(0,0,0,.05);width:100%;height:calc(100% - 20px);left:0;top:0;z-index:-1} /*Col 3*/ .pageDetail .tablefoodArea .addedArea .cartList .cartMinus { background: #8f8f8f; color: #fff; padding: 3px 5px 0 5px; border-radius: 5px; display: inline-block; height: 24px; float: left; } .pageDetail .tablefoodArea .addedArea .cartList .cartPlus { background: #28a745; color: #fff; padding: 5px 5px 0 5px; border-radius: 5px; display: inline-block; height: 24px; float: left; } .pageDetail .tablefoodArea .addedArea .cartList .cartQt { display: inline-block; float: left; padding: 2px 3px; width: 35px; text-align: center; font-size: 12px; font-weight: 600; } .pageDetail .tablefoodArea .addedArea .cartList .foodName { float: left; display: inline-block; padding: 3px 5px; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; } .pageDetail .tablefoodArea .addedArea .cartList .foodDescription { font-size: 11px; color:#818181; font-style: italic; padding-left: 3px;} .pageDetail .tablefoodArea .addedArea .cartList .foodPrice { display: inline-block; float: left; padding: 2px 3px; text-align: center; font-size: 12px; font-weight: 600; } .pageDetail .tablefoodArea .addedArea .cartList .deleteItem { background: #dc3545;color: #fff;padding: 3px 5px 0 5px;border-radius: 5px;display: inline-block;height: 24px;float: right; } .pageDetail .tablefoodArea .addedArea .cartList .totalPriceLeft { float: left; font-size: 13px; font-weight: bold; width: 100%; } .pageDetail .tablefoodArea .addedArea .cartList .totalPriceRight { display: inline-block; float: right; font-size: 13px; font-weight: bold; } .pageDetail .tablefoodArea .addedArea {padding-top:15px;padding-bottom:15px} .pageDetail .tablefoodArea .addedArea .table-responsive tr{padding:10px 0;display:block} .pageDetail .tablefoodArea .addedArea .table-responsive td{width:100%;display:block;padding:6px;font-weight:600} .pageDetail .tablefoodArea .addedArea .table-responsive td .foRemove{float:right;margin-bottom:5px} .pageDetail .tablefoodArea .addedArea .table-responsive td .foRemove i{margin:0} .pageDetail .tablefoodArea .addedArea .table-responsive td strong{font-size:12px;font-weight:600;color:#D9372C} .pageDetail .tablefoodArea .addedArea .table-responsive td.foodContent{font-size:12px;font-weight:500} .pageDetail .tablefoodArea .addedArea .table-responsive td.foodPrice strong{font-size:16px;font-weight:600} .pageDetail .tablefoodArea .addedArea .table-responsive tfoot{border-top:2px solid rgba(0,0,0,.08)} .pageDetail .tablefoodArea .addedArea .table-responsive tfoot tr{padding-top:10px;display:block} .pageDetail .tablefoodArea .addedArea .table-responsive tfoot td{padding:0} .pageDetail .tablefoodArea .addedArea .table-responsive tfoot .totalpriceName{font-weight:bolder;} .pageDetail .tablefoodArea .addedArea .table-responsive tfoot .totalPrice{font-weight:800;color:#dc3545;font-size:17px} .pageDetail .tablefoodArea .addedArea .addtoTable{padding: .50rem .5rem;font-size: .875rem;line-height: 1.5;border-radius: .2rem;font-weight: bold;color: #fff;background-color: #28a745;border-color: #28a745} .pageDetail .tablefoodArea .addedArea .form-control{border:2px solid rgba(0,0,0,.09);} .pageDetail .filterArea{background: #FFF;border:1px solid #ccc;padding:10px;border-radius:0px 14px 14px 14px;} .pageDetail .filterArea .row{margin-left:-5px;margin-right:-5px} .pageDetail .filterArea .row>div{padding-left:5px;padding-right:5px;margin-top:0!important;margin-bottom:0!important} .pageDetail .filterArea .row>div .poDiscountValue, .pageDetail .tablefoodArea .row>div .poDiscountValue{padding:0} .pageDetail .filterArea .row>div .poDiscountValue input, .pageDetail .tablefoodArea .row>div .poDiscountValue input{border:0;margin:0;max-height:100%} .btnOnOff{margin:0;cursor:pointer} .btnOnOff div{border:2px solid #ccc;position:relative;width:40px;height:24px;display:block;border-radius:100px;float:left} .btnOnOff input{display:none} .btnOnOff div:before{content: '';} .btnOnOff div:after{content: '';background:#ddd;width:15px;height:15px;top: 2px;left: 2px;position:absolute;border-radius:100px} .btnOnOff .btnOnOffText{float:left;padding:3px 4px;font-weight:700} .btnOnOff input[type=checkbox]:checked+.toggle-icon:after{background:#fff;left:17px} .btnOnOff input[type=checkbox]:checked~.btnOnOffText{color: #34a853} .btnOnOff input[type=checkbox]:checked+.toggle-icon{background:#34a853;border-color:#34a853} /*-- Table Head and Foot --*/ .tableFixHeadandFoot{overflow-y: auto;max-height: 60vh;} .tableFixHeadandFoot thead th { position: sticky; top: 0;background:#fff } .tableFixHeadandFoot tfoot td { position: sticky; bottom: 0;background:#fff } /*Wizard Page*/ .fWizard .card-header{margin:0} .fWizard .fWizardSteps ul{display: table;list-style: none;position: relative;width: 100%;margin: 20px 0 20px;} .fWizard .fWizardSteps ul li{display: table-cell;text-align: center; width: 10%} .fWizard .fWizardSteps ul li a{display: block;position: relative;opacity: 1;color: #666;margin-top: 20px} .fWizard .fWizardSteps ul li a:before{content: "";position: absolute;height: 4px;background: #ccc;top: 20px;width: 100%;z-index: 4;left: 0;} .fWizard .fWizardSteps ul li:first-child a:before{left: 50%;} .fWizard .fWizardSteps ul li:last-child a:before{right: 50%;width: 50%;left: auto;} .fWizard .fWizardSteps ul li a .stepNo{width: 40px;height: 40px;line-height: 40px;border-radius: 100px;display: block;margin: 0 auto 5px;font-size: 16px;text-align: center;position: relative;z-index: 5; background: #ccc; color:#fff;font-weight: 500} .fWizard .fWizardSteps ul li a .stepDesc{font-size:14px;font-weight: 500; text-decoration: underline;} .fWizard .fWizardSteps ul li a .stepDesc:hover {text-decoration: none;} .fWizard .fWizardSteps ul li a.selected:before{background: #34495E;color: #fff;} .fWizard .fWizardSteps ul li a.selected .stepNo{background: #34495E;color: #fff;} .fWizard .fWizardSteps ul li a.compated:before{background: #1ABB9C;color: #fff;} .fWizard .fWizardSteps ul li a.compated .stepNo{background: #1ABB9C;color: #fff;} .fWizard .btn{font-size:12px;} .fWizard .bButtonsArea{border-top:2px solid #eee;padding-top: 14px} .fWizard .bButtonsArea a{font-size:12px;margin:0 4px} .fWizard .bButtonsArea a:first-child{margin-right:0} .fWizard .bButtonsArea a:last-child{margin-left:0} .fWizard .findAddress button{margin:0} .fWizard .orLine:after{content:'';width:100%;height:2px;background:#eee;top:50%;margin-top:-1px;position:absolute;z-index:0;left:0} .fWizard .orLine span{background: #fff;position:relative;z-index:1;padding:0 20px;} .fWizard .howTouse{background:#FFC421;color:#333;} .fWizard .selectSegmentation .card-header { margin: 0 1.25rem !important;} .alertWe{background: #fbbc05;color: #333;padding: 14px;display: block;margin: 58px 12px 0;border-radius:0 14px 14px 14px;box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.1);font-weight:500} .alertWe strong{font-weight:600} .alertWe:hover{color:#333} .alertPopup{position: fixed;width: 100%;z-index: 999;background: rgba(0, 0, 0, .1);color: #fff;top: 0px;left: 0px;height: 100%;display: flex;} .alertPopupOrder2, .alertPopupOrder1, .alertPopupOrder0, .alertPopupRequest{text-align: center;align-items: center;justify-content: center;width:100%;float: left;height:100%;font-weight:600;font-size:20px;cursor:pointer;} .alertPopupOrder2{background:#055EFB; /* ANIMATION */ animation: alertPopupOrder2Animate ease-out 2s forwards; animation-iteration-count: 5; transform-origin: 50% 50%; -webkit-animation: alertPopupOrder2Animate ease-out 2s forwards; -webkit-animation-iteration-count: 5; -webkit-transform-origin: 50% 50%; /*animation-delay: 0.6s;*/} .alertPopupOrder1{background:#34A853; /* ANIMATION */ animation: alertPopupOrder1Animate ease-out 2s forwards; animation-iteration-count: 5; transform-origin: 50% 50%; -webkit-animation: alertPopupOrder1Animate ease-out 2s forwards; -webkit-animation-iteration-count: 5; -webkit-transform-origin: 50% 50%; /*animation-delay: 0.6s;*/} .alertPopupOrder0{background:#A8348E; /* ANIMATION */ animation: alertPopupOrder0Animate ease-out 2s forwards; animation-iteration-count: 5; transform-origin: 50% 50%; -webkit-animation: alertPopupOrder0Animate ease-out 2s forwards; -webkit-animation-iteration-count: 5; -webkit-transform-origin: 50% 50%; /*animation-delay: 0.6s;*/} .alertPopupRequest{background:#FBBC05;color:#333; /* ANIMATION */ animation: alertPopupRequestAnimate ease-out 2s forwards; animation-iteration-count: 5; transform-origin: 50% 50%; -webkit-animation: alertPopupRequestAnimate ease-out 2s forwards; -webkit-animation-iteration-count: 5; -webkit-transform-origin: 50% 50%; /*animation-delay: 0.6s;*/} .alertPopupOrder2 strong, .alertPopupOrder1 strong, .alertPopupOrder0 strong, .alertPopupRequest strong{display: inline-block;background: #fff;padding: 6px 38px;margin-bottom: 5px;border-radius: 24px 0 24px 24px;font-size: 68px;} .alertPopupOrder2 strong{color:#055EFB} .alertPopupOrder1 strong{color:#34A853} .alertPopupOrder0 strong{color:#A8348E} .alertPopupRequest strong{color:#333} @keyframes alertPopupOrder2Animate{ 0% {background:#055EFB} 25% {background:#0854DA} 50% {background:#055EFB} 75% {background:#0854DA} 100% {background:#055EFB} } @keyframes alertPopupOrder1Animate{ 0% {background:#34A853} 25% {background:#2c9247} 50% {background:#34A853} 75% {background:#2c9247} 100% {background:#34A853} } @keyframes alertPopupOrder0Animate{ 0% {background:#A8348E} 25% {background:#992B80} 50% {background:#A8348E} 75% {background:#992B80} 100% {background:#A8348E} } @keyframes alertPopupRequestAnimate{ 0% {background:#FBBC05} 25% {background:#e2aa06} 50% {background:#FBBC05} 75% {background:#e2aa06} 100% {background:#FBBC05} } .dNoneDesktop{display:none;} .dNone{display:none;} .howTouseBox h2{font-size:16px;font-weight:600} .howTouseBox .btn{font-size:30px;line-height:25px} .howTouseBox .btn i{margin:0} .info-group .input-group-text{padding: 0!important;font-size: 21px!important;margin:0!important;border:0} .info-group button{margin:0!important;display: block;line-height: 31px} .info-group button i{margin:0;display: block;font-size:19px!important} .mLe0{ margin-left:0!important} .mLe10{ margin-left: 10px!important} .mLe20{ margin-left: 20px!important} .mLe30{ margin-left: 30px!important} .mLe40{ margin-left: 40px!important} .mLe50{ margin-left: 50px!important} .mLe60{ margin-left: 60px!important} .mTo0{margin-top:0!important} .mTo10{ margin-top: 10px!important} .mTo20{ margin-top: 20px!important} .mTo30{ margin-top: 30px!important} .mTo40{ margin-top: 40px!important} .mTo50{ margin-top: 50px!important} .mTo60{ margin-top: 60px!important} .mBo0{margin-bottom:0!important} .mBo5{margin-bottom:5px!important} .mBo10{margin-bottom:10px!important} .mBo15{margin-bottom:15px!important} .mBo12{margin-bottom:12px!important} .mBo20{margin-bottom:20px!important} .mBo30{margin-bottom:30px!important} .mBo40{margin-bottom:40px!important} .mBo50{margin-bottom:50px!important} .mBo60{margin-bottom:60px!important} .mBo70{margin-bottom:70px!important} .pTo10{padding-top:10px;} .pTo20{padding-top:20px;} .pTo30{padding-top:30px;} .pTo40{padding-top:40px;} .pTo50{padding-top:50px;} .pTo60{padding-top:60px;} .pTo70{padding-top:70px;} .pTo80{padding-top:80px;} .pBo0{padding-bottom:0;} .pBo10{padding-bottom:10px;} .pBo20{padding-bottom:20px;} .pBo30{padding-bottom:30px;} .pBo40{padding-bottom:40px;} .pBo50{padding-bottom:50px;} .pBo60{padding-bottom:60px;} .pBo70{padding-bottom:70px;} .pBo80{padding-bottom:80px;} @media (max-width: 1440px){ } @media (max-width: 1366px){ } @media (max-width: 1280px){ } @media (min-width: 1200px) { } @media (max-width: 1025px){ .pageDetail .tableordersArea .btn { margin: 5px 0; } .header-profile .pic{display:none;} .header-profile>div{padding:15px 20px} .page-content .container-fluid .contentArea .rightArea h1{font-size:14px} .page-content .container-fluid .contentArea .rightArea ul li .iconArea i{display:none} .page-content .container-fluid .contentArea .rightArea ul li .textArea{padding:15px 15px 15px 15px} .page-content .container-fluid .contentArea .rightArea ul li .textArea p{font-size:12px} .page-content .container-fluid .contentArea .rightArea ul li .textArea .right{font-size: 16px;} .table-responsive tbody.titles td:nth-of-type(1):before, .table-responsive tbody.titles td:nth-of-type(2):before, .table-responsive tbody.titles td:nth-of-type(3):before, .table-responsive tbody.titles td:nth-of-type(4):before, .table-responsive tbody.titles td:nth-of-type(5):before, .table-responsive tbody.titles td:nth-of-type(6):before, .table-responsive tbody.titles td:nth-of-type(7):before, .table-responsive tbody.titles td:nth-of-type(8):before, .table-responsive tbody.titles td:nth-of-type(9):before, .table-responsive tbody.titles td:nth-of-type(10):before, .table-responsive tbody.titles td:nth-of-type(11):before, .table-responsive tbody.titles td:nth-of-type(12):before, .table-responsive tbody.titles td:nth-of-type(13):before, .table-responsive tbody.titles td:nth-of-type(14):before, .table-responsive tbody.titles td:nth-of-type(15):before{display:none} .table-responsive tfoot.titles td:nth-of-type(1):before, .table-responsive tfoot.titles td:nth-of-type(2):before, .table-responsive tfoot.titles td:nth-of-type(3):before, .table-responsive tfoot.titles td:nth-of-type(4):before, .table-responsive tfoot.titles td:nth-of-type(5):before, .table-responsive tfoot.titles td:nth-of-type(6):before, .table-responsive tfoot.titles td:nth-of-type(7):before, .table-responsive tfoot.titles td:nth-of-type(8):before, .table-responsive tfoot.titles td:nth-of-type(9):before, .table-responsive tfoot.titles td:nth-of-type(10):before, .table-responsive tfoot.titles td:nth-of-type(11):before, .table-responsive tfoot.titles td:nth-of-type(12):before, .table-responsive tfoot.titles td:nth-of-type(13):before, .table-responsive tfoot.titles td:nth-of-type(14):before, .table-responsive tfoot.titles td:nth-of-type(15):before{display:none} .pageDetail .tableordersArea .table-responsive.tableScrollable .btn { margin: 0 !important;} } @media (max-width: 1020px){ } @media (max-width: 992px){ } @media (max-width: 768px){ .pageDetail .tablefoodArea .catsArea .catsList{max-height: 20vh;overflow-y: scroll} .pageDetail .tablefoodArea .catsArea .catsList ul{display: flex;flex-direction: row;flex-wrap: wrap;width: 100%;} .pageDetail .tablefoodArea .catsArea .catsList li{flex-direction: column;flex-basis: 49%;background: #f2f2f2;margin: 0.5%;} .fWizard .fWizardSteps ul li{display:list-item} .fWizard .fWizardSteps ul li a{margin-top: 20px;height: 80px} .fWizard .fWizardSteps ul li a:before{content: "";position: absolute;height: 100%;background: #ccc;top: 20px;width: 4px;z-index: 4;left: 49%;} .fWizard .fWizardSteps ul li:first-child a:before{left: 49%} .fWizard .fWizardSteps ul li:last-child a:before{left: 49%;left: auto;width: 0} .fWizard .fWizardSteps ul li a .stepDesc{display:none} .fWizard .btn{width: 100%;display:block;float:none!important;margin:5px 0!important} .fWizard .bButtonsArea a:first-child{margin-top:0!important} .fWizard .bButtonsArea a:last-child{margin-bottom:0!important} .fWizard .findAddress button{margin:0!important} .fWizard .findAddress .form-control{width:100%} .fWizard .findAddress .input-group-append, .fWizard .findAddress button{width:100%} .fWizard .fWizardSteps ul li a .stepNo{width:30px;height:30px;line-height:30px;font-size:12px} .fWizard .fWizardSteps ul li{ width: inherit !important } .loyaltyTableScrollX { overflow-x:scroll; } .loyaltyTableScrollX table { width: 750px; } } @media (max-width: 640px){ .pageDetail .tableordersArea .btn {margin: 5px 0; } .page-content .container-fluid .contentArea .rightArea{order: 2} .page-content .container-fluid .contentArea .leftArea{order: 1} /*TABLE STYLE*/ .table-responsive:not(.tableScrollable), .table-responsive .table:not(.tableScrollable), .table-responsive thead:not(.tableScrollable thead), .table-responsive tbody:not(.tableScrollable tbody), .table-responsive tfoot:not(.tableScrollable tfoot), .table-responsive th:not(.tableScrollable th), .table-responsive td:not(.tableScrollable td), .table-responsive tr:not(.tableScrollable tr){display:block!important} .tableTDcell tr{display:table-row!important} .input-group {min-width:100px} .tableTDcell:not(.tableScrollable), .tableTDcell th:not(.tableScrollable th), .tableTDcell td:not(.tableScrollable td){display:table-cell!important} .table-responsive thead:not(.tableScrollable thead){display:none!important} .table-responsive tbody.titles td:nth-of-type(1):before, .table-responsive tbody.titles td:nth-of-type(2):before, .table-responsive tbody.titles td:nth-of-type(3):before, .table-responsive tbody.titles td:nth-of-type(4):before, .table-responsive tbody.titles td:nth-of-type(5):before, .table-responsive tbody.titles td:nth-of-type(6):before, .table-responsive tbody.titles td:nth-of-type(7):before, .table-responsive tbody.titles td:nth-of-type(8):before, .table-responsive tbody.titles td:nth-of-type(9):before, .table-responsive tbody.titles td:nth-of-type(10):before, .table-responsive tbody.titles td:nth-of-type(11):before, .table-responsive tbody.titles td:nth-of-type(12):before, .table-responsive tbody.titles td:nth-of-type(13):before, .table-responsive tbody.titles td:nth-of-type(14):before, .table-responsive tbody.titles td:nth-of-type(15):before {font-weight:700;position: absolute !important;top: .75rem !important;left: 6px !important;width: 45% !important;padding-right: 10px !important;display:block} .table-responsive tfoot.titles td:nth-of-type(1):before, .table-responsive tfoot.titles td:nth-of-type(2):before, .table-responsive tfoot.titles td:nth-of-type(3):before, .table-responsive tfoot.titles td:nth-of-type(4):before, .table-responsive tfoot.titles td:nth-of-type(5):before, .table-responsive tfoot.titles td:nth-of-type(6):before, .table-responsive tfoot.titles td:nth-of-type(7):before, .table-responsive tfoot.titles td:nth-of-type(8):before, .table-responsive tfoot.titles td:nth-of-type(9):before, .table-responsive tfoot.titles td:nth-of-type(10):before, .table-responsive tfoot.titles td:nth-of-type(11):before, .table-responsive tfoot.titles td:nth-of-type(12):before, .table-responsive tfoot.titles td:nth-of-type(13):before, .table-responsive tfoot.titles td:nth-of-type(14):before, .table-responsive tfoot.titles td:nth-of-type(15):before {font-weight:700;position: absolute !important;top: .75rem !important;left: 6px !important;width: 45% !important;padding-right: 10px !important;display:block} .table-responsive.tableScrollable tbody.titles td:nth-of-type(n):before { display: none;} .table-responsive.tableScrollable tfoot.titles td:nth-of-type(n):before { display: none;} .table-responsive tbody.titles td:not(.tableScrollable td), .table-responsive tfoot.titles td:not(.tableScrollable td){position: relative !important;padding-left: 50% !important;} .table-responsive tbody.titles td.noTitleMobile:before{display:none;} .table-responsive.tableScrollable tbody.titles td.noTitleMobile:before{display:none;} .table-responsive tbody.titles td.noTitleMobile:not(.tableScrollable td){padding-left: .75rem !important;} .table-responsive tbody.titles td.dNoneMobile:not(.tableScrollable td){display:none !important;} .dNoneDesktop{display:block !important;} .table-responsive tbody td .btn{display:block;width:100%} .table-responsive td .aa-drag-list{font-size:34px;margin:0;color:#777} .pageDetail .tableordersArea .table-responsive.tableScrollable .btn { margin: 0 !important;} /*TABLE STYLE*/ .page-content .container-fluid .page-title .title-left{order:1;} .page-content .container-fluid .page-title .title-right{order:2} .page-content .container-fluid .page-title .title-right .btn{margin:6px 0 0;width:100%;} .page-content .container-fluid .page-title .title-left h1{margin-top:20px} .page-content .container-fluid .page-title .title-right nav{float:none;} .page-content .container-fluid .filterArea .row>div{margin-bottom:10px!important} .page-content .container-fluid .filterArea .row>.buttonsArea{margin-bottom:0!important} /*Dashboard*/ /*Active Tables*/ .tableArea>div .tInner{min-height:85px} /*.activeTables .customers{padding-top:40px;padding-bottom:10px;}*/ .activeTables .customers .head{padding:4px 15px 0;} /*Table*/ .rdStyle label{min-height:38px} /* end Dashboard*/ } @media (max-width: 640px){ .pageDetail .tablefoodArea .addedArea .table-responsive tbody td{position: relative !important;padding-left:6px !important;} .pageDetail .tablefoodArea .dNoneMobile, .pageDetail .tableordersArea .dNoneMobile{display:none!important} } @media (max-width: 475px){ .pageDetail .tableordersArea .btn {width: 100%; margin: 5px 0; } .pageDetail .tablefoodArea .catsArea{padding:15px;} .pageDetail .tablefoodArea .catsArea .catsList li{flex-basis: 99%;background: #f2f2f2;margin: 0.5%;} .pageDetail .tablefoodArea .foodArea .table-responsive{margin-top:10px!important;margin-bottom:0!important} .pageDetail .tablefoodArea .foodsTable tr td{padding:0.45rem;padding-left:0.45rem!important;} .pageDetail .tablefoodArea .foodsTable tr td:before{display:none!important} .pageDetail .tablefoodArea .foodsTable tr{clear:both;display:flex!important;justify-content:space-between} .pageDetail .tablefoodArea .foodsTable tr td{width:100%} .pageDetail .tablefoodArea .foodsTable tr td.foodPic{float:left;display:none!important} .pageDetail .tablefoodArea .foodsTable tr td.foodPrice{text-align:right} .pageDetail .tablefoodArea .foodsTable .additionsArea li .title{font-size:12px} .pageDetail .tablefoodArea .foodsTable .additionsArea li .addon{font-size:14px} .pageDetail .tablefoodArea .foodsTable .additionsArea li .addon .price{font-size:12px} .pageDetail .tablefoodArea .foodsTable .additionsArea li .addon .cArea a{padding:3px 5px} .pageDetail .tablefoodArea .foodsTable .additionsArea li .addon .cArea input{font-size:14px;height:20px;line-height:20px;} .pageDetail .tablefoodArea .foodArea .foaddtoOrder:before{height:calc(100% - 15px);font-size:12px} .pageDetail .tablefoodArea .foodArea .foaddtoOrder{margin-bottom:15px} .pageDetail .tablefoodArea .addedArea .table-responsive td .foRemove{width:auto} /*-- Table Head and Foot --*/ .tableFixHeadandFoot{overflow-y: auto;height:auto;} .tableFixHeadandFoot thead th { position:relative; top: 0;background:#fff } .tableFixHeadandFoot tfoot td { position:relative; bottom: 0;background:#fff } } @media (max-width: 375px){ } @media (max-width: 320px){ } .sfldiv1 {float:left; width:100%; font-weight:bold; margin:10px 0px; text-align:center} .sfldiv2 {float:left; width:100%; font-weight:bold; margin:10px 0px; text-align:center} .sfl { padding:2px 5px; border:1px solid #999; background:#eee; text-decoration:none; color:#000;display:inline-block; margin-bottom:5px} .sfla { padding:2px 5px; border:1px solid #999; background:#eee; text-decoration:none; color:#000;background:#666; color:#CCC;display:inline-block; margin-bottom:5px} .sfl:hover, .sfla:hover { padding:1px 4px; border:2px solid #aaa} #Fone {z-index:999999; height:120%; float:left;position:fixed !important;position:absolute;width:100%;top:0px;*top:0px;_top:expression(document.compatMode=='CSS1Compat'? document.documentElement.scrollTop+0+'px' : body.scrollTop+'px');} #Fone2{opacity:0.5;filter:alpha(opacity=50);height:100%;width:100%;background-color:#232323;position:absolute;top:0px;left:0px;} #Fone3 {z-index:999998;position:relative;margin-top:50px} .sorty { cursor:move; background:#f2f2f2 } .ui-sortable-placeholder { padding:20px 0px; display:inline-block} .cropper-bg { height: 500px !important } .img-container { height: 500px !important } .input-group-prepend .btn {margin:0 !important; height: 100%} .addCategories { width: 100%; display: block; } .addCategories div.catRow { width: 100%; display: block; padding: 5px 0; background: #eee; border-radius: 5px; padding: 5px; margin-bottom: 5px } .addCategories div.catRow span { width: 100%; display: block; } .addCategories div.catRow span strong { font-weight: bold } .qrExportH3 { font-size: 14px; font-weight: 600; } .servicesFlipCard { width: 100%; height: 310px; display: inline-block; perspective: 3000px; } .contentFlipCard { width: 100%; height: 100%; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); transition: transform 0.6s; transform-style: preserve-3d; display: inline-block;} .servicesFlipCard:hover .contentFlipCard { transform: rotateY(180deg); transition: transform 0.6s;} .frontFlipCard, .backFlipCard { padding: 50px 30px; position: absolute; height: 100%; width: 100%; background: white; border-radius: 5px; backface-visibility: hidden; } .backFlipCard { background: #256896; color: white; transform: rotateY(180deg);} .servicesHead { margin-bottom: 10px;} .servicesHeadName { text-align: left; font-size: 14px; font-weight: 600;} .servicesHeadOnOff{ text-align: right;} .frontFlipCard i{ font-size: 100px; display: block; color: #000; margin-bottom: 10px;} .frontFlipCard span.title{ font-size: 28px; font-weight:bold; display: block; color: rgb(56, 56, 56); margin-top: 30px;} .frontFlipCard span.desc{ font-size: 0.8vw; font-weight:300; display: block; color: rgb(117, 117, 117)} .backFlipCard p { font-size: 14px; font-weight: 400; margin-bottom: 5px; } .backFlipCard span { font-size: 18px; font-weight: 600; margin-bottom: 10px; display: inline-block; } .shiftInfoBox table { margin: 10px; display: inline-table; width: calc(100% - 20px);} .resTableLeft { font-size: 12px; font-weight: 800; width: 13%; } .resTableMid { font-size: 12px; font-weight: 800; width: 1%;} .resTableRight { font-size: 11px; font-weight: 600; } .resTableRight input{ width: 30%; } /**SUPPORT**/ .ticketSystem .chat { list-style: none; margin: 0; padding: 0; } .ticketSystem .chat li { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px dotted #B3A9A9; color: #333 !important; } .ticketSystem .chat li.float-left .chat-body { margin-left: 60px; } .ticketSystem .chat li.float-right .chat-body { margin-left: 60px; } .ticketSystem .chat li .chat-body .detail { margin: 10px 0 20px; color: #777777; } .ticketSystem .chat li .chat-body .header { margin-top: 14px; } .ticketSystem .chat li .chat-img img{ border-radius: 5px; width: 50px; } .ticketSystem .chat li.float-left { width: 90%; background: #f7f7f7; box-sizing: border-box; padding: 20px; border-radius: 15px; border: 1px solid #e9e9e9; } .ticketSystem .chat li.float-right { width: 90%; background: #f0f9ff; box-sizing: border-box; padding: 20px; border-radius: 15px; border: 1px solid #e9e9e9; } .ticketSystem .panel .slidedown .fa-clock-o, .ticketSystem .chat .fa-clock-o { margin-right: 5px; } .ticketSystem .attach .col-md-1 p { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-top: 5px; font-size: 10px; } .ticketSystem .attach .col-md-1 img{ max-width: 100%; } @media (max-width: 475px) { #yt_form_dosya input { width: 100% !important; } .replyArea td{ border: 0;} .ticketSystem .chat li.float-right { width: 100%; } .ticketSystem .chat li.float-left { width: 100%; } .ticketSystem .chat li .chat-img img { width: 35px; } .ticketSystem .chat li.float-right .chat-body { margin-left: 42px; } .ticketSystem .chat li .chat-body .detail { clear: both; font-size: 12px; padding-top: 10px; } .text-muted { float: left !important; font-size: 10px; } .planCard .text-muted{ float: none !important; } .ticketSystem .chat li .chat-body .header { margin-top: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ticketSystem .chat li.float-left .chat-body { margin-left: 42px; } } /***CHOOSE FOOD***/ .sortableFoodLeftSideCover, .sortableFoodRightSideCover { border: 1px solid #ced4da; width: 49%; min-height: 20px; list-style-type: none; margin: 0; padding: 5px 0 0 0; float: left; margin: 0 1%; border-radius: 5px; } #sortableFoodRightSide { background: #eee; border: 1px solid #ced4da; width: 98%; min-height: 20px; list-style-type: none; padding: 5px 0 0 0; float: left; margin: 0 1%; border-radius: 5px; margin-bottom: 5px; } .sortableFoodLeftSide { min-height: 25px; background: #eee; margin: 0 1%; padding: 1% 0 0 0; border-radius: 5px; border: 1px solid #ced4da; } .sortableFoodLeftSide li, #sortableFoodRightSide li { margin: 0 1% 5px 1%; padding: 5px; font-size: 12px; width: 98%; cursor: move; border-radius: 5px; } .sortableTitle { margin: 0 1% 5px 1%; padding: 5px; font-size: 14px; width: 98%; cursor: auto; font-weight: 600; } .sortableTitle a, .sortableFoodLeftSide li a, #sortableFoodRightSide li a { float: right; font-size: 12px; text-align: center; font-weight: bold; } .sortableFoodLeftSide li a.moveButton { width: 18px; background: #108b24; border-radius: 2px; color: #FFF !important; } #sortableFoodRightSide li a.moveButton { display: none; } .sortableFoodLeftSide li a.removeButton { display: none; } #sortableFoodRightSide li a.removeButton { width: 18px; background: #bb1313; border-radius: 2px; color: #FFF !important; } .sortableFoodLeftSideCover { margin: 0 1% 0 0; } .sortableFoodRightSideCover { margin: 0 0 0 1%; } .foodNameDrag { width: calc(100% - 23px); display: inline-block; margin-right: 5px; } .couponArea { border-top: 1px dashed #e6e6e6; border-bottom: 1px dashed #e6e6e6; padding-top: 20px; padding-bottom: 20px; } .couponArea .custom-form { display: flex; margin-bottom: 5px; } .couponArea .btn-primary { color: #fff !important; } .couponArea .predefinedCoupons { display: flex; margin-top: 10px; } .couponArea .predefinedCoupons .pdCoupon { background: #e7e7e7; border-radius: 10px; padding: 0; overflow: hidden; text-align: center; width: calc(33.3% - 4px); display: inline-block; margin: 0 2px; box-sizing: border-box; } .couponArea .predefinedCoupons .pdCouponCode { font-size: 11px; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; padding: 5px; background: #c3c3c3; color: #000; } .couponArea .predefinedCoupons .pdCouponAmount { font-size: 14px; font-weight: bold; padding: 5px 0; } .couponArea .predefinedCoupons .pdCouponUseNow { font-size: 11px; background: #007bff; color: #fff; padding: 5px; } @media (min-width: 1200px) and (max-width:1440px){ .tableArea .col-xl-1 { -ms-flex: 0 0 16.66667% !important; flex: 0 0 16.66667% !important; max-width: 16.66667% !important; } } /****#spdm_edit#*****/ #services-button-container .card-title { align-items: center; flex: 1; display: flex; flex-wrap: wrap; } #services-button-container .card-header{ font-weight: bold; padding: 10px; } #services-button-container .card-title p{ margin: 10px; } #services-button-container .card-title p a{ color: #fff; } #services-button-container .card-title p a:hover{ color: #fff; text-decoration: underline !important; } .modal-backdrop.fade.show { display: none; } /* .input-group-sm>.custom-select, .input-group-sm>.form-control, .input-group-sm>.input-group-append>.btn, .input-group-sm>.input-group-append>.input-group-text, .input-group-sm>.input-group-prepend>.btn, .input-group-sm>.input-group-prepend>.input-group-text { padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; height: inherit !important; } */ .expirationDayCheckbox { padding: 5px 0 4px 0; white-space: nowrap; } .selectBranch { width:100%; margin-bottom:10px } .selectAllBranches { width: 100%; margin-bottom: 10px; border-bottom: 1px dashed #d3d3d3; padding-bottom: 10px; font-weight: 500; } .plansPage .planInputs { max-width: 300px; } .plansPage .planInputsContainer { max-width: 400px; } .plansPage .table-responsive:not(.tableScrollable), .plansPage .table-responsive .table:not(.tableScrollable), .plansPage .table-responsive thead:not(.tableScrollable thead), .plansPage .table-responsive tbody:not(.tableScrollable tbody), .plansPage .table-responsive tfoot:not(.tableScrollable tfoot), .plansPage .table-responsive th:not(.tableScrollable th), .plansPage .table-responsive td:not(.tableScrollable td), .plansPage .table-responsive tr:not(.tableScrollable tr){display: revert !important;} .branchUrlIcon { font-size: 16px; vertical-align: middle; color: #474747; margin-left: 5px; } .stampPage .selectStampCardLabel { width: 100%; display: flex; margin-bottom: 15px; } .stampPage .selectStampCardLabel .plusRemove { display: flex; } .stampPage .selectStampCardLabel .plusRemove .btn-danger { border-radius: 10px 0 0 10px; margin: 0; position: relative; padding-left: 15px; padding-right: 15px; cursor: pointer; } .stampPage .selectStampCardLabel .plusRemove .btn-danger i { margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .stampPage .selectStampCardLabel .plusRemove input.cardType0 { width: 50px; text-align: center; height: auto; padding: 5px; font-weight: bold; font-size: 14px; } .stampPage .selectStampCardLabel .plusRemove input.cardType1 { width: 100px; text-align: center; height: auto; padding: 5px; font-weight: bold; font-size: 14px; border-radius: 5px; } .stampPage .selectStampCardLabel .plusRemove input.cardType1::placeholder { font-size: 10px; color: #999; } .stampPage .selectStampCardLabel .plusRemove .btn-success { border-radius: 0 10px 10px 0; margin: 0; position: relative; padding-left: 15px; padding-right: 15px; cursor: pointer; } .stampPage .selectStampCardLabel .plusRemove .btn-success i { margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .stampPage .selectStampCardLabel .cardName { margin-left: 10px; font-size: 14px; font-weight: 600; } .stampPage .selectStampCardLabel .cardName span { font-size: 12px; font-weight: 400; font-style: italic; color: #717171; } /*.stampPage .selectStampCardLabel .cardName p { margin: 0; position: absolute; top: 50%; left: 0; transform: translate(0%, -50%); white-space: nowrap; font-size: 16px; font-weight: 600; }*/ /* .stylizedChkbox .checkbox label:after, .stylizedChkbox .radio label:after { content: ''; display: table; clear: both; } .stylizedChkbox .checkbox .cr, .stylizedChkbox .radio .cr { position: relative; display: inline-block; border: 1px solid #a9a9a9; border-radius: .25em; width: 1.3em; height: 1.3em; float: left; margin-right: .5em; } .stylizedChkbox .radio .cr { border-radius: 50%; } .stylizedChkbox .checkbox .cr .cr-icon, .stylizedChkbox .radio .cr .cr-icon { position: absolute; font-size: .8em; line-height: 0; top: 50%; left: 20%; } .stylizedChkbox .radio .cr .cr-icon { margin-left: 0.04em; } .stylizedChkbox .checkbox label input[type="checkbox"], .stylizedChkbox .radio label input[type="radio"] { display: none; } .stylizedChkbox .checkbox label input[type="checkbox"] + .cr > .cr-icon, .stylizedChkbox .radio label input[type="radio"] + .cr > .cr-icon { transform: scale(3) rotateZ(-20deg); opacity: 0; transition: all .3s ease-in; } .stylizedChkbox .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon, .stylizedChkbox .radio label input[type="radio"]:checked + .cr > .cr-icon { transform: scale(1) rotateZ(0deg); opacity: 1; } .stylizedChkbox .checkbox label input[type="checkbox"]:disabled + .cr, .stylizedChkbox .radio label input[type="radio"]:disabled + .cr { opacity: .5; } */ .stampIconStyle { font-size: 2rem; vertical-align: middle; } header.helper h3 { margin: 0; padding: 0; font-size: 24px ; font-weight: bold; } header.helper p { margin: 0; padding: 0; } .scrollableAlertBox { max-height:100px; overflow-y: scroll; } .hardalSari { color: #ffc107 !important; } .profilePage .profile-img { width: 150px; height: 150px; object-fit: cover; border-radius: 50%; border: 2px solid #ccc; } .profilePage .profile-label { font-weight: bold; } .profilePage .nav-tabs-wrapper::-webkit-scrollbar { height: 6px; } .profilePage .nav-tabs-wrapper::-webkit-scrollbar-thumb { background-color: #888; border-radius: 3px; } .profilePage .nav-tabs-wrapper::-webkit-scrollbar-track { background-color: #f1f1f1; } .profilePage .planInputs { max-width: 300px; } .profilePage .planInputsContainer { max-width: 400px; } .profilePage .table-responsive:not(.tableScrollable), .profilePage .table-responsive .table:not(.tableScrollable), .profilePage .table-responsive thead:not(.tableScrollable thead), .profilePage .table-responsive tbody:not(.tableScrollable tbody), .profilePage .table-responsive tfoot:not(.tableScrollable tfoot), .profilePage .table-responsive th:not(.tableScrollable th), .profilePage .table-responsive td:not(.tableScrollable td), .profilePage .table-responsive tr:not(.tableScrollable tr){display: revert !important;} .dropdown-menu.show { overflow-y: scroll !important; max-height: 500px !important; } .priceList select, .priceList input{ font-size: 11px; } @media (max-width: 640px){ .priceList.table-responsive:not(.tableScrollable), .priceList.table-responsive .table:not(.tableScrollable), .priceList.table-responsive thead:not(.tableScrollable thead), .priceList.table-responsive tbody:not(.tableScrollable tbody), .priceList.table-responsive tfoot:not(.tableScrollable tfoot), .priceList.table-responsive th:not(.tableScrollable th), .priceList.table-responsive td:not(.tableScrollable td), .priceList.table-responsive tr:not(.tableScrollable tr) { display: inherit !important; } } .closeInapp { position: absolute; font-size: 30px; float: right; color: #29aafe; right: 20px; }