.obituary-head .custom-btn {
    text-transform: unset;
}

.search-btn {
    background-color: #fcb11a !important;
    opacity: 1;
    color: #FFFFFF !important;
    border-radius: 15px;
    height: 30px;
    padding: 0px;
    width: 80px;
    font-size: 12px !important;
    border-color: #fcb11a;
}

.clear-btn {
    float: right;
    background: transparent;
    opacity: 1;
    color: #fcb11a;
    border-radius: 12px;
    height: 30px;
    padding: 5px;
    width: 80px;
    border: 1px solid #fcb11a;
    font-size: 12px !important;
    text-align: center !important;
}

.date-btn {
    margin-left: -10px;
    background: transparent;
    opacity: 1;
    color: #FFFFFF;
    border-radius: 12px;
    height: 25px;
    padding: 0px;
    width: 100px;
    color: #000000;
    border: 1px solid #c3b2b285;
    font-size: 12px !important;
    text-align: center !important;
    box-shadow: 2px 3px #c3b2b285;
}

.filter-placeholder {
    font-size: 12px;
    letter-spacing: 1px;
    color: #1E1E1E;
    height: 30px;
    border-radius: 15px;
    opacity: 1;
    border: 1px solid #878282;
}

.form-label {
    color: #1E1E1E;
    text-transform: capitalize;
    opacity: 1;
    font-size: 12px;
    font-weight: 500 !important;
}

.custom-btn{    
    height: 42px;
    background: #FFFFFF;
    border-radius: 5px !important;
    letter-spacing: 1px;
    color: #FFFFFF;
    text-transform: capitalize;
    opacity: 1;
    padding: 10px;
    text-align: left;
}

.filter-img{
    background: transparent url('../../img/calendar.png') 0% 0% no-repeat padding-box;
    opacity: 1;
    padding: 1px 0px 2px 30px;
    margin-left: 10px;
    height: 25px;
    background-size: 18px 18px;
}

.filter-text{
    color: var(--unnamed-color-007bff);
    text-align: left;
    letter-spacing: 1px;
    color: #007BFF;
    text-transform: uppercase;
    opacity: 1;
    color: #007bff;
    font-weight: 600;
    font-size: 12px;            
}

.custom-padding{
    padding-right: 15px !important;
    padding-left: 15px !important;               
}
.widget{
    border-radius: 5px !important;
}

.sidebar .widget:last-child {
    margin-top: -15px !important;
    background: white !important;
}
select.religion-select, select.lang{
    height: 30px !important;
  padding-right: 30px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url('../../img/down_arrow.svg');
    background-repeat: no-repeat, repeat;
    background-position: right 1em top 50%, 0 0;
    background-size: 1em auto, 100%;
}
select.lang{
    border: 1px solid white; 
    background-color: transparent;
    font-size: 10px;
    padding-left:5px;
}

.widget select {
    width: 100%;
    height: 50px;
    padding: 0 !important; 
    padding-left: 10px !important;
}
.input-field{
    margin-top: -15px;
}
.clear-btn:hover{
    background-color: transparent !important;
    border: 1px solid #fcb11a;
    color: #fcb11a !important;
    font-weight: 500 !important;
}
.feed-img{
    background: transparent url('../../img/cast.png') 0% 0% no-repeat padding-box;
    opacity: 1;
    padding: 0px 0px 5px 35px;
    margin-left: 10px;
    height: 25px;
}
.feed-right-img1{
    background: transparent url('../../img/feed_right.png') 0% 0% no-repeat padding-box;
    height: 25px;
    opacity: 1;
    padding: 3px 0px 5px 35px;
    margin-left: 10px;
    float: right;
}
.feed-right-img2{
    background: transparent url('../../img/feed-right-2.png') 0% 0% no-repeat padding-box;
    height: 25px;
    opacity: 1;
    padding: 3px 0px 5px 25px;
    margin-left: 10px;
    float: right;
}
.filter-text-total{
    color: black;
    font-size: 12px;
    text-align: center;
    padding-left: 20px;
    font-weight: bold;
}
.central-meta {
    margin-top: 3px !important;
    padding: 0 !important;
    margin-bottom: 1px;
}
.main-obituary-body{
    background: white;
    border-radius: 5px;
    padding: 0px; 
    margin-top: 10px;
}
.obt-text-head{
    text-align: left;
    font-size: 14px;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    margin-top: 10px !important;
}
.time-lbl{
    font-size: 12px;
    opacity: 0.5;
    padding: 5px;
    text-align: right;
}
.obt-img{
    width: 100%;
    border: 4px solid var(--unnamed-color-007bff);
    border: 2px solid #fcb11a;
    border-radius: 12px 12px 0px 12px;
    opacity: 1;
    background-size: cover; 
    height: 120px; /* value changed from 90px by Darshan */
}
.figure-caption{
    padding-top: 10px;
    font-size: 10px;
    text-transform: capitalize;
    /*width: 120px;*/
}
.country-flag-main{
    position: absolute;
    z-index: 1;
    width: 20% !important;
    margin-left: 17px;
    margin-top: 60px;
}
.obituary-content-main{
    padding: 0 !important; 
    margin-left: -30px;
}
.date-lbl{
    font-size: 12px;
    color: #000000;
    margin-bottom: 0px;
    font-weight: 600;
}
.place-lbl{
    padding-top: 10px;
    font-size: 12px;
    color: #000000 !important;
    font-weight: 500;
    /*letter-spacing: 1px;*/
}
.dash{
    position: absolute;
    padding-left: 145px;
    padding-top: 12px;
    color: #007bff;
    font-size: 18px
}
.badge{
    display: inline-block;
    min-width: 10px;
    padding: 2px 7px;
    font-size: 12px;
    font-weight: 100;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    /* vertical-align: middle; */
    border-radius: 8px;
    margin-top: 10px;
}
.obt-btn-view{
    background: var(--unnamed-color-007bff) 0% 0% no-repeat padding-box;
    background: #fcb11a 0% 0% no-repeat padding-box;
    border-radius: 8px;
    font: normal normal medium 18px/24px Open Sans;
    letter-spacing: 1px;
    color: #FFFFFF;
    text-transform: capitalize;
    opacity: 1;
    float: right;
    font-size: 11px !important;
}
.obt-btn-view:hover,.search-btn-two:hover,.obt-btn:hover{
    color: #fcb11a !important;
    border: 1px solid #fcb11a;
    background-color: #FFFFFF;
}
.date-birth,.date-death{
    /*margin-left: -30px;*/
    /*padding: 0 !important;*/
    margin-left: -15px !important;
    margin-left: -5px;
    /* padding: 0 !important; */
    padding-right: 2px !important;
    /*padding-left: 0 !important;*/
}
.view-btn-row{
    margin-bottom: 10px;
}
.recent-img{
    background: transparent url('../../img/clock.png') 0% 0% no-repeat padding-box;
    opacity: 1;
    padding: 3px 0px 5px 35px;
    margin-left: 10px;
    height: 25px;
}
.nav-tabs{
    padding-left: 5px;
    margin-bottom: 0;
    list-style: none;
    margin-top: -10px;
    font-size: 12px;
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 18px;
    margin-right: 0px;
}
.nav-tabs>li>a {
    margin-right: 0px;
    line-height: 0.85;
    border: 1px solid #007bff;
    border-radius: 0px;
    background-color: #007BFF14;
}
.nav>li>a:hover {
    text-decoration: none;
    background-color: #fff;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #007bff;
    border: 1px solid #007bff;
    border-bottom-color: transparent;
    color: #FFFFFF;
}
.remembrance,.tribute{
    margin-left: 1px;
}
.obituary{
    border-top-left-radius: 5px !important;
}
.tribute{
    border-top-right-radius: 5px !important;
}
.tab-content{
    margin: 5px;
    /*padding-top: 20px;*/
}
.tab-pane{
    padding: 5px !important;
}
.flags-div-right{
    margin-left: 10px;
}
.custom-padding-flag{
    padding-left: 0px !important;
    padding-right: 20px !important;
}
.obituary-img{              
    width: 75px;
    border: 1px solid #c3b2b285;
    border-radius: 8px;
    border-bottom-right-radius: 0;
    height: 70px;
    background-size: cover;
    margin-top: 10px;
    margin-left: 10px;
}
.country-flag-obituary-pane{
    width: 35%;
    float: right;
    padding-top: 53px;
}
ul {
    list-style-type: none;
}
.stick-widget{
    padding: 0!important;
}
.right-menu-obituary{
    margin-top: -35px !important;        
}
.obituary-pane{
    margin-left: 10px !important; 
    /*margin-right: 0px;*/
}
.tributed{
    border: 1px solid #c3b2b285;
    border-radius: 12px;
    /*margin-left: 10px;*/
    margin-top: 10px;
/*    margin-left: 15px !important;
    margin-right: 15px;*/
    margin-bottom: 10px;
}
.tribute-img-pane{
    padding-left: 0 !important;
    padding-right: 11px !important;
}
.tribute-img{
    border-radius: 12px;
    opacity: 1;
    width: 150%;
    border-right: 1px solid #c3b2b285;
}
.tribute-text{
    text-align: left;
    font-size: 12px;
    letter-spacing: 0px;
    color: #1E1E1E;
    opacity: 1;
    padding: 0 !important;
    list-style-type: none;
    margin-left: 0px;
    padding-left: 8px !important;
}
.obt-by-name{
   /* padding-top: 5px;
    padding-bottom: 5px; */
    color: #000000;
    font-size: 12px;
}
.tribute-flag{
   /* margin-bottom: -5px;
    padding-top: 5px;*/
}
.tribute-flag-lable{
    padding-left: 20px; 
    font-weight: 100; 
    margin: 0;
    font-size: 12px;
}
.country-flag-tribute{    
    z-index: 2;
    width: 15% !important;
    margin-top: 0px;
    margin-top: 0px;
}
.widget ul li{
    margin: 0 !important;
}
.tribute-img-pane figure{
    margin-bottom: 0 !important;
}
.tribute-tab-menu{
    font-size: 12px;
    padding-left: 2px !important;
    padding-right: 2px !important;
    /*background-color: #007BFF14 !important;
    color: #007bff;
    border: 1px solid #007bff;
    border-left: 10px solid #007bff !important;*/
}

.worko-tabs .flex-tabs .panel {
    width: 90% !important;
}

.obt-by-name-head{
    font-size: 12px;
    font-weight: 600;
}
/* TOOL TIP OBITUARY TAB */
.tooltip.show {
    opacity: 1;
}

.tooltip-inner {
    background-color: #007BFF;
    box-shadow: 0px 0px 4px black;
    opacity: 1 !important;
    font-weight: 600;
}

.tooltip.bs-tooltip-right .arrow:before {
    border-right-color: #007BFF !important;
}

.tooltip.bs-tooltip-left .arrow:before {
    border-left-color: #007BFF !important;
}

.tooltip.bs-tooltip-bottom .arrow:before {
    border-bottom-color: #007BFF !important;
}

.tooltip.bs-tooltip-top .arrow:before {
    border-top-color: #007BFF !important;
}

div.flex-tabs .panel a{
    display: block !important;
}
.row.merged20 > div {
    padding: 0px 2.5px;
}
.tdn{
    color: black !important;
}

/*MEDIA QUERY*/
@media (min-width: 240px) and (max-width: 279.98px) {
    .container {
        width: 500px !important;
    }
    .obt-btn {
        float: left;
        background-color: #007bff;
        border-radius: 8px;
        height: 35px;
        padding: 0px 40px 0px 40px;
        color: #ffffff;
        margin-top: 15px;
    }
    .create-obt-btn {
        float: left;
        background: transparent;
        color: #007bff;
        border-radius: 8px;
        height: 35px;
        padding: 0px 40px 0px 40px;
        border: 1px solid #007bff;
        margin-top: 15px;
    }
    ul{
        margin-top: 20px;
        margin-left: 30px;
    }
    .form span {
        top: 8px;
    }
    .country-flag-main {
        width: 6.5% !important;
    }
    .top-menu{
        display: none;
    }
    .custom-div-left{
        display: none;
    }
    .custom-div-right{
        display: none;
    }
    .time-lbl {
        margin-top: -35px;
    }
}
@media (min-width: 280px) and (max-width: 349.98px) {
    .container {
        width: 500px !important;
    }
    .obt-btn {
        float: left;
        background-color: #007bff;
        border-radius: 8px;
        height: 35px;
        padding: 0px 40px 0px 40px;
        color: #ffffff;
        margin-top: 15px;
    }
    .create-obt-btn {
        float: left;
        background: transparent;
        color: #007bff;
        border-radius: 8px;
        height: 35px;
        padding: 0px 40px 0px 40px;
        border: 1px solid #007bff;
        margin-top: 15px;
    }
    ul{
        margin-top: 20px;
        margin-left: 30px;
    }
    .form span {
        top: 8px;
    }
    .country-flag-main {
        width: 20% !important;
    }
    .top-menu{
        display: none;
    }
    .custom-div-left{
        display: none;
    }
    .custom-div-right{
        display: none;
    }
    .time-lbl {
        margin-top: -35px;
    }
   /* .firstbar{
        width: 182%;
    }
    footer{
        width: 182%;
    }*/ 
}
@media (min-width: 350px) and (max-width: 519.98px) {
    
}
@media (min-width: 520px) and (max-width: 575.98px) {
    .obt-img {
        width: 80%;
    }
    .top-menu{
        display: none;
    }
    .custom-div-left{
        display: none;
    }
    .custom-div-right{
        display: none;
    }
   /* .container {
        width: 100% !important;
    }
    .obt-btn {
        float: left;
        background-color: #007bff;
        border-radius: 8px;
        height: 35px;
        padding: 0px 40px 0px 40px;
        color: #ffffff;
        margin-top: 15px;
    }
    .create-obt-btn {
        float: left;
        background: transparent;
        color: #007bff;
        border-radius: 8px;
        height: 35px;
        padding: 0px 40px 0px 40px;
        border: 1px solid #007bff;
        margin-top: 15px;
    }
    ul{
        margin-top: 20px;
        margin-left: 30px;
    }
    .form span {
        top: 8px;
    }
    .country-flag-main {
        width:24% !important;
    }
    .top-menu{
        display: none;
    }
    .custom-div-left{
        display: none;
    }
    .custom-div-right{
        display: none;
    }
    .time-lbl {
        margin-top: -35px;
    }
    .obt-img {
        width: 19%;
    }*/  
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .container {
        width: 500px !important;
    }
    .obt-btn {
        float: left;
        background-color: #007bff;
        border-radius: 8px;
        height: 35px;
        padding: 0px 40px 0px 40px;
        color: #ffffff;
        margin-top: 15px;
    }
    .create-obt-btn {
        float: left;
        background: transparent;
        color: #007bff;
        border-radius: 8px;
        height: 35px;
        padding: 0px 40px 0px 40px;
        border: 1px solid #007bff;
        margin-top: 15px;
    }
    ul{
        margin-top: 20px;
        margin-left: 30px;
    }
    .form span {
        top: 8px;
    }
    .country-flag-main {
         width:24% !important;
    }
    .top-menu{
        display: none;
    }
    .custom-div-left{
        display: none;
    }
    .custom-div-right{
        display: none;
    }
    .time-lbl {
        margin-top: 0px;
        text-align: left;
    }
    .obt-img{
        width: 80%;
    }
    .obt-btn-view{
        margin-left: 135px;
        float: none;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    /*nav.zone-ceylon-nav-bar.navbar.navbar-area.navbar-expand-lg.charity-nav-03.has-topbar.nav-style-02 {*/
        /*top: -8px !important;*/
        /*left: 40px;*/
        /*!*background: transparent;*!*/
    /*}*/

    .col-md-3{
        width: 20% !important;
    }

    .obt-btn {
        float: left;
        background-color: #007bff;
        border-radius: 8px;
        height: 35px;
        padding: 0px 40px 0px 40px;
        color: #ffffff;
        margin-top: 15px;
    }
    .create-obt-btn {
        float: left;
        background: transparent;
        color: #007bff;
        border-radius: 8px;
        height: 35px;
        padding: 0px 40px 0px 40px;
        border: 1px solid #007bff;
        margin-top: 15px;
    }
    ul{
        margin-top: 20px;
        margin-left: 30px;
    }
    .form span {
        top: 8px;
    }
    .country-flag-main {
        width:24% !important;
    }
    .top-menu{
        display: none;
    }
    .custom-div-left{
        display: none;
    }
    .custom-div-right{
        display: none;
    }
    .obt-img {
        width: 100px;       
        float: right;      
        margin-right: 40%;
    }
    .obituary-content-main {        
        float: right;
        margin-right: 10%;
        margin-top: 3%;
    }
    .obituary-sm-12{
        width: 29%;

    }
    .obituary-content-main {
        width: 60%;
    }
    .obt-img {
        margin-right: 8%;
    }
    .badge {
        margin-top: 5px;
        margin-left: 10px;
    }
    .obt-btn-view{
        margin-left: 135px;
        float: none;
    }
    .time-lbl{
        text-align: left;
    }
    .badge {
        margin-left: 0px;
    }
    .social-link ul{
        margin-left: 226 px;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .custom-md-9{
        width: 56%;
    }
    .custom-md-3{
        /*width:25%;*/
    }
    .obituary-img {
        width: 100%;
    }
    .tab-content {
        width: 90%;
    }
    .nav>li>a {
        padding: 10px 10px;
    }
    .container{
        width: 100%;
    }
    /*.obt-img{
        width: 135%
    }*/ /* Commented by Darshan */
    .sidebar.right {
        width: 120%;
    }
    .obituary-img {
        width: 120%;
        margin-left: 5px;
    }
    .tribute-img-pane {
        padding-right: 6px !important;
    }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .custom-md-9{
        width: 56%;
    }
    .custom-md-3{
        /*width:25%;*/
    }
    .custom-div-left{
        width: 100% !important;
        /*padding-left: 50px !important;*/
        /*margin-left: 25px;*/
    }
    .custom-div-right{
        width: 30% !important;
    }
    .custom-div-middle{
        width: 70% !important;
    }
    .sidebar.left{
        width: 100% !important;
    }   
    .obt-img{
        width: 70%;
    }
}

@media (min-width: 1400px) {
    .custom-div-left{
        width: 100% !important;
        /*padding-left: 50px !important;*/
        /*margin-left: 25px;*/
    }
    /*.row .merged20{
        padding-left: 50px;
    }*/
    .sidebar.left{
        width: 96%; /* value changed from 75% by Darshan */
    }
    .obt-img {
        width: 70%;
    }
}



/*NEW STYLES*/

.obt-text-head{
    text-align: left  !important;
    font-size: 14px !important;
    letter-spacing: 0px !important;
    color: #000000 !important;
    opacity: 1 !important;    
}
.obt-text-head a {
    font-weight: 600 !important;        
    color: black !important;
}


/*arun*/