.modal-body input ,.modal-body select
{
    height: 3.4rem  !important;
}

.modal-body input::placeholder
{
    content: 'Enter Valid Details ' !important;
}
.modal-body .colorblack
{
    font-size: 1.3rem;
}

.modal-header
{
    background: none !important;
    text-align: center;
    padding: 3rem !important;
}

.modal-header .modal-title
{
    color: #000  !important;
}

.modal-header .col-sm-8
{
    width: 100% !important;
}

.modal-header .col-sm-4
{
    margin-left: -16rem;
}

.modal-header .col-sm-4 button
{
    color: #000  !important;
}

.modal-footer 
{
    background: #f9f9f9 !important;
    border: 0px solid #cdcdcd !important;
}


.modal-footer {
   
    justify-content: center !important;
    
}

.clastr tr th
{
	padding: 0.5em;
}
.completed
{
	color: green;
}

.pending
{
	color: orange;
}

.failed
{
	color: red;
}


.pproimgorder
{
	width: 100%;
}
.backgroundh {
    background: #d2dde7;
}
.divaligncenter {
    text-align: center;
}

.cartrealterplace {
    font-size: 1.5em;
    font-weight: 700;
    padding: 0.4em;
    border-top: 1px solid #e9e5e5;
    border-bottom: 1px solid #e9e5e5;
}

.imgborder {
    border: 2px solid #f5f5f5;
}

.fontsize {
    font-size: 1em;
    font-weight: 600;
    border-top: 1px solid #e9e5e5;
    border-bottom: 1px solid #e9e5e5;
}

.plcaeorderprofile {
    font-size: 1.2em;
    line-height: 1.7;
    color: #8d8888;
    margin: 0px !important;
}

.succespage {
    font-size: 1.1em;
    font-weight: 600;
    padding-top: 0.1em;
}

.paddingtop1em {
    padding-top: 1em !important;
}

.cartpro {
    margin: 0.5em;
    background: #fff;
    padding: 0.3em;
}

.imgborder {
    border: 2px solid #f5f5f5;
}

.fontsize9em {
    font-size: 1em;
}

.otherproh22 {
    color: #6e6a6a;
    font-size: 1em;
    padding: 0.2em;
    margin: 0px;
    padding-left: 1em;
}

.otherproh4 {
    font-size: 0.8em;
    color: #af2020;
    padding: 0.2em;
    padding-left: 1.5em;
    margin: 0px;
    line-height: 1.8;
}

.otherproh3 {
    color: #1fad1c;
    padding: 0.2em;
    margin: 0px;
    font-size: 1em;
    font-weight: 600;
    padding-left: 1.5em;
}

.cartrealterplace {
    font-size: 1.4em;
    font-weight: 700;
    padding: 0.4em;
    border-top: 1px solid #e9e5e5;
    border-bottom: 1px solid #e9e5e5;
}

.successpay {
    font-size: 1em;
    color: #0a688d;
    font-weight: 600;
    margin: 0px;
    text-align: right;
}

.successpay {
    font-size: 1em;
    color: #0a688d;
    font-weight: 600;
    margin: 0px;
    text-align: right;
}

.successpayshipp {
    font-size: 1em;
    color: #a75705;
    font-weight: 600;
    margin: 0px;
    text-align: right;
}

.successpaytotal {
    font-size: 1em;
    color: #066216;
    font-weight: 600;
    margin: 0px;
    text-align: right;
}


.paddingtop05em
{
	padding-top: 0.5em;
}

.tableval {
	width: 100%;
}

.tableval tbody tr td{
	padding: 0.5em !important;
}

.tableval tbody tr th {
	padding: 0.5em !important;
}

.inputfield
{
	width: 70%;
}

.textareaheight
{
	height: 10em !important;
}

.divwith10 div
{
	width: 100% !important;
}

.padding03em
{
	padding: 0.3em;
}

.padding05em
{
	padding: 0.5em;
}

.padding02em
{
	padding: 0.2em;
}


.paddingtop05em
{
	padding-top: 0.5em
}

.padlefrig
{
	padding-top: 0.5em; padding-left: 4em;
}
	
.inputheightwidth
{
	width: 100%; height: 30px;
   
}
.addpagetitle
{
	background: #eef0f3;
    font-size: 1.3em;
    font-weight: 600;
    padding: 0.3em;
}

.qtywidth
{
	width: 50%;
}

.tableval .tr{
	background: #eef0f3;
    font-size: 1em;
font-weight: 600;}


.tableval .tr th{
	
    font-size: 1em;
font-weight: 600;
padding: 0.3em;


}

#displaynone
{
	display : none;
}

.pagetitle
{
      color: #8c8c8c !important;
	font-size: 1.7em;
    font-weight: 600;
    margin: 0px;
    padding-top: 0.5em;
}
.titlelist
{
	display: inline;
	padding: 0px;
	
}

.titlelist li
{
	display: inline;
	
}
.inactive{
	color: #747474;
    font-size: 1.2em;
    padding-top: 1.5em;
	padding-right: 1em;
}

.paddingzero
{
	padding: 0px;
	padding-top: 0.7em;
}

.sidebar-link, a.sidebar-link {
    /* color: rgb(255 255 255 / 50%); */
    cursor: pointer;
    display: block;
    font-weight: 400;
    padding: 0.625rem 1.625rem;
    position: relative;
    text-decoration: none;
    transition: color 75ms ease-in-out;
    font-size:1.4em;
    color: #e5e5e5;    letter-spacing: 1px;
    text-decoration: none !important;
}

.sidebar-link svg, a.sidebar-link i, a.sidebar-link svg {
    color:  #e5e5e5;
    margin-right: 0.75rem;
}

#sidebar
{
	max-width: 235px;
    min-width: 235px;
}


.shrink ul li ul {
  
}


.shrink {
    max-width: 80px !important; 
    min-width: 80px!important; 
    padding: 5px!important; 
}

.shrink .avatar {
   width: 50px !important;
   height: 25px !important;
}
.shrink #searchInput {
   display: none !important;
}


.shrink .sidebar-item a span {
    opacity: 0; /* Hide text when sidebar shrinks */
    pointer-events: none; /* Disable link interaction */
    display: none;
}

.shrink .sidebar-item a::before {
    opacity: 1; /* Hide text when sidebar shrinks */
    
}

.shrink .sidebar-item a .feather {
    height: 20px;
    width: 30px;
}
.shrink .sidename {
    display: none;
}
.shrink .sidenameimg {
   width: 65px !important;
}
.shrink .sidebar-dropdown {
    position: absolute;
    background: #fff;
    margin-left: 2rem;
    z-index: 99;
    width: 140px;
    color: #000;
    box-shadow: -1px 1px 5px 0px #0e0e0e;
}

.shrink .simplebar-wrapper,.shrink .simplebar-mask,.shrink .simplebar-content-wrapper
{
    overflow:visible!important;
}


.shrink .sidebar-dropdown .sidebar-item .sidebar-link {
    color: #000;
    font-weight: 400;
    padding: 0.5rem 1rem;
} 

.contentbox
{
	background: #fff;
	box-shadow: 0 0 0rem 0 rgb(41 48 66 / 10%);
	margin-top: 1em;
	border-radius: 0.4em;	
	padding: 0em !important;
    border: 0px solid #cdcdcd;
}
.contentboxsubborder
{
	border: 1px solid #dddddd;
	border-radius: 0.4em;	
    padding: 0px !important;
}

.formfieldname
{
	font-size: 1.3em;
	font-weight:600!important;

}


.padding01em
{
	padding: 1em;
}

.table{
	width: 100%;
}

.inputfield
{
	width: 70%;
	height: 2.8em;
    border-radius: 0.5rem !important;
}
.selectalign
{
    height: 2.8em;
    border-radius: 0.5rem !important;
}
::placeholder
{
	color: #cdcdcd;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 1.2rem ;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 0px solid #fff !important;
	border: none !important;
}

th 
{
	border-top: 0px solid #fff !important;
	border: none !important;
}
td
{
	border-top: 0px solid #fff !important;
	border: none !important;
}

.btn, .btn-primary, .btn-danger
{
	margin: 0px!important;
    padding: 0px!important;
    padding-left: 1em!important;
    padding-right: 1em!important;
	margin-right: 1em !important;
}
.btn-primary::after
{

}
.errormsg

{
	color: red;
}

.gobackbtn {
    background: #2e2e30;
    color: #fff;
    padding: 0.4em;
    font-size: 0.6em !important;
    border-radius: 0.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    cursor: pointer;
}

.gobackbtn:hover {
    border:1px solid #8c8c8c;
    background: #8f8f8f;
    color: #fff;
    text-decoration: none;
}

.headerbtn {
      border:1px solid #8c8c8c;
    background: #fff;
    color: #8c8c8c;
    padding: 0.5em;
    font-size: 1.3rem !important;
    border-radius: 0.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.headerbtn:hover {
    border:1px solid #8c8c8c;
    background: #8f8f8f;
    color: #fff;
    text-decoration: none;
}
   

#textareheight
{
	height: 6em !important;
}
.ulsocial
{
	list-style: none;
    padding: 0px;
    border: 1px solid #cdcdcd;
    box-shadow: 1px 1px 1px 1px #cdcdcd8f;
	display: none;
	position: absolute;
    background: #fff;
    width: 23%;
	height: 8em;
    overflow-y: scroll;
}

.socialbox
{
	border: 1px solid #cdcdcd;
    width: 100%;
    padding: 0.4em;
    height: 2.3em;
}
#ulsocial li
{
	padding: 0.3em;
}


.creatnewbtn
{
	border: 1px solid #cdcdcd;
	padding: 0.3em;
	color: blue;
}
.socialmodelwidth
{
	width: 45em !important;
	
}

.colorfff
{
	color: #fff;
}
.socialmodelwidth input
{
	color: #000;
}



.ulsocialval
{
	list-style: none;
    padding: 0px;
    border: 1px solid #cdcdcd;
    box-shadow: 1px 1px 1px 1px #cdcdcd8f;
	display: none;
	position: absolute;
    background: #fff;
    width: 23%;
	height: 8em;
    overflow-y: scroll;
}

.actionbtn
{
    background: #2e2e30;
    color: #fff;
    padding: 0.3em;
    border-radius: 0.4em;
	margin-left: 0.5em;
}

.actionbtn:hover
{
    background: #7a7a7c;
    color: #fff;
   
}

#addemail
{
	display: none;
}
.tabletrback
{
	background: #565555 !important;
}



.tabldtdbore
{
	border: 1px solid #565454 !important;
}

.popupaddbtn {
    background: #f3f3f3;
    color: #524c4c;
    padding: 0.3em;
    border-radius: 0.4em;
    margin-left: 0.5em;
}

.popupinput
{
	height: 1.8em;
	color: #000 !important;
}

.popupbutton

{
	padding: 0.2em !important;
    font-size: 1em !important;
    padding-left: 1em !important; padding-right: 1em !important;
}
.width100per
{
    width: 100% !important;
}
.width70per
{
    width: 70% !important;
}

.trbackkground
{
	background: #d7dae4;
    font-size: 1.2em!IMPORTANT;
    font-weight: 600 !important;
}
.trbackkground th
{
padding-left: 1rem !important;
}
.maildivback
{
	background: #eef0f3;
}
.emailinput
{
	height: 2em;
    width: 100% !important;
    border-radius: 0.5em;
}

.spanbtn
{
	background: #000;
    border-radius: 0.4em;
    padding: 0.5em;
    color: #fff;
}
.spanbtnborder
{
	border: 2px solid #000;
    border-radius: 0.4em;
    padding: 0.4em;
    color: #000;
}

.spanbtn input ,.spanbtnborder input 
{
	background: none;
    border: none;
}

.paddingzeroall
{
	padding: 0px !important;
}

.h3style
{
	background: #cdcdcd;
    padding: 0.3em;
    font-size: 1.4em;
    font-weight: 600;
}

.gridtable
{
	width: 100%;
}
.gridtable td , .gridtable th

{
	padding: 0.5em;
	border: 1px solid #f3f3f3 !important;
}

.width45{
	width: 49%
}



.trstyle
{
	background: #2e2e30;
    color: #fff !important;
}

#companylists
{
	display: none;
}

#ulstyledrop
{
	 overflow: hidden;
    overflow-y: scroll;
    position: absolute;
    z-index: 999;
    background-color: #fff;
    border: #000 solid 1px;
    width: 100%;
    -webkit-box-shadow: 0px 5px 9px -1px rgb(0 0 0 / 66%);
    box-shadow: 0px 5px 9px -1px rgb(0 0 0 / 66%);
    padding: 0.5em;
    list-style: none;
    font-size: 13px;
   max-height: 7em;
  
    background: #fff;
	
	
}
#ulstyledropgroup
{
	 overflow: hidden;
    overflow-y: scroll;
    position: absolute;
    z-index: 999;
    background-color: #fff;
    border: #000 solid 1px;
    width: 100%;
    -webkit-box-shadow: 0px 5px 9px -1px rgb(0 0 0 / 66%);
    box-shadow: 0px 5px 9px -1px rgb(0 0 0 / 66%);
    padding: 0.5em;
    list-style: none;
    font-size: 13px;
   max-height: 7em;
  
    background: #fff;
	
	
}

#ulstyledrop li
{
	list-style: none !important; 
    text-align: left;
}
#ulstyledropgroup li
{
	list-style: none !important; 
    text-align: left;
}

.emaillabel
{
	text-align: left;
	background: #fff;
    border: 1px solid #cdcdcd;
    max-height: 5em;
	min-height: 2em;
    width: 100% !important;
    border-radius: 0.5em;
    margin: 0px;
	margin-bottom: 0px !important;
	overflow-y: scroll;
}
.emailaddressinput
{
	height: 1.7em;
    border-radius: 0.5em;
    border: 1px solid #cdcdcd;
    margin-top: 0.1em;
    margin-right: 0.5em;
}

.blue
{
	color:blue;
	font-weight: 600;
}.red
{
	color:red;
	font-weight: 600;
}.green
{
	color:green;
	font-weight: 600;
}


#submenu
{
	height: auto !important;
}



.modal-content {
    position: relative;
    background-color: #f9f9f9 !important;

}

.modal-title {
   
    color: #fff!important;
}

.close {
   
    color: #fff !important;
   
}

.colorblack
{
    color: #2a2323 !important;
}

.padding05em
{
    padding: 0.5em
}

.imgwidh
{
    width:70px!important;
}

.spanactive
{
  background: #bbe2bb;

    padding: 0.4rem 1rem;
    color: #333;
    border-radius: 0.5rem;
}

.spaninactive
{
    background:#b71c1c;
    color: #fff;
    padding: 0.2rem 1rem;
    border-radius: 0.5rem;
}

.paddingleft0px
{
    padding-left: 0px !important;
}

#padding0pxlef
{padding: 0px;
    padding-left: 1em;
}
.paddingl2fr1rem
{
    padding-left: 1rem;
}
#fontsize12px
{
    font-size: 12px !important;
}



.pageheadile
{
  text-transform: capitalize; font-weight:500;color:#424242;padding-left:0.5em;
  font-size: 1.6rem;
}
#floatright {float: right;}

#fontback
{
    font-size: 11px; background: #ffffff;
}
.overflowhidde,#Fullpage
{
    overflow: hidden;
}

.margintop
{
margin-top: 1em  !important;
}

.tagname
{
    border: 1px solid #cdcdcd;
    padding: 0.5em;
    border-radius: 0.5em;
    
}

.table {
   margin-bottom: 3px  !important;
}
#widthid
{
    width: 100%;
    height: 5em;
}


.sidebar-dropdown .sidebar-link {
    color: #adb5bd;
    font-weight: 400;
    padding: 0.55rem 1.5rem 0.55rem 3.7rem;
}
.navbar {
background: #fff !important;
border-radius: 0px!important;
box-shadow: 7px 2px 6px 3px #cdcdcd;
}

.hamburger, .hamburger:after, .hamburger:before {
    background: #767676  !important;

}
.text-darks {
    color: #3a3a3a !important;
   padding-left:0.5em !important;
}


.text-dark {
     color: #ebebeb !important;
	padding-left:0.5em !important;
}


.nav-flag, .nav-icon {
    color: #ebebeb !important;
  
}

button, input, select, textarea {
   
    font-size: 1.2em!important;
}

thead {
   
    color: #ffffff !important;
    background: #7e7e7e !important;
    border: 1px solid #cdcdcd;
}
.zeropadding
{
	padding:0px!important;
}

.table tbody tr td {
   
    border-right: 1px solid #dfdfdf !important;
}

.activepage
{
color: #545b6f;
    padding: 0.6em;
    border: 1px solid #545b6f;
    font-size: 1.2em !important;
    padding-right: 1em !important;
    padding-left: 1em !important;
    margin-right: 1rem;
    background: #ffffff;

}

.table tbody tr:hover
{
 background: #ededed57!important;
}

.table tbody tr:nth-child(even)
{
 background: #ededed57!important;
}
.table  tbody tr td
{
font-size: 1.1em!important;
    font-weight: 600!important;}
.paddingtop05em
{
padding-top:0.5em!important;
}

.searchname
{
    background: #fff;
    color: #000;
    padding: 0.28em;
    padding-right: 2em;
    font-size: 1.1em;
}
.floatright
{
float:right!important;
padding-right:1em!important;
}



    .pagebn {
        padding-right: 0.3em !important;
        font-size: 1.3rem !important;
        color: #4d6ed1;
    }


.fromtable
{
width:100%;
}





.fromtable>tbody>tr>td, .fromtable>tbody>tr>th, .fromtable>tfoot>tr>td, .fromtable>tfoot>tr>th, .fromtable>thead>tr>td, .fromtable>thead>tr>th {
    padding: 1.2rem ;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 0px solid #fff !important;
    border: none !important;
}

.fromtable>tbody>tr>th
{
    padding: 1rem;
    padding-left: 0px;
}

#pagetitle-box
{
    background: #f3f5fa;
    padding: 1rem;
}

#paddingleftzero,.paddingleftzero
{
    padding-left: 0px !important;
}

.padding0px
{
    padding: 0px !important;
}



button, input, select, textarea {
    font-family: inherit;
    height: 25px;
    font-size: inherit;
    line-height: inherit;
    border: 1px solid #ded9d9;
}

.feather {
    height: 18px;
    width: 14px;
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0px;
    border: 1px solid transparent;
}

.mr-breadcrumb .links li {
    display: inline-block;
}


.mr-breadcrumb .links {
    position: relative;
    padding-left: 2px;
    display: inline-block;
}

.mr-breadcrumb .links li a {
    font-size: 14px;
    color: #2c304d;
    margin-right: 19px;
    position: relative;
    font-weight: 400;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.sidebar {
    background: #293042;
    direction: ltr;
   
    max-width: 220px;
    min-width: 220px;
    transition: margin-left .35s ease-in-out,left .35s ease-in-out,margin-right .35s ease-in-out,right .35s ease-in-out;
}

.content {
    direction: ltr;
    flex: 1;
    padding: 0.5em;
}

.navbar {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0.5wm;
    position: relative;
   
}


 
 .sticky-col {
  position: -webkit-sticky;
  position: sticky;
 
}

.first-col {
  width: 100px;
  min-width: 100px;
  max-width: 100px;
  left: 0px;
}

.second-col {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
  left: 100px;
}

.third-col {
  width: 200px;
  min-width: 200px;
  max-width: 200px;
  left: 200px;
}


.four-col {
  width: 250px;
  min-width: 250px;
  max-width: 250px;
  left: 300px;
}


.five-col {
  width: 300px;
  min-width: 300px;
  max-width: 300px;
  left: 400px;
}

 table.dataTable.display tbody tr.even {
    background-color: #e9e9e9 !important;
}
 @media (min-width: 768px)
 {
.col-sm-4 {
    width: 31%;
}
 }
 
 
 @media screen and (max-width: 760px)
 {
.page-header .right {
    display: block; 
    /* margin-top: -4em; */
    /* padding-bottom: 2.5em; */
    /* float: left; */
}
 }
 @media screen and (max-width: 760px)
 {
.page-header .right .btn-group {
    float: right;
    margin-top: -4.5em;
}
 }
table.dataTable thead th, table.dataTable thead td {
    padding: 0.5em;
    width: 200px !important;
    border: 1px solid #e8e6e6;
}
table.dataTable thead th, table.dataTable tfoot th {
    /* font-weight: bold; */
    /* text-transform: uppercase; */
    font-size: 12px;
}
table.dataTable tbody th, table.dataTable tbody td {
    padding: 0.5em;
}
thead {
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    text-transform: capitalize;
    font-size: 12px;
    color: #37363E;
    background: #c3c3c3;
}
table.dataTable.display tbody tr.even {
    background-color: #e9e9e9 !important;
}
table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3 {
     background-color: #e9e9e9; 
}
table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.display tbody tr.odd:hover > .sorting_1, table.dataTable.display tbody tr.even:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_1, table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1 {
     background-color: #e9e9e9; 
}


table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: #e9e9e9;
}

tabl

.sorting_1
{
	
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 0.3em;
    font-size: 12px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.imgstyle
{
	width: 100px;
}
.nofocus
{
	outline: none !important;
}
.nofocus:focus,.nofocus:hover
{
	border: none !important;
}
.navbar
{
	margin-bottom: 0px !important;
}


.btn-primary
{
    background: #545b6f !important;
    border-radius: 2px !important;
    color: #fff;
    padding: 1rem 2rem !important;
    font-size: 1.2rem;
    width: 150px;
    border-color: #222326;

    height: 3.4rem;
}

.btn-primary:hover
{
    background: #fff !important;
    color: #222326 !important;
  border:1px solid #545b6f !important;
}

.btn-danger
{
    background: #5c0505 !important;
    border-radius: 0px !important;
    color: #fff;
    padding: 0.7rem 2rem !important;
    font-size: 1rem;
    width: 150px;
    height:3rem;
    border-color: #5c0505;
    height: 3.4rem;
}

.btn-danger:hover
{
    background: #fff !important;
    color: #5c0505 !important;
  
}

#page_status
{
 width: 70% !important;
}
.createnewpage
{
    display: grid;
    justify-content: center;
    text-align: center;
    align-items: center;
    padding: 10%;
}
.padding1rem{
    padding:1rem;
}
.active{
    color: #000000;
    font-size: 1.3rem;
}

.sideform,.modal-body,.modal-footer
{
    border: 1px solid #cdcdcd;
    
}
.sideform
{
    background: #e8ecf6 !important;
    border-radius: 0.5rem !important;
}

.sideformmenu
{
    background: #e8ecf6 !important;
    border-radius: 0rem !important;
    margin-top: 1rem;
    margin-left: 2rem;
    margin-right: 2rem;
}


.justifycontenleft{
    display: flex;
    justify-content: left;
    align-items: center;
   
}

.titlelist-count 
{
    border: 1px solid #ededed;
    list-style: none;
    display: flex;
    padding: 0.7rem;
    margin: 0px;
}
#searchitem
{
    height: 4rem;
    width: 100%;
    border-radius: 0.5rem;
    margin-right: 1rem;
}


.post_data {
    padding: 24px;
    border: 0px solid #f9f9f9;
    border-radius: 5px;
    margin-bottom: 24px;
    box-shadow: 0px 0px 0px #eeeeee;

}

.modal-header {
    /* color: #fff !important; */
    /* background: #838383!important; */
   /*  padding: 5px!important; */
    border-bottom: 1px solid #e5e5e5!important;

}
.modal-content {
    padding: 1rem !important;
}
.modal-footer
{
    background: #fff;
}


@-webkit-keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -168px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

.content-placeholder {
    display: inline-block;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #fff;
   background: -webkit-gradient(linear, left top, right top, color-stop(8%, #fff), color-stop(18%, #fff), color-stop(33%, #fff));
    background: -webkit-linear-gradient(left, #fff 8%, #fff 18%, #fff 33%);
    background: linear-gradient(to right, #fff 8%, #fff 18%, #fff 33%); */
    -webkit-background-size: 800px 104px;
    background-size: 800px 104px;
    height: inherit;
    position: relative;
}

.contentboxsubborder .table
{
    border: 1px solid #efefef;
    justify-content: center;
    align-items: center;
    padding: 1rem;
}
.contentboxsubborder .table thead 
{
    border: 1px solid #efefef;
    color: #2e2d2d !important;
    background: #f2f5fc  !important;
}
.contentboxsubborder .table thead th
{
    border: 1px solid #efefef;
    color: #2e2d2d !important;
    background: #f2f5fc  !important;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 1.4rem;
}

.contentboxsubborder .table thead th::after
{
    content: '';
    font-size: 12px;   
    color: black;     
    margin-left: 15px;  
}

.contentboxsubborder .table tbody tr td img
{
    border: 1px solid #dbdbdb !important;
    padding:0.5rem !important;
}

.contentboxsubborder .table tbody tr td 
{
    vertical-align: middle;
}

.sideform .fromtable
{
    background-color: #f3f5fa;
}
.cke_chrome
{
    border: 1px solid #d1d1d1 !important;
}

.cke_top ,.cke_bottom{
   
    background: #d1d1d1 !important;
    background-image: linear-gradient(to bottom, #f8f8f8, #f3f5fa) !important;
   
}

.contentboxsubborder .table thead th {
    color: #8c8c8c !important;
    font-size: 1.3rem !important;
}
.table tbody tr td {
    font-size: 1.2em !important;
    font-weight: 400 !important; 
        color: #959191 !important; 
}




#load_data tr td a.pagebn:nth-of-type(1),#load_destination tr td a.pagebn:nth-of-type(1){ color: #919dbd !important; }
#load_data tr td a.pagebn:nth-of-type(2),#load_destination tr td a.pagebn:nth-of-type(2) { color: #b39a8c !important; }
#load_data tr td a.pagebn:nth-of-type(3),#load_destination tr td a.pagebn:nth-of-type(3) { color: #8cb3a4 !important; }