.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}
.custom-font-size{
    font-size: 13px !important;
}
.custom-size {
    padding: 10px !important;
    background: #fff !important;
    border: 1px solid #2d4569 !important;
}
.custom-padding{
    width: 100%;
    margin-bottom: 30px;
    overflow: hidden;
    margin-top: 20px;
}
.custom-mt50{
    margin-top: 0px;
}
.open>.dropdown-menu{
    right:0px !important;
    left: auto;
}
.social ul li .dropdown ul li{
    display: block;
    border-bottom:1px solid #ccc;
}
.social ul li .dropdown ul li:last-child{border-bottom: none;}
.dropdown ul li{
    padding: 0px;
}

.dropdown ul li a{
    padding: 9px;
    font-size: 18px !important;
}
.social ul li .dropdown ul li a{padding:9px; font-size:18px !important; line-height:normal;}
.custom-label{
    display: block;
}
.custom-size-image {
    padding: 10px !important;
    background: #fff !important;
    border: 1px solid #2d4569 !important;
    width: 60%;
    height: 60%;
}
.pagination_first{
    width: 100%;
    overflow: hidden;
}
.pagination_second{
    width: 100%;
    float: right;	
}
.custom-class{
    float: right;
}
.custom-class>li>a{
    padding: 8px;
    border: 1px solid #333;
    background-color: #fff;
    color: #333;
    font-size: 16px;
}
.custom-class>.active>a{
    border: 1px solid #333;
    background-color: #333;
    color: #fff;
}
.custom-class>.active>a:hover{
    border: 1px solid #333;
    background-color: #333;
    color: #fff;
}
.custom-class>li>a:hover{
    border: 1px solid #333;
    background-color: #333;
    color: #fff;
}
.custom-left>p{
    text-align: left !important;
}
.form-group > label > i{
    font-size: 10px;
    vertical-align: super;
}
.customHeading{
    color: #333;
    font-size: 50px;
    font-weight: bold;
    text-align: center;
}
.custom-tab-padding{
    padding: 43px 33px;
}
.custom-padding-div{
    width: 100%;
    padding: 60px 0px;
}
.order-summary-head
{
    overflow:hidden;
}
.order-summary-head h3.head
{
    line-height:40px !important;
}
.btn-conversion{
    border-radius:0;
    float:right;
    padding:0 18px;
    line-height:40px;
    background-color:#fff;
    color:#000;
    border:1px solid #000;
    font-size:20px;
    text-transform:uppercase;
}
.btn-conversion:hover
{
    background-color:#000; color:#fff;
}
.custom-bgcolor{
    background: #efefef;
}
.custom-remove-color{
    background: #efefef !important;
}

.custom-width{
    width: 42% !important;
}
.custom-scroll-timeline{
    overflow-y: auto !important;
    max-height: 403px !important;
}

/*Timeline Code*/
.col{
    text-align: center;
}
.btn-edit-edit{
    font-size: 20px;
    background-color: transparent;
    color: #0c0c0c;
    line-height: normal;
    margin-top: 16px;
}

.btn-edit-correct{
    font-size: 20px;
    background-color: transparent;
    color: #0c0c0c;
    line-height: normal;
}
.searchTermFull{
    width: 100%;
    border: 1px solid #898989;
    padding: 20px 8px;
    height: 34px;
    border-radius: 0;
    outline: none;
    color: #333;
}
.custom-font-size-span{
    font-size: 17px;
    letter-spacing: 0px;
}
.custom-button-right-side{
    float: right;
}
.modalSearch{
    bottom: 25px;
    right: 18px;
    font-size: 16px;
    position: absolute;
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    text-transform: capitalize;
    outline: 0px;
    padding: 6px 24px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(0, 0, 0);
    border-image: initial;
}
.custom-table > thead > tr > th{
    padding:8px !important;
    border: 1px solid #ddd;
}
.custom-table > tbody > tr > td{
    padding:8px !important;
    border: 1px solid #ddd;
}
.custom-table > tbody > tr > .content-right{
    text-align: right;
}
.custom-table > tbody > tr:hover {
    background-color: #e6e6e6;
}
.custom-table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55;
    text-align: center;
}
.hideextra { 
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
}
.custom-table{
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
}
.custom-mb{
    margin: 10px;
}
.noborder-table > tbody > tr > td{
    padding:8px !important;
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
}
.custom-overflow{
    overflow: hidden;
}
.custom-button{
    float: right;
    margin: 0px;
    font-size: 14px;
    line-height: normal;
    padding: 4px 18px;
    background-color: #fff !important;
    color: #000 !important;
    border: 2px solid #fff;
    text-transform: capitalize;
    font-weight: 600;
}
.custom-button:hover {
    background-color: transparent !important;
    color: #fff !important;
    border: 2px solid #fff;
}
.custom-head{
    margin: 6px 0px 0px !important;
}
.hover-effect ul{
    padding-left: 15px;    
}
.hover-effect ul li{
    list-style-type: circle;
    margin-bottom: 20px;
}
.hover-effect ul li p a{
    font-size: 22px;
}
.hover-effect ul li p a,
.hover-effect ul li p a:hover{
    text-decoration: underline;
}
.icon-position-adjust p a i{
    margin: 0px 0px 0px 6px;
}
.noDataTable {
    text-align: center;
    color: red;
}
.modal-js{
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal-content-js {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 30%;
    height: 30%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    top:35%;
    transform:translateY(-35%);
    -moz-transform:translateY(-35%);
    -webkit-transform:translateY(-35%);
}
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}
@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}
.modal-body-js {
    padding: 2px 16px;
}
.modal-body-js p{
    text-align: center;
    padding-top: 14%;
    color: red;
    font-weight: bolder;
    font-size: 21px;
}