@charset "utf-8";
/* CSS Document */

.kt-aside--fixed .kt-wrapper {
    padding-left: 0 !important;
}








/*language*/
/*.goog-te-gadget{ position: absolute; right: 18%; top: 25px; z-index: 111; font-size: 0px !important; }*/
#google_translate_element{ position: absolute; left: 0; right: 0; max-width: 1100px; margin: 0 auto  }
.goog-te-gadget{ right: 9% ; position: absolute; top: 35px; z-index: 111; font-size: 0px !important; }
.skiptranslate span{ display: none;  }
.goog-te-gadget .goog-te-combo{padding: 7px;  border: 1px solid #ececec; outline: 0;  border-radius: 4px; }
.translated-ltr .goog-te-gadget{ top: -15px }
.spinTheChanges svg{ width: 18px; margin-left: -x; }
.cursor-not-allowed{ font-size: 12px !important; }
/*.loginpage + .goog-te-gadget{right: 29%;  top: 10px }*/

.modal-footer .btn i{ margin-left: 5px }


/*header*/
#kt_header_menu .ivu-select{ margin-top: 5px }
.ivu-notice{ z-index: 999999999999999999999 !important }
.ivu-date-picker{ width: 100% }
#kt_content .ivu-input{ height: calc(1.5em + 1.3rem + 3.5px) }
#kt_content .ivu-input-suffix i{ line-height: 38px  }
/**sublink*/
.maindiv{ padding: 80px 0 0 0 }
.disflexArea { display: flex; -webkit-display: flex; flex-wrap:wrap; }
.algnflexArea { align-items:center; -webkit-align-items:center; }
.wsmenu{ width: 100%; display: flex; position: relative; z-index: 1;         background: #a5814d;
    margin: 0 auto 0px;    box-shadow: 1px 2px 2px #33333338;  }
.wsmenu ul{ padding: 0; margin: 0;     display: flex;    width: 100%;  align-items: center;  justify-content: space-around; }
.wsmenu ul li{     color: #e0af6a; position: relative; line-height: 23px}
.wsmenu ul li a{ color:#fff  }
.wsmenu ul li .active{  color: #e0af6a;}
.wsmenu ul li ul{ display: none; position: absolute; top: 100%;     width: 150px }
.wsmenu ul li:hover ul{ display: block; }
.wsmenu ul ul li{ list-style-type: none; border-bottom: 1px solid #cc9c5a; }
.wsmenu ul li ul li a{ display: block; padding: 3px 10px; background: #e0af6a; }

.datesec i{ margin-right: 5px;  }
.maindiv .dashboardsec .outdate{ color: #45b749 !important;  }
.maindiv .dashboardsec .outdate i{transform: rotateY(-180deg);}
.maindiv .dashboardsec .btn{ width: 100% }
.carcolor{ width: 50px; height: 50px; background: #000; border-radius: 50%; margin-right: 10px; box-shadow: 1px 1px 5px #0000002e;
}

.maindiv .dashboardsec .kt-widget12__item{ margin-bottom: 0rem !important; border-bottom: 1px solid #e4e4e4;   padding: 14px 0; }
.maindiv .dashboardsec .kt-widget12__item:nth-child(1){border-bottom: 1px solid #e4e4e4;  padding: 10px; background: #fdfdfd; min-height: 100px}
.maindiv .dashboardsec .kt-widget12__item:last-child{ border-bottom: 0; padding: 10px; }
.maindiv .dashboardsec .kt-portlet__body{ padding:2px }
.maindiv .dashboardsec .kt-widget12__item{ border-bottom: 1px solid #e4e4e4; }
.maindiv .dashboardsec .kt-widget12__content{ padding-bottom: 0 }
.carinfo .fa-flag{ color: red }
.maindiv .dashboardsec .kt-widget12__value .fa-edit{ cursor: pointer;    font-size: 14px;  float: right;  margin-top: 6px;    color: #818de8;}
.maindiv .dashboardsec .totalamount h5{ color: #757575; margin-top: 8px;  }
.maindiv .dashboardsec .totalamount{ min-height: 180px; align-items: flex-start !important; align-items: flex-start; padding: 10px;}
.maindiv .dashboardsec .totalamount h5 span{ color: #000 }
.dashbutton .kt-widget12__info:nth-child(1) { padding: 0 10px 0 0 }
.dashboardsec .disflexArea{ flex:none !important; }
 .totalamount .kt-widget12__value i:nth-child(1)  { position: absolute; margin-left: 0 !important; right: 40px; }
.blue{ background:blue }
.red{ background:red }
.grey{ background: grey }
.lightgrey{ background: lightgrey }
.white{ background: #fff }
.yellow{ background: yellow }



.maindiv .table thead th, .table thead td{     padding-top: .7rem;  padding-bottom: .7rem; }
#kt_header_menu{ justify-content: space-between;; }
.searchsec{ align-items: center; }
#kt_content .searchsec label{ font-size: 15px }
.revenuetoday{     background: #ffffff;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 1px 2px 3px #00000026; }
.revenuetoday p {
    font-size: 20px;
    font-weight: bold;
    line-height: 1; margin:0;
    color: #3453a4;
}
.revenuetoday span{color: #6b6b6b; font-weight: normal; font-size: 20px}



.priceflex { display: flex !important; justify-content: space-between; padding-right: 25px; }


.kt-footer{position: inherit !important;     min-height: auto !important;}

@media screen and (device-aspect-ratio: 2/3) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}

@media screen and (device-aspect-ratio: 40/71) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}


@media screen and (device-aspect-ratio: 375/667) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="tel"], input[type="url"]{ font-size: 16px; }
}


@media screen and (device-aspect-ratio: 9/16) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="tel"], input[type="url"]{ font-size: 16px; }
}


@media all and (max-width: 1280px){
    .revenuetoday p{ font-size: 16px;}
    .revenuetoday span{    font-size: 16px;}
}

@media all and (max-width: 1120px){
    .revenuetoday p{ font-size: 15px;}
    .revenuetoday span{    font-size: 15px;}
}

@media only screen and (min-width:1025px) and (max-width:1280px) {

.maindiv .dashboardsec .kt-widget12__item:nth-child(1){ flex-wrap: wrap; padding: 5px }
.dashboardsec .disflexArea{ width: 100%; margin-bottom: 10px;}
.dashboardsec .text-right{ display: flex;
    justify-content: space-between; }
}

@media all and (max-width: 550px){
.maindiv .dashboardsec .kt-widget12__item:nth-child(1){ flex-wrap: wrap; padding: 5px }
.dashboardsec .disflexArea{ width: 100%; margin-bottom: 10px;}
.dashboardsec .text-right{ display: flex;
    justify-content: space-between; }

.maindiv .kt-margin-t-30 {   margin-top: 0px !important;}

.totalamount i{ margin-right: auto !important; }
}



@media all and (max-width: 1200px){
.kt-header-menu{ margin:0 !important; }
.kt-header-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link {
    padding: 0.75rem 0.45rem !important;
    font-size: .9rem;}
.goog-te-gadget{     right: 10%; }


}

@media all and (max-width: 1024px){
.maindiv {  padding: 5px 0 0 0;}
.goog-te-gadget{  right: 10%;  top: 10px; }


}

@media all and (max-width: 991px){

  .shopflorArea .itembox .item:nth-child(1) {
    width: 65%;
}
.shopflorArea .itembox .item:nth-child(2) {
    width: 35%;
}
 .shopflorArea .kt-wizard-v2{ flex-direction: row; }
.shopflorArea .itembox .item .kt-portlet .kt-wizard-v2__aside{ width: 50%; flex: 0 0 50%; }
.shopflorArea .itembox .item .kt-portlet .kt-wizard-v2__wrapper{ width: 50%; flex: 0 0 50%; }

.searchsec .btn{ width: 100% }
.goog-te-gadget { position: absolute; right: 10% !important;  top: 10px;}

#kt_content .ivu-input { height: calc(1.5em + 1.3rem + 2.5px);}
.jobcontent{ padding: 15px }

}



@media all and (max-width: 767px){




  .shopflorArea .itembox .item:nth-child(1) {
    width: 100%;
}
.shopflorArea .itembox .item:nth-child(2) {
    width: 100%;
}
.shopflorArea .itembox .item .kt-portlet .kt-wizard-v2__aside{ width: 100%; flex: 0 0 100%; }
.shopflorArea .itembox .item .kt-portlet .kt-wizard-v2__wrapper{ width: 100%; flex: 0 0 100%; }
.shopflorArea .kt-wizard-v2{ flex-direction: column; }
  .sublinks ul{   padding: 0 0 0 20px; flex-wrap: wrap; justify-content: flex-start; }
  .sublinks ul li{ width: 33.3% }


.shopflorArea .itembox{ clear: both }
.shopflorArea .itembox .item{  width: 100% !important }
#menuToggle{ display: block; float: right; }
.shopflorArea .itembox .item .kt-form{ padding: 20px 0  }

.shopflorArea .itembox .item:nth-child(2) .col-xl-6{  padding: 0 }

.kt-wizard-v2 .kt-wizard-v2__aside .kt-wizard-v2__nav{ overflow: auto; height: 100px }

/*.dashbutton .kt-widget12__info:nth-child(1) { padding: 0 0 10px 0 }*/

.revenuetoday{ margin-top: 10px; margin-bottom: 25px }
.maindiv {  padding: 30px 0 0 0;}
#kt_content .searchsec label{ margin-top: 15px; margin-bottom: 5px }
.goog-te-gadget {  position: absolute;  right: 15% !important;  top: 5px;}

p {
    font-size: 14px;}

}


@media all and (max-width: 575px){


  .sublinks ul{   padding: 0 0 0 20px; flex-wrap: wrap; justify-content: flex-start; }
  .sublinks ul li{ width: 33.3% }


.shopflorArea .itembox{ clear: both }
.shopflorArea .itembox .item{  width: 100% !important }
#menuToggle{ display: block; float: right; }
.shopflorArea .itembox .item .kt-form{ padding: 20px 0  }

.shopflorArea .itembox .item:nth-child(2) .col-xl-6{  padding: 0 }

.wsmenu ul{ justify-content: center;  flex-wrap: wrap;}
.wsmenu ul li ul{ width: 100% }
.wsmenu{ margin: 0 auto -30px; }


#kt_content .searchsec .btn {  width: 100%; margin: -30px 0 15px 0}


.completecard .d-flex{ align-items: center; justify-content: center;}
.completecard .btn{ float: none !important; margin: 0 auto; display: table; }
.maindiv .dashboardsec .kt-widget12__value .fa-edit{ margin-top: 0; }

}



@media all and (max-width: 479px){


.sublinks ul{   padding: 0 0 0 20px; flex-wrap: wrap; }
.sublinks ul li{ width: 50% }
.shopflorArea .itembox{ clear: both }
.shopflorArea .itembox .item{  width: 100% !important }
#menuToggle{ display: block; float: right; }
.shopflorArea .itembox .item .kt-form{ padding: 20px 0  }
.shopflorArea .itembox .item:nth-child(2) .col-xl-6{  padding: 0 }
.maindiv .dashboardsec .kt-widget12__item:not(:nth-child(1)){ display: block; }
.dashbutton .kt-widget12__info:nth-child(1) {  padding: 0 0px 10px 0;}

.totalamount .kt-widget12__info{ margin-bottom: 10px }

.maindiv .dashboardsec .kt-widget12__item:nth-child(1){ flex-wrap: wrap; padding: 5px }
.dashboardsec .disflexArea{ width: 100%; margin-bottom: 10px;}
.dashboardsec .text-right{ display: flex;  justify-content: space-between; }
}


@media all and (max-width: 360px){

.wsmenu ul li{width: 33.3%}
.wsmenu ul li ul{ width: auto; }
.goog-te-gadget{ right: 10% !important; top: -1px }
}







/*
@media (min-width: 320px) and (max-width: 550px){
.shopflorArea .itembox{ clear: both }
.shopflorArea .itembox .item{  width: 100% !important }
#menuToggle{ display: block; float: right; }
.sublinks{ display: none; }

.shopflorArea .itembox .item .kt-form{ padding: 20px 0  }


.successmsg { margin: 50% auto;  max-width: 100%;}

    #kt_gchart_1{ height: auto !important}
    .profile_logosec img{ width:100%}
    .kt-widget4{ margin: 0 auto 10px}
}
*/

.dashbaordmidsec .itembox  .ivu-icon-ios-trash-outline{float: right;   background: red;  border-radius: 50%;  color: #fff;  font-size: 35px;  width: 40px;
    height: 40px;  text-align: center;  line-height: 40px;     margin-bottom: 20px;  margin-top: 10px;  cursor: pointer;}
.dashbaordmidsec .itembox div{ clear:both}

@media (max-width: 767px) {
    .dashbaordmidsec .itembox  .ivu-icon-ios-trash-outline{    font-size: 22px;     line-height: 30px;  width: 30px;  height: 30px; margin-top: 5px; }
    .dashbaordmidsec .itembox .item .cardetail h4 {  font-size: 12px !important;}

}

.dashboardsec .kt-widget12__content  .ivu-icon-ios-trash-outline{float: right;   background: red;  border-radius: 50%;  color: #fff;  font-size: 35px;  width: 40px;  height: 40px;  text-align: center;  line-height: 40px;   margin-right: 10px;  margin-bottom: 0px;  margin-top: 10px;  cursor: pointer;}

@media (max-width: 767px) {
    .dashboardsec .kt-widget12__content  .ivu-icon-ios-trash-outline{    font-size: 22px;     line-height: 30px;  width: 30px;  height: 30px; }

}
