tr td.jd{
display: none;
}
.head-options{
margin: 0px !important;
}
.mytableowner{
float:left;
width:100%;
height:auto;
font-family:'Open Sans', 'Helvetica Neue', sans-serif;
font-size:12px;
}
.mytabledatablock{
float:left;
width:100%;
overflow: auto;
/* padding-right: 1px; */
}
.mytablehead{
float:left;
width:100%;
z-index:9
}
.mytableowner .col-xs-1, .mytableowner .col-sm-1, .mytableowner .col-md-1, .mytableowner .col-lg-1,
.mytableowner .col-xs-2, .mytableowner .col-sm-2, .mytableowner .col-md-2, .mytableowner .col-lg-2,
.mytableowner .col-xs-3, .mytableowner .col-sm-3, .mytableowner .col-md-3, .mytableowner .col-lg-3,
.mytableowner .col-xs-4, .mytableowner .col-sm-4, .mytableowner .col-md-4, .mytableowner .col-lg-4,
.mytableowner .col-xs-5, .mytableowner .col-sm-5, .mytableowner .col-md-5, .mytableowner .col-lg-5,
.mytableowner .col-xs-6, .mytableowner .col-sm-6, .mytableowner .col-md-6, .mytableowner .col-lg-6,
.mytableowner .col-xs-7, .mytableowner .col-sm-7, .mytableowner .col-md-7, .mytableowner .col-lg-7,
.mytableowner .col-xs-8, .mytableowner .col-sm-8, .mytableowner .col-md-8, .mytableowner .col-lg-8,
.mytableowner .col-xs-9, .mytableowner .col-sm-9, .mytableowner .col-md-9, .mytableowner .col-lg-9,
.mytableowner .col-xs-10, .mytableowner .col-sm-10, .mytableowner .col-md-10, .mytableowner .col-lg-10,
.mytableowner .col-xs-11, .mytableowner .col-sm-11, .mytableowner .col-md-11, .mytableowner .col-lg-11,
.mytableowner .col-xs-12, .mytableowner .col-sm-12, .mytableowner .col-md-12, .mytableowner .col-lg-12 {
padding: 0px !important;
}
.mytableowner .mytblbaslik{
float:left;
width:100%;
color:#717171;
font-weight:bold;
}
.mytableowner .mytblfiltercount{
float:left;
width:100%;
margin-bottom:1px;
}
.mytblfiltertextbox-cont{
position:relative;
}
.mytblfiltertextbox-cont .fa-search{
position:absolute;
left: 5px;
top: 6px;
color: #6cb2eb;
font-size: 17px;
z-index: 9;
}
.mytableowner .mytblfiltertextbox{
padding:5px 5px 5px 25px;
min-height:25px !important;
height: auto !important;
font-size:12px;
margin-bottom:1px;
background-color: #fff !important;
}
.mytableowner input[type=text].mytblfiltertextbox:focus{
background-color: #eaf6ff !important;
}
.mytableowner .mytblrowcount{
float:right;
font-size:12px;
margin-right:5px;
margin-left:10px;
color:#929292;
}
.mytableowner .mytblrowcount span{
float: left;
font-size: 12px;
margin: 0 5px 0 0 !important;
}
.mytablehead table{
float:left;
width:100%;
}
.mytablehead .mytableheadrow{
cursor: default;
color: #566a86;
font-family: nunito, sans-serif;
}
.mytablehead .mytableheadrow .mytableheadcol{
padding: 9px 3px;
font-size: 12px;
position: relative;
border: 1px solid #ffffff;
/* border-bottom-width: 2px; */
background: #e8ebf9;
font-weight: 600;
/* background: #f7f7f7; */
}
.mytbldatalist{
float:left;
width:100%;
/*
border-left: 1px solid #c4c4c4;
border-right: 1px solid #c4c4c4;
border-bottom: 1px solid #c4c4c4;
*/
}
.mytablelist{
float:left;
width:99.9%;
}
.mytablelist thead td, .mytablelist thead th{
height:0px;
padding:0px;
}
.mytablelist tbody td{
padding: 3px 3px;
font-size:12px;
word-wrap: break-word;
/* white-space: nowrap; */
overflow: hidden;
text-overflow: ellipsis;
}
.mytablelist tbody tr{
color: #353535;
}
.mytablelist tbody tr.myselected:nth-child(even){
background: #c4ffdc;
}
.mytablelist tbody tr.myselected:nth-child(odd){
background: #d8ffe7;
}
.mytablelist tbody tr:nth-child(even){
background: #e9f6ff;
}
.mytablelist tbody tr:nth-child(odd){
background: #fff;
}
.mytablelist tbody tr td:first-child {
border-left: 1px solid #e4e4e4;
}
.mytablelist tbody tr td{
border-right: 1px solid #e4e4e4;
border-bottom: 1px solid #e4e4e4;
}
.mytablelist tbody tr:hover, .mytablelist tbody tr.myselected:hover{
background: #ecf9ff;
cursor:default;
}
.mytablelist .mytblselectedrow td, .mytblselectedrow font {
background: #ffd2a2;
}
.mytablelist .mytblselectedrow:hover td{
background: #ffd2a2;
}
.mytablelist .nodata td, .mytablelist .nodata td:first-child{
border-right: none;
border-left: none;
border-bottom: none;
}
.mytablelist .nodata:hover td{
background:#fff !important
}
.mytablelist .myrowhead{
width:19px;
padding: 0px;
color: #337ab7
/* background: #ecf0f5 */
}
.mytablelist .noborder, .mytablelist .noborder td{
border:none;
}
.mytablelist .noborder td span.alert{
font-size: 15px;
}
.mytablelist .noborder td, .mytablelist .noborder:hover, .mytablelist .noborder:hover td {
background:none;
}
.mytablelist .noborder td:first-child {
border-left:none
}
.mytblcount{
font-weight:bold;
}
.mytblbasliktext{
float:left;
font-weight:400;
font-size:10px;
margin-bottom:1px;
color:#9e9e9e;
padding-left:3px;
}
.nolistdata{
float:left;
width:100%;
text-align:center;
font-size:15px;
margin-top:20px;
}
.mytableToExcel{
float:right;
margin-right: 5px;
color:#23a575;
}
.mytableToExcel:hover {
cursor:pointer;
text-decoration:underline;
}
.mytablelist tbody tr.noborder:nth-child(even) {
background: unset;
}
.mytablelist tbody tr.noborder:nth-child(odd) {
background: unset;
}
.table-btn {
width: auto;
font-size:18px !important;
font-weight: normal !important;
color: #82b7d8;
z-index:8;
}
.table-btn-danger:hover {
color: #b84744;
}
.table-btn-primary:hover {
color: #337ab7;
}
.table-btn-success:hover {
color: #5cb85c;
}
.table-btn-warning:hover {
color: #f0ad4e;
}
.table-btn-info:hover {
color: #5bc0de;
}
.table-btn-default:hover {
color: #353333;
}
.table-btn:hover {
cursor:pointer;
z-index:9;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-ms--transform: rotate(360deg);
transform: rotate(360deg);
transition: all 0.2s;
}
.tdsubrow{
color:#6e6e6e
}
.mytbldatalist-border{
border: 1px solid #e4e4e4;
border-top:none;
border-radius: 3px
}
/*
Created on : 11.Oca.2018, 17:04:12
Author : Piri AYKUT - piriaykut@hotmail.com
*/
/*
* Usage:
*
*
*/
.sk-rotating-plane {
width: 40px;
height: 40px;
background-color: #333;
margin: 40px auto;
animation: sk-rotatePlane 1.2s infinite ease-in-out; }
@keyframes sk-rotatePlane {
0% {
transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }
/*
* Usage:
*
*
*/
.sk-double-bounce {
width: 40px;
height: 40px;
position: relative;
margin: 40px auto; }
.sk-double-bounce .sk-child {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #333;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
animation: sk-doubleBounce 2s infinite ease-in-out; }
.sk-double-bounce .sk-double-bounce2 {
animation-delay: -1.0s; }
@keyframes sk-doubleBounce {
0%, 100% {
transform: scale(0); }
50% {
transform: scale(1); } }
/*
* Usage:
*
*
*/
.sk-wave {
margin: 40px auto;
width: 50px;
height: 40px;
text-align: center;
font-size: 10px; }
.sk-wave .sk-rect {
background-color: #333;
height: 100%;
width: 6px;
display: inline-block;
animation: sk-waveStretchDelay 1.2s infinite ease-in-out; }
.sk-wave .sk-rect1 {
animation-delay: -1.2s; }
.sk-wave .sk-rect2 {
animation-delay: -1.1s; }
.sk-wave .sk-rect3 {
animation-delay: -1s; }
.sk-wave .sk-rect4 {
animation-delay: -0.9s; }
.sk-wave .sk-rect5 {
animation-delay: -0.8s; }
@keyframes sk-waveStretchDelay {
0%, 40%, 100% {
transform: scaleY(0.4); }
20% {
transform: scaleY(1); } }
/*
* Usage:
*
*
*/
.sk-wandering-cubes {
margin: 40px auto;
width: 40px;
height: 40px;
position: relative; }
.sk-wandering-cubes .sk-cube {
background-color: #333;
width: 10px;
height: 10px;
position: absolute;
top: 0;
left: 0;
animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both; }
.sk-wandering-cubes .sk-cube2 {
animation-delay: -0.9s; }
@keyframes sk-wanderingCube {
0% {
transform: rotate(0deg); }
25% {
transform: translateX(30px) rotate(-90deg) scale(0.5); }
50% {
/* Hack to make FF rotate in the right direction */
transform: translateX(30px) translateY(30px) rotate(-179deg); }
50.1% {
transform: translateX(30px) translateY(30px) rotate(-180deg); }
75% {
transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5); }
100% {
transform: rotate(-360deg); } }
/*
* Usage:
*
*
*/
.sk-spinner-pulse {
width: 40px;
height: 40px;
margin: 40px auto;
background-color: #333;
border-radius: 100%;
animation: sk-pulseScaleOut 1s infinite ease-in-out; }
@keyframes sk-pulseScaleOut {
0% {
transform: scale(0); }
100% {
transform: scale(1);
opacity: 0; } }
/*
* Usage:
*
*
*/
.sk-chasing-dots {
margin: 40px auto;
width: 40px;
height: 40px;
position: relative;
text-align: center;
animation: sk-chasingDotsRotate 2s infinite linear; }
.sk-chasing-dots .sk-child {
width: 60%;
height: 60%;
display: inline-block;
position: absolute;
top: 0;
background-color: #333;
border-radius: 100%;
animation: sk-chasingDotsBounce 2s infinite ease-in-out; }
.sk-chasing-dots .sk-dot2 {
top: auto;
bottom: 0;
animation-delay: -1s; }
@keyframes sk-chasingDotsRotate {
100% {
transform: rotate(360deg); } }
@keyframes sk-chasingDotsBounce {
0%, 100% {
transform: scale(0); }
50% {
transform: scale(1); } }
/*
* Usage:
*
*
*/
.sk-three-bounce {
margin: 40px auto;
width: 80px;
text-align: center; }
.sk-three-bounce .sk-child {
width: 20px;
height: 20px;
background-color: #333;
border-radius: 100%;
display: inline-block;
animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; }
.sk-three-bounce .sk-bounce1 {
animation-delay: -0.32s; }
.sk-three-bounce .sk-bounce2 {
animation-delay: -0.16s; }
@keyframes sk-three-bounce {
0%, 80%, 100% {
transform: scale(0); }
40% {
transform: scale(1); } }
/*
* Usage:
*
*
*/
.sk-circle {
margin: 40px auto;
width: 40px;
height: 40px;
position: relative; }
.sk-circle .sk-child {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0; }
.sk-circle .sk-child:before {
content: '';
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: #333;
border-radius: 100%;
animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; }
.sk-circle .sk-circle2 {
transform: rotate(30deg); }
.sk-circle .sk-circle3 {
transform: rotate(60deg); }
.sk-circle .sk-circle4 {
transform: rotate(90deg); }
.sk-circle .sk-circle5 {
transform: rotate(120deg); }
.sk-circle .sk-circle6 {
transform: rotate(150deg); }
.sk-circle .sk-circle7 {
transform: rotate(180deg); }
.sk-circle .sk-circle8 {
transform: rotate(210deg); }
.sk-circle .sk-circle9 {
transform: rotate(240deg); }
.sk-circle .sk-circle10 {
transform: rotate(270deg); }
.sk-circle .sk-circle11 {
transform: rotate(300deg); }
.sk-circle .sk-circle12 {
transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
animation-delay: -1s; }
.sk-circle .sk-circle4:before {
animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
animation-delay: -0.1s; }
@keyframes sk-circleBounceDelay {
0%, 80%, 100% {
transform: scale(0); }
40% {
transform: scale(1); } }
/*
* Usage:
*
*
*/
.sk-cube-grid {
width: 40px;
height: 40px;
margin: 40px auto;
/*
* Spinner positions
* 1 2 3
* 4 5 6
* 7 8 9
*/ }
.sk-cube-grid .sk-cube {
width: 33.33%;
height: 33.33%;
background-color: #333;
float: left;
animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }
.sk-cube-grid .sk-cube1 {
animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
animation-delay: 0.0s; }
.sk-cube-grid .sk-cube8 {
animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
animation-delay: 0.2s; }
@keyframes sk-cubeGridScaleDelay {
0%, 70%, 100% {
transform: scale3D(1, 1, 1); }
35% {
transform: scale3D(0, 0, 1); } }
/*
* Usage:
*
*
*/
.sk-fading-circle {
margin: 40px auto;
width: 40px;
height: 40px;
position: relative; }
.sk-fading-circle .sk-circle {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0; }
.sk-fading-circle .sk-circle:before {
content: '';
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: #333;
border-radius: 100%;
animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; }
.sk-fading-circle .sk-circle2 {
transform: rotate(30deg); }
.sk-fading-circle .sk-circle3 {
transform: rotate(60deg); }
.sk-fading-circle .sk-circle4 {
transform: rotate(90deg); }
.sk-fading-circle .sk-circle5 {
transform: rotate(120deg); }
.sk-fading-circle .sk-circle6 {
transform: rotate(150deg); }
.sk-fading-circle .sk-circle7 {
transform: rotate(180deg); }
.sk-fading-circle .sk-circle8 {
transform: rotate(210deg); }
.sk-fading-circle .sk-circle9 {
transform: rotate(240deg); }
.sk-fading-circle .sk-circle10 {
transform: rotate(270deg); }
.sk-fading-circle .sk-circle11 {
transform: rotate(300deg); }
.sk-fading-circle .sk-circle12 {
transform: rotate(330deg); }
.sk-fading-circle .sk-circle2:before {
animation-delay: -1.1s; }
.sk-fading-circle .sk-circle3:before {
animation-delay: -1s; }
.sk-fading-circle .sk-circle4:before {
animation-delay: -0.9s; }
.sk-fading-circle .sk-circle5:before {
animation-delay: -0.8s; }
.sk-fading-circle .sk-circle6:before {
animation-delay: -0.7s; }
.sk-fading-circle .sk-circle7:before {
animation-delay: -0.6s; }
.sk-fading-circle .sk-circle8:before {
animation-delay: -0.5s; }
.sk-fading-circle .sk-circle9:before {
animation-delay: -0.4s; }
.sk-fading-circle .sk-circle10:before {
animation-delay: -0.3s; }
.sk-fading-circle .sk-circle11:before {
animation-delay: -0.2s; }
.sk-fading-circle .sk-circle12:before {
animation-delay: -0.1s; }
@keyframes sk-circleFadeDelay {
0%, 39%, 100% {
opacity: 0; }
40% {
opacity: 1; } }
/*
* Usage:
*
*
*/
.sk-folding-cube {
margin: 40px auto;
width: 40px;
height: 40px;
position: relative;
transform: rotateZ(45deg); }
.sk-folding-cube .sk-cube {
float: left;
width: 50%;
height: 50%;
position: relative;
transform: scale(1.1); }
.sk-folding-cube .sk-cube:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #333;
animation: sk-foldCubeAngle 2.4s infinite linear both;
transform-origin: 100% 100%; }
.sk-folding-cube .sk-cube2 {
transform: scale(1.1) rotateZ(90deg); }
.sk-folding-cube .sk-cube3 {
transform: scale(1.1) rotateZ(180deg); }
.sk-folding-cube .sk-cube4 {
transform: scale(1.1) rotateZ(270deg); }
.sk-folding-cube .sk-cube2:before {
animation-delay: 0.3s; }
.sk-folding-cube .sk-cube3:before {
animation-delay: 0.6s; }
.sk-folding-cube .sk-cube4:before {
animation-delay: 0.9s; }
@keyframes sk-foldCubeAngle {
0%, 10% {
transform: perspective(140px) rotateX(-180deg);
opacity: 0; }
25%, 75% {
transform: perspective(140px) rotateX(0deg);
opacity: 1; }
90%, 100% {
transform: perspective(140px) rotateY(180deg);
opacity: 0; } }
.pxwait{
position: fixed;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
z-index: 1059;
background: rgba(0,0,0,0.6);
}
.pxwait .pxwait-window{
position: absolute;
top:50%;
left: 50%;
min-width: 150px;
min-height: 50px;
padding: 15px 25px 5px 25px;
margin-left: -75px;
margin-top: -25px;
}
.pxwait .pxwait-window-showbg{
background: #fff;
border-radius: 5px;
border:8px solid rgb(235, 235, 235);
}
.pxwait .pxwait-window .pxwait-window-message{
float: left;
width: 100%;
margin-bottom: 15px;
font-size: 17px;
text-align: center;
}
.pxwait-window-spinblock{
padding-top: 50px;
}
.pxwait-window-timeoutnumber, .pxwait-window-cancelbutton{
float: left;
width: 100%;
padding: 0 0 5px 0;
}
.pxwait-window-timeoutnumber{
display: block;
font-size: 11px;
text-align: right;
}
.pxwait-window-cancelbutton{
display: none;
font-size:15px;
text-align: center;
color:rgb(154, 154, 255);
font-weight:bold;
}
.pxwait-window-cancelbutton:hover{
cursor: pointer;
text-decoration: underline;
}
.pxwait-window-showbg .pxwait-window-cancelbutton{
color: #0000fe;
}
.pleasewait1{
position: fixed;
z-index: 99;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.70);
left: 0px;
top: 0px;
}
.pleasewait1 .waitwindow1{
position: absolute;
width: 200px;
height: 150px;
left: 50%;
top: 40%;
margin-left: -100px;
margin-top: -75px;
padding-top: 118px;
}
.pleasewait1 .waitwindow1 img{
position: absolute;
height: 130px;
top: 0px;
left: 25%;
margin-left: -32px;
}
.pleasewait1 .waitwindow1 span{
float: left;
width: 100%;
text-align: center;
color: #6f6f6f;
font-size: 15px;
}
/*!
* Datepicker for Bootstrap v1.10.0 (https://github.com/uxsolutions/bootstrap-datepicker)
*
* Licensed under the Apache License v2.0 (https://www.apache.org/licenses/LICENSE-2.0)
*/
.datepicker {
padding: 4px;
border-radius: 4px;
direction: ltr;
}
.datepicker-inline {
width: 220px;
}
.datepicker-rtl {
direction: rtl;
}
.datepicker-rtl.dropdown-menu {
left: auto;
}
.datepicker-rtl table tr td span {
float: right;
}
.datepicker-dropdown {
top: 0;
left: 0;
}
.datepicker-dropdown:before {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #999;
border-top: 0;
border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute;
}
.datepicker-dropdown:after {
content: '';
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
border-top: 0;
position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
right: 7px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
top: -7px;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
top: -6px;
}
.datepicker-dropdown.datepicker-orient-top:before {
bottom: -7px;
border-bottom: 0;
border-top: 7px solid #999;
}
.datepicker-dropdown.datepicker-orient-top:after {
bottom: -6px;
border-bottom: 0;
border-top: 6px solid #fff;
}
.datepicker table {
margin: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.datepicker td,
.datepicker th {
text-align: center;
width: 20px;
height: 20px;
border-radius: 4px;
border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
background-color: transparent;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
background: #eee;
cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
color: #999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
background: none;
color: #999;
cursor: default;
}
.datepicker table tr td.highlighted {
background: #d9edf7;
border-radius: 0;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
background-color: #fde19a;
background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
border-color: #fdf59a #fdf59a #fbed50;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #000;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
background-color: #fdf59a;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
background-color: #fbf069 \9;
}
.datepicker table tr td.today:hover:hover {
color: #000;
}
.datepicker table tr td.today.active:hover {
color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
background: #eee;
border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
background-color: #f3d17a;
background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
border-color: #f3e97a #f3e97a #edde34;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
background-color: #f3e97a;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
background-color: #efe24b \9;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
background-color: #9e9e9e;
background-image: linear-gradient(to bottom, #b3b3b3, #808080);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
border-color: #808080 #808080 #595959;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
background-color: #808080;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
background-color: #666666 \9;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
background-color: #006dcc;
background-image: linear-gradient(to bottom, #08c, #0044cc);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
border-color: #0044cc #0044cc #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
background-color: #0044cc;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
background-color: #003399 \9;
}
.datepicker table tr td span {
display: block;
width: 23%;
height: 54px;
line-height: 54px;
float: left;
margin: 1%;
cursor: pointer;
border-radius: 4px;
}
.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
background: #eee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
background: none;
color: #999;
cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
background-color: #006dcc;
background-image: linear-gradient(to bottom, #08c, #0044cc);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
border-color: #0044cc #0044cc #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
background-color: #0044cc;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
background-color: #003399 \9;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
color: #999;
}
.datepicker .datepicker-switch {
width: 145px;
}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
cursor: pointer;
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
background: #eee;
}
.datepicker .prev.disabled,
.datepicker .next.disabled {
visibility: hidden;
}
.datepicker .cw {
font-size: 10px;
width: 12px;
padding: 0 2px 0 5px;
vertical-align: middle;
}
.input-append.date .add-on,
.input-prepend.date .add-on {
cursor: pointer;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
margin-top: 3px;
}
.input-daterange input {
text-align: center;
}
.input-daterange input:first-child {
border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
border-radius: 0 3px 3px 0;
}
.input-daterange .add-on {
display: inline-block;
width: auto;
min-width: 16px;
height: 18px;
padding: 4px 5px;
font-weight: normal;
line-height: 18px;
text-align: center;
text-shadow: 0 1px 0 #fff;
vertical-align: middle;
background-color: #eee;
border: 1px solid #ccc;
margin-left: -5px;
margin-right: -5px;
}
@charset "UTF-8";
.toast-title {
font-weight: 700;
}
.toast-message {
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.toast-message a, .toast-message label {
color: #FFF;
}
.toast-message a:hover {
color: #CCC;
text-decoration: none;
}
.toast-close-button {
position: relative;
right: -0.3em;
top: -0.3em;
float: right;
font-size: 20px;
font-weight: 700;
color: #FFF;
-webkit-text-shadow: 0 1px 0 #fff;
text-shadow: 0 1px 0 #fff;
opacity: 0.8;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
filter: alpha(opacity=80);
line-height: 1;
}
.toast-close-button:focus, .toast-close-button:hover {
color: #000;
text-decoration: none;
cursor: pointer;
opacity: 0.4;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
filter: alpha(opacity=40);
}
.rtl .toast-close-button {
left: -0.3em;
float: left;
right: 0.3em;
}
button.toast-close-button {
padding: 0;
cursor: pointer;
background: 0 0;
border: 0;
-webkit-appearance: none;
}
.toast-top-center {
top: 0;
right: 0;
width: 100%;
}
.toast-bottom-center {
bottom: 0;
right: 0;
width: 100%;
}
.toast-top-full-width {
top: 0;
right: 0;
width: 100%;
}
.toast-bottom-full-width {
bottom: 0;
right: 0;
width: 100%;
}
.toast-top-left {
top: 12px;
left: 12px;
}
.toast-top-right {
top: 12px;
right: 12px;
}
.toast-bottom-right {
right: 12px;
bottom: 12px;
}
.toast-bottom-left {
bottom: 12px;
left: 12px;
}
#toast-container {
position: fixed;
z-index: 999999;
pointer-events: none;
}
#toast-container * {
box-sizing: border-box;
}
#toast-container > div {
position: relative;
pointer-events: auto;
overflow: hidden;
margin: 0 0 6px;
padding: 15px 15px 15px 50px;
width: 300px;
border-radius: 3px;
background-position: 15px center;
background-repeat: no-repeat;
box-shadow: 0 0 12px #999;
color: #FFF;
opacity: 0.8;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
filter: alpha(opacity=80);
}
#toast-container > div.rtl {
direction: rtl;
padding: 15px 50px 15px 15px;
background-position: right 15px center;
}
#toast-container > div:hover {
box-shadow: 0 0 12px #000;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
filter: alpha(opacity=100);
cursor: pointer;
}
#toast-container > .toast-info {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important;
}
#toast-container > .toast-error {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important;
}
#toast-container > .toast-success {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important;
}
#toast-container > .toast-warning {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important;
}
#toast-container.toast-bottom-center > div, #toast-container.toast-top-center > div {
width: 300px;
margin-left: auto;
margin-right: auto;
}
#toast-container.toast-bottom-full-width > div, #toast-container.toast-top-full-width > div {
width: 96%;
margin-left: auto;
margin-right: auto;
}
.toast {
background-color: #030303;
}
.toast-success {
background-color: #51A351;
}
.toast-error {
background-color: #BD362F;
}
.toast-info {
background-color: #2F96B4;
}
.toast-warning {
background-color: #F89406;
}
.toast-progress {
position: absolute;
left: 0;
bottom: 0;
height: 4px;
background-color: #000;
opacity: 0.4;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
filter: alpha(opacity=40);
}
@media all and (max-width: 240px) {
#toast-container > div {
padding: 8px 8px 8px 50px;
width: 11em;
}
#toast-container > div.rtl {
padding: 8px 50px 8px 8px;
}
#toast-container .toast-close-button {
right: -0.2em;
top: -0.2em;
}
#toast-container .rtl .toast-close-button {
left: -0.2em;
right: 0.2em;
}
}
@media all and (min-width: 241px) and (max-width: 480px) {
#toast-container > div {
padding: 8px 8px 8px 50px;
width: 18em;
}
#toast-container > div.rtl {
padding: 8px 50px 8px 8px;
}
#toast-container .toast-close-button {
right: -0.2em;
top: -0.2em;
}
#toast-container .rtl .toast-close-button {
left: -0.2em;
right: 0.2em;
}
}
@media all and (min-width: 481px) and (max-width: 768px) {
#toast-container > div {
padding: 15px 15px 15px 50px;
width: 25em;
}
#toast-container > div.rtl {
padding: 15px 50px 15px 15px;
}
}
@media (max-width: 1024px) {
.navbar-expand-lg .navbar-collapse {
padding-left: 0px !important;
}
}
.topnav-logo {
height: 50px !important;
margin-right: 20px;
}
@media (max-width: 1024px) {
.topnav-logo {
min-width: 75px !important;
}
}
.topnav-logo span img {
position: absolute;
left: 1px;
top: 1px;
background: #fff;
padding: 5px 8px;
border-radius: 5px;
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
}
@media (max-width: 1440px) {
.topnav-logo span img {
width: 92px !important;
height: auto !important;
}
}
@media (max-width: 780px) {
.topbar-menu .dolar, .topbar-menu .euro {
font-size: 11px !important;
float: left;
}
.topbar-menu .nav-link {
margin: 0 5px 0 0 !important;
padding: 0 10px !important;
}
.topbar-menu .nav-link .account-user-avatar {
position: unset !important;
display: block;
vertical-align: middle;
line-height: 70px;
}
.topnav-navbar .navbar-toggle {
margin: 27px 8px !important;
}
}
.order-box {
color: #fff !important;
background: #485361;
padding: 0 15px !important;
margin-right: -8px !important;
}
.order-box.added {
background: #26894d;
animation: order-animate 2s infinite;
}
@keyframes order-animate {
0% {
background-color: #26894d;
}
50% {
background-color: rgb(252, 127, 44);
}
100% {
background-color: #26894d;
}
}
.order-box .badge {
color: #313a46;
font-size: 14px;
}
.order-box:hover {
background: #5c7089;
}
.shoping-box {
color: #d4dc8f !important;
background: #545c0f;
padding: 0 15px !important;
margin-right: -8px !important;
}
.shoping-box.added {
color: #ac7f00 !important;
background: #ffe28e;
}
.shoping-box .badge {
color: #313a46;
font-size: 14px;
}
.shoping-box:hover {
color: #d4dc8f !important;
background: #636b17;
}
.app-search {
float: none !important;
display: inline-flex;
margin-top: -5px !important;
}
.app-search .input-group .form-control, .app-search .input-group .btn-select-cari {
height: 50px;
overflow: hidden;
}
.app-search .btn-pay-open {
height: 50px;
}
.app-search form {
padding: 15px 0 0 0 !important;
max-width: unset !important;
}
.topnav-navbar-dark .app-search.selected .form-control {
color: #faff2d;
}
.topnav-navbar-dark .app-search.selected span {
color: #faff2d;
}
.head-cari {
position: relative;
}
@media (max-width: 1200px) {
.head-cari {
display: inline-flex !important;
margin-left: 0px !important;
}
}
.head-cari .bakiye {
position: absolute;
background: #4a596e;
border-radius: 5px;
bottom: -4px;
color: #fff !important;
display: inline-block;
font-size: 12px;
font-weight: bold;
padding: 1px 10px;
right: 0;
width: auto;
z-index: 1;
}
.head-cari .bakiye small {
font-size: 9px;
font-weight: 100;
}
@media (max-width: 1440px) {
.modal-dialog {
max-width: 90% !important;
}
}
@media (max-width: 780px) {
.modal-dialog {
max-width: 96% !important;
}
}
.row-yellow td {
background: yellow;
}
.row-red td {
background: rgb(255, 182, 182);
}
.mytblselectedrow .product-btn {
background: #fff3e6 !important;
}
.product-search-bar {
background: #f5f2f0;
padding: 10px 8px 8px 8px;
}
.product-search-bar .row {
margin-bottom: 2px;
}
.product-search-bar .row .form-select-sm, .product-search-bar .row .form-control-sm {
padding-top: 0.13rem;
padding-bottom: 0.13rem;
}
.btn-shop-box-pay {
position: relative;
padding-right: 140px;
}
.btn-shop-box-pay .total-money {
position: absolute;
right: 2px;
top: 2px;
min-width: 85px;
padding: 10px 8px 0px 8px;
background: #fff;
border-radius: 5px;
}
.btn-shop-box-pay .total-money small {
position: absolute;
top: 2px;
left: 8px;
color: #9c9c9c;
font-size: 9px;
}
.btn-pay-option {
float: left;
width: 100%;
padding: 45px 10px 10px 80px;
position: relative;
background: #ffe9d4;
color: #462302;
min-height: 120px;
}
.btn-pay-option i {
position: absolute;
left: 10px;
top: 15px;
font-size: 60px;
}
.btn-pay-option span {
font-size: 15px;
}
.btn-pay-option span,
.btn-pay-option small {
display: block;
width: 100%;
text-align: center;
font-weight: 100;
}
#table-raf tbody tr.checked td {
background: #7ed291;
}
#modal-stock-detail .image-box {
float: left;
width: 200px;
background: #fbfbfb;
padding: 3px;
border: 1px solid #cdcdcd;
border-radius: 3px;
margin-right: 8px;
}
#modal-stock-detail .image-box h5 {
float: left;
width: 100%;
margin: 0 0 5px 0;
font-weight: 100;
font-size: 11px;
}
#modal-stock-detail .image-box h5 .btn {
float: right;
font-weight: 100 !important;
font-size: 11px !important;
height: 17px !important;
line-height: 0px !important;
padding: 7px 8px 0px 8px;
}
#modal-stock-detail .image-box img {
display: block;
margin-left: auto;
margin-right: auto;
max-width: 100%;
height: 150px;
}
table tr td {
position: relative;
overflow: unset !important;
}
table tr td .table-img {
width: 100%;
min-height: 38px;
max-height: 50px;
border-radius: 6px;
border: 1px solid #cdcdcd;
padding: 1px;
background: #fff;
}
table tr td .table-img:hover {
cursor: pointer;
border: 1px solid #065fe4;
}
.money-icon {
padding-left: 2px;
padding-top: 4px;
font-weight: bold;
font-size: 17px;
}
.stok-etic {
font-size: 22px;
color: #000;
}
.stok-etic.check {
color: rgb(46, 187, 18);
}
.stok-etic.check:hover {
cursor: pointer;
color: rgb(255, 77, 0);
}
.order-status.status-ok {
color: red !important;
}
.order-status.status-ok {
color: rgb(0, 170, 77) !important;
}
.product-items {
float: left;
width: 100%;
}
.product-items .product-item {
float: left;
position: relative;
width: calc(20% - 20px);
height: 300px;
margin: 10px;
border: 1px solid rgba(0, 0, 0, 0.6784313725);
}
@media (max-width: 1440px) {
.product-items .product-item {
margin: 5px;
width: calc(25% - 10px);
}
}
@media (max-width: 780px) {
.product-items .product-item {
margin: 5px;
width: calc(33.3333333333% - 10px);
}
}
@media (max-width: 430px) {
.product-items .product-item {
margin: 5px;
width: calc(50% - 10px);
}
}
@media (max-width: 380px) {
.product-items .product-item {
margin: 5px;
width: calc(100% - 5px) !important;
}
}
.product-items .product-item img {
position: absolute;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
z-index: 0;
}
.product-items .product-item .head {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
padding: 5px;
font-size: 13px;
background: rgba(0, 0, 0, 0.6784313725);
color: #fff;
z-index: 1;
}
.product-items .product-item .info {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
padding: 5px;
background: rgba(0, 0, 0, 0.6784313725);
color: #fff;
z-index: 1;
}
.product-items .product-item .info span {
float: left;
font-size: 21px;
color: #ffda71;
font-weight: 600;
}
.product-items .product-item .info span i {
text-decoration-line: line-through;
display: block;
line-height: 9px;
font-size: 14px;
color: #c1d4e7;
}
.product-items .product-item .info span b {
display: block;
line-height: 23px;
}
.product-items .product-item .info button {
float: right;
}
.paydata.success td {
background: #d0ffea;
}
.paydata.danger td {
background: #ffd0d0;
}
.report-cont {
display: block;
width: 100%;
}
.alt-toplam {
position: fixed;
bottom: 0px;
right: 0px;
padding: 0px 20px;
background: rgba(8, 8, 8, 0.6705882353);
color: #fff;
}
.alt-toplam .toplam {
font-size: 22px;
font-weight: bold;
color: #ffb100;
}
.datepicker td, .datepicker th {
width: 32px !important;
}
.shop-indirim-block {
display: block;
position: relative;
width: 200px;
margin-right: 15px;
margin-top: -5px;
margin-bottom: -8px;
height: 56px;
background: #d9dced;
padding: 1px 15px;
}
.shop-indirim-block small {
float: left;
font-size: 13px;
margin-bottom: -4px;
}
.shop-indirim-block input {
padding: 1px 10px;
line-height: 1px;
font-weight: 600;
text-align: right;
padding-right: 25px;
font-size: 20px;
min-height: 33px;
}
.shop-indirim-block::after {
position: absolute;
content: "₺";
right: 22px;
top: 20px;
font-size: 18px;
z-index: 2;
}
input.form-control:focus {
background: rgb(230, 248, 255);
}
.pageblock {
display: block;
width: 100%;
list-style: none;
margin-top: 5px;
}
.pageblock li {
display: inline-block;
padding: 1px 0 0 0;
min-width: 33px;
text-align: center;
margin-right: 5px;
border: 1px solid #d9d9d9;
background: #f4f4f4;
font-size: 11px;
border-radius: 5px;
margin-top: 3px;
}
.pageblock li.selected {
background: #0759c4;
color: #fff;
border-color: #0759c4;
}
.pageblock li:hover {
cursor: pointer;
background: #3382e9;
color: #fff;
border-color: #0759c4;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
background-color: #fde19a !important;
border-color: #fdf59a #fdf59a #fbed50 !important;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
color: #000 !important;
}
.modal-header,
.modal-footer {
background: #ebecee !important;
}
.swal2-actions .swalbtn {
margin-right: 8px;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.stock-image {
max-height: 485px;
}
.carousel-control-next,
.carousel-control-prev {
width: 6% !important;
background: rgba(0, 0, 0, 0.3098039216) !important;
}
.product-btn {
background: #fff !important;
}
.product-btn .btn {
line-height: 0px;
font-size: 20px;
width: 30px;
height: 30px;
border-radius: 100%;
text-align: center;
padding: 0px;
margin-right: 2px;
}
.product-btn .btn:hover {
opacity: 0.7;
}
.product-btn .btn.btn-warning {
background: rgb(255, 247, 225);
color: rgb(184, 83, 0);
border: 1px solid rgb(214, 170, 133);
}
.product-btn .btn.btn-primary {
background: rgb(225, 243, 255);
color: rgb(0, 80, 184);
border: 1px solid rgb(133, 168, 214);
}
.product-btn .btn.btn-success {
background: rgb(225, 255, 234);
color: rgb(26, 126, 64);
border: 1px solid rgb(133, 214, 160);
}
.product-btn .btn.btn-danger {
background: rgb(255, 225, 225);
color: rgb(126, 26, 26);
border: 1px solid rgb(214, 133, 133);
}
#modal-stock-image .stock-image {
margin-left: auto;
margin-right: auto;
}
.select2-container {
z-index: 1060;
}
.topnav-container {
background: #eef0f3;
border-bottom: 1px solid #d8d9db;
}
.tab-content .tab-pane {
padding: 15px;
background: #fbfbfb;
border: 1px solid #e4e9ef;
}
.auth-fluid-right {
background: none !important;
}
.scroll {
/* Track */
/* Handle */
/* Handle on hover */
}
.scroll::-webkit-scrollbar {
width: 5px;
}
.scroll::-webkit-scrollbar-track {
background: #f1f1f1;
}
.scroll::-webkit-scrollbar-thumb {
background: #888;
}
.scroll::-webkit-scrollbar-thumb:hover {
background: #555;
}