/*=================================================================================================
===================================================================================================
===================================================================================================
==========================================Tumarms CSS==============================================
===================================================================================================
===================================================================================================
===================================================================================================*/






/*=================================================================================================
=============================================common_classes========================================
===================================================================================================*/


*:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

body {
  -webkit-print-color-adjust: exact;
}

.input-group .form-control {
  z-index: 1;
}

.putDotsLongText {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.textTransformUpper {
  text-transform: uppercase;
}

.allUnset
{
      all: unset;
    /* overflow: hidden; */
    display: block;
}
.btn:focus
{
  outline: none;
}

/*=============================================================
===================Anchor Tags Width===========================
================================================================*/
a {
  color: #000;
}

a:hover {
  text-decoration: none;
}

a.anchorTagsLinks {
  color: #428bca;
}

.textUnderline
{
      text-decoration: underline;
}
/*=============================================================
===========================Margins Related=====================
================================================================*/
.marginAuto {
  margin: auto;
}
.marginTop10 {
  margin-top: 10px;
}
.marginTop0 {
  margin-top: 0px;
}
.marginInitial {
  margin: initial;
}

/*=============================================================
===========================All Spaces==========================
================================================================*/
.space30 {
  height: 30px;
}

.space20 {
  height: 20px;
}

.space10 {
  height: 10px;
}

.space15 {
  height: 15px;
}

.space5 {
  height: 5px;
}

.space25 {
  height: 25px;
}

.space35 {
  height: 35px;
}

.space40 {
  height: 40px;
}

.space50 {
  height: 50px;
}

.space60 {
  height: 60px;
}

.space65 {
  height: 65px;
}
.space70 {
  height: 70px;
}
.space75 {
  height: 75px;
}

.space80 {
  height: 80px;
}

.space90 {
  height: 90px;
}

.space95 {
  height: 95px;
}

.space100 {
  height: 100px;
}

.space250 {
  height: 250px;
}

/*=============================================================
===========================All Widths==========================
================================================================*/
.widthFull {
  width: 100%;
}

.widthHalf {
  width: 50%;
}

.width100 {
  width: 100px;
}

.width200 {
  width: 200px;
}

.width150 {
  width: 150px;
}


.widthInitial {
  width: initial;
}

/*=============================================================
===========================Font Sizes==========================
================================================================*/
.fontSize18 {
  font-size: 18px;
}

.fontSize15 {
  font-size: 15px;
}

.fontSize22 {
  font-size: 22px;
}
.fontSize30
{
  font-size: 30px;
}

.fontSize16 {
  font-size: 16px;
}

.fontSize17 {
  font-size: 17px;
}

.fontSize24 {
  font-size: 24px;
}

.fontSize20 {
  font-size: 20px;
}

.fontSize10 {
  font-size: 10px;
}

.fontSize12 {
  font-size: 12px;
}

/*=============================================================
==========================Font Width===========================
================================================================*/
.fontWeight100 {
  font-weight: 100;
}

.fontWeight200 {
  font-weight: 200;
}

.fontWeight300 {
  font-weight: 300;
}

.fontWeight400 {
  font-weight: 400;
}

.fontWeight500 {
  font-weight: 500;
}

.fontWeight600 {
  font-weight: 600;
}

.fontWeight700 {
  font-weight: 700;
}

/*=============================================================
===========================Heights=============================
================================================================*/
.heightInitial {
  height: initial;
}
.height50 {
  height: 50px;
}
.height45 {
  height: 45px;
}

/*=============================================================
=============================Paddings==========================
================================================================*/
.padding25 {
  padding: 25px !important;
}



.paddingRight15 {
  padding-right: 15px;
}
.paddingLeft40 {
  padding-left: 40px;
}
.paddingLeftRight32 {
  padding: 0px 32px;
}
.paddingLeftRight30 {
  padding: 0px 30px;
}

.paddingRight10 {
  padding-right: 10px;
}

.paddingRight5 {
  padding-right: 5px;
}

.noPadding {
  padding: 0px;
}

.noPaddingRight {
  padding-right: 0px;
}

.noPaddingLeft {
  padding-left: 0px;
}

.paddingLeftRight25 {
  padding: 0px 25px;
}

.paddingLeftRight10 {
  padding: 0px 10px;
}
.paddingLeftRight15 {
  padding: 0px 15px;
}

.paddingTopBottom10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.paddingTopBottom20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.paddingTopBottom40 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.paddingTop10 {
  padding-top: 10px;
}

.paddingTop5 {
  padding-top: 5px;
}
.paddingLeft50px {
  padding-left: 50px;
}
/*=============================================================
==========================Colors ==============================
================================================================*/
.colorWhite {
  color: #fff;
}

.bgWhite {
  background: #fff;
}

.colorBlack {
  color: #fff;
}

.bgBlack {
  background: #fff;
}
.bgRed
{
  background: red;
}
.colorRed {
  color: red;
}
/*=============================================================
============================Ul> lists==========================
================================================================*/
.list-inline {
  margin-left: 0px;
}

.listStyleNone {
  list-style: none;
}

/*=============================================================
========================All Input Fields=======================
================================================================*/
input [type="search"],
input [type="search"]:active {
  -moz-appearance: none;
  -webkit-appearance: none;
}


input[type="number"]{-moz-appearance:textfield}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{-webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;margin:0}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  transition: background-color 5000s ease-in-out 0s;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff;
  font-size: 15px;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: #fff;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
}

/*=============================================================
==========================All Displays=========================
================================================================*/
.displayInlineBlock {
  display: inline-block;
}

.displayBlock {
  display: block;
}

.displayFlex {
  display: flex;
}
.displayNone {
  display: none;
}

hr {
  margin-top: 15px;
  margin-bottom: 15px;
  border-top: 1px solid #e1e1e3;
}

/*=================================================================================================
=============================================Tables_styling_common=================================
===================================================================================================*/
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f8f8f8;
}

.statusPending {
  background: orange;
  color: white;
  padding: 1px 8px;
  font-size: 13px;
  border-radius: 20px;
  display: block;
  width: 105px;
  text-align: center;
}

.statusApproved {
  background: green;
  color: white;
  padding: 1px 8px;
  font-size: 13px;
  border-radius: 20px;
  display: block;
  width: 105px;
  text-align: center;
}

.statusExpired {
  background: red;
  color: white;
  padding: 1px 8px;
  font-size: 13px;
  border-radius: 20px;
  display: block;
  width: 105px;
  text-align: center;
}

/*=================================================================================================
=============================================tables_things=======================================
===================================================================================================*/
.table-responsive {
  border: none;
}



/*=================================================================================================
=============================================DatepickerCss=============================================
===================================================================================================*/
.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:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .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, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover
{
    color: #ffffff;
    background-color: #9c27b0;
    border-color: #9c27b0;
        box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4);
}
.datepicker table tr td, .datepicker table tr th {
    border-radius: 20px;
        font-family: initial;
}
/*=================================================================================================
=========================icons of add_edit_delete_view=============================================
===================================================================================================*/
.iconsAddEdit li {
  list-style: none;
  display: inline-block;
}

.iconsAddEdit li > a > .fas {
  color: #fff;
  padding: 3px;
  border-radius: 3px;
  width: 20px;
  height: 20px;
  text-align: center;
}

.iconsAddEdit li > a > .fa-eye {
  background: #2a92b1;
}

.iconsAddEdit li > a > .fa-plus {
  background: #299b2b;
}

.iconsAddEdit li > a > .fa-edit {
  background: #eb931b;
}

.iconsAddEdit li > a > .fa-trash {
  background: #b00c0e;
}

/*=================================================================================================
============================All scroll Bar for website=============================================
===================================================================================================*/
::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
  background-color: #F5F5F5;
  border-radius: 10px;
}

::-webkit-scrollbar
{
      height: 5px;
  width: 5px;
  background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  background-color: #FFF;
 background-image: -webkit-linear-gradient(top, #212529 0%, #212529 50%, #212529 51%, rgb(33, 37, 41) 100%);
}
/*=================================================================================================
=============================================Media_Queries=========================================
===================================================================================================*/
@media only screen and (min-width: 1200px) {
.paddingLeftRight50 {
  padding: 0px 50px;
}

}
@media only screen and (max-width: 768px) {
  .text-right-hidden-xs {
    text-align: left;
  }
  .widthFullXs {
    width: 100%;
  }
  .noPaddingOnxs {
    padding: 0px;
  }
  .fontSizeFifteenOnxs {
    font-size: 15px;
  }
  .paddingrightOnxs {
    padding-right: 15px;
  }
  .paddingleftOnxs {
    padding-left: 0px;
  }
  
}
@media only screen and (min-width: 992px)
{
  .paddingLeftRight70 {
  padding: 0px 70px;
}
}
@media only screen and (max-width: 992px)
{
  .textCenterXsMd
  {
    text-align: center;
  }
}