body{ background-color:#fff; }
a {color: #2196f3;}
a:hover {color: #db0400;}
.w-30 { width: 30%!important;}
input:hover,input:focus,select:hover, select:focus{border: 1px solid #2B8EC0 !important;box-shadow:0px 0px 4px #2B8EC0 !important;}
/* background color  and text color */
  .back-color  { background-color: #db0400 !important; }
  .front-color { color: #db0400 !important; }
/* background color  and text color */

/*css for header navigation */
.navbar-dark {color: #fff;background-color: #db0400 !important; margin-bottom:0px !important;border:none !important;}
.navbar {/* padding: 0 1.25rem; */ border-bottom: 1px solid #ddd;}
.navbar-brand {display: inline-block;padding-top: 15px;padding-bottom: 6px;margin-right: 1.25rem; font-size: 0;line-height: inherit;white-space: nowrap;}
.navbar-brand img { height:auto !important;}
.navbar-light .navbar-nav-link { color: #4a4a4a;padding: 0.875rem 0.925rem;}
.navbar-collapse{margin: 0 !important; padding: 0 !important;}

.navbar-nav [class^="icon-home5"],.navbar-nav [class*=" icon-home5"]{ font-size:25px; color:#db0400}
.navbar-light .navbar-nav-link:focus, .navbar-light .navbar-nav-link:hover,.navbar-light .show>.navbar-nav-link {color: #db0400 !important; background:none !important;}
.navbar ul.navbar-nav .nav-item .dropdown-content-body .military{padding-top: 20px;}
.navbar ul.navbar-nav .nav-item .dropdown-content-body .col-xl-2{max-width: 30%;}
.navbar-nav{padding: 6px 0px 3px 0px ;font-size:14px}
.navbar ul li.subscriber { padding: 2px 70px 0 0;}
.navbar ul li.sign-up { padding-top: 2px;}
.navbar ul li.dropdown-user { padding-top: 0px;}
.dropdown-header>img, .dropdown-item>img {max-height:100% !important;}
.dropdown-user .navbar-nav-link > span {display: inline-block;padding-right: 10px;} 
.breadcrumb-line-light {background-color: #fff !important; border-color: #ddd !important;color: #4a4a4a !important;}
.breadcrumb {padding: 0 0 0 20px;font-size: 12px;}
.hover-clr:hover , .hover-clr.show { color: #fff !important; background-color: #2196f3 !important; }
    
/*-----------------index-list--------------------*/
.index-list .dt-button-collection > .dt-button.active:nth-child(6){display: none;}
.index-list .dt-button-collection > .dt-button.active:nth-child(7){display: none;}


/*regristration/login/forgot password page css */
.re-register{ background: url(../images/login_background.jpg) no-repeat right top; background-size: cover;}
.re-form{margin:0px auto;font-size:12px;}
.re-form .match-password span{font-size: 11px;}
.re-form .form-group-feedback-left .form-control-feedback {right:-10px;top:23px;}
.re-form .form-control-feedback{padding:0px;right:-22px;top:23px;}
.re-form .progress {margin-bottom: 0rem !important;}

/*account personal detail page css */

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active,.nav-tabs-highlight .nav-link.active:before {border-top: 3pt solid #dc1116 !important;border-radius: inherit;}
.nav-tabs-highlight .nav-link.active::before{display: none;}
.re-membership{width:100% !important; background-color:#fff;}
.re-membership .text-center p{text-align: left; margin: 0; padding: 0 0 6px 0}
.re-membership .text-center p span{color: #03a0e8;} 
.re-membership ul.prgrs-bar {margin: 0; padding: 0; list-style: none;}
.re-membership ul.prgrs-bar li{vertical-align:middle;}
.re-membership ul.prgrs-bar li:first-child{width: 80%; float: left; padding-top: 8px;}
.re-account-detail .media-body{padding:40px 0px}

/*sidebar-main*/

.sidebar-main{box-shadow: 
	-webkit-box-shadow: 5px 0px 5px -1px rgba(0,0,0,0.20)! important;
-moz-box-shadow: 5px 0px 5px -1px rgba(0,0,0,0.20) ! important;
box-shadow: 5px 0px 5px -1px rgba(0,0,0,0.20) ! important;}
#meu_div {position:relative; width: 317px; top:55px; height: 20px; margin: 0 0 0 21px; background-color:transparent; right: 26px;}
#meu_div:after{position: absolute; content: ''; background: url("../images/left-arrow.png")no-repeat; height: 30px; width: 15px; right: 0; transition: all ease-in-out 0.15s;}
/*sidebar-main*/

/*search pege*/

/*--------------------index-list--------------------*/
/*re-age-death*/
.re-age-death ul{margin: 0; padding: 0; list-style: none;}
.re-age-death ul li .dropdown-menu{position: absolute; min-width: 6.25rem; top: 0; left: 15px; will-change: transform; transform: translate3d(150px, 38px, 0px);}
/*re-age-death*/

/*table*/

.table-hover thead tr:hover{background-color: #BF1A1E;}
.table tbody tr:hover {background-color: rgba(0,0,0,.03);}
/* .table-hover tbody tr:hover,.table tr:hover {background-color: rgba(0,0,0,.03);} */
.table tbody tr.search-list td .list-icons a.list-icons-item{visibility: hidden;}
.table tbody tr.search-list:hover td .list-icons a.list-icons-item{visibility: visible;}
.dataTable thead th {color: #f44336;}
.dataTable thead .sorting::after, .dataTable thead .sorting::before,.dataTable thead .sorting_asc::after, .dataTable thead .sorting_asc::before,.dataTable thead .sorting_desc::after{color: #333;}
.dataTable tr td.child > ul > li:last-child span.dtr-title{display: none;}
.dtr-inline.collapsed tbody tr td:first-child::before{content: '\e9c1' !important;}    
.dataTable.dtr-column tbody tr.parent td.control::before, .dataTable.dtr-column tbody tr.parent th.control::before, .dataTable.dtr-inline.collapsed tbody tr.parent td:first-child::before, .dataTable.dtr-inline.collapsed tbody tr.parent th:first-child::before {content: '\e9c2' !important;}
.dataTables_paginate .paginate_button.current, .dataTables_paginate .paginate_button.current:focus, .dataTables_paginate .paginate_button.current:hover{background-color: #db0400 !important;}
.dataTables_filter > label > span{position: relative; font-size: 0;}
.dataTables_filter > label > span:after{position: absolute; content: 'Search'; font-size: 14px; }
.dataTables_filter input{margin-left: 40px;}
.date-menu .btn-group{display: inline-block;}
.table tbody tr.search-list td .list-icons .custom-drop { visibility: hidden; }
.table tbody tr.search-list:hover td .list-icons .custom-drop { visibility: visible; }
/*table*/

.sidebar-expand-md:not(.sidebar-component){border-left: 1px solid #ddd; border-bottom:1px solid #ddd;}
.state-residance .dropdown-toggle::after{display: none!important;}

.tab-content .re-form{margin:0px}

/*side-icon-spin*/
.spinEffect{
   transform: rotate(180deg);
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
/*side-icon-spin*/
}


/*add-box*/
.add-box{position: relative;}
.w3-teal{position: absolute; top: 124px; right:10px; z-index: 1; }
.hide-btn{position: absolute; right: 182px; top: 248px;}
.add-box{margin: 0 auto;}
/*add-box*/

/*search-page*/
.galley-dscrpton .country-location .select2-selection--single .select2-selection__rendered{padding: 6px 25px 6px 25px;}
.galley-dscrpton .country-location .select2-selection--single .select2-selection__arrow::after{font-size: 19px; font-weight: bold; right: 20px;}

.galley-dscrpton .rotate.down {
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
}

.galley-dscrpton .rotate.down{ -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;}
.galley-dscrpton .sidebar-secondary .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {background-color: #f00;}
.galley-dscrpton #search-box{position: relative;}
.galley-dscrpton #search-box .float-btn{position: absolute; top: 25px; left: 50%; transform: translate(-50%,-50%);  height: 40px; border-radius: 40px; padding:0; background-color: transparent; color: #fff; z-index: 999; border: 2px solid #f00 }
.galley-dscrpton #search-box .float-btn .search-btn{color: #e84118; float: right; width: 38px; height: 38px; border-radius: 50%; background-color: transparent; display: flex; justify-content:center; align-items: center;}
.galley-dscrpton #search-box .float-btn:hover{width: 240px; padding: 0;} 
.galley-dscrpton #search-box .float-btn:hover input.search-text{width: 190px; padding: 7px 8px 11px 15px; height: 38px; border-radius: 40px; color: #282828;} 
.galley-dscrpton #search-box .float-btn input.search-text{border: none; background: none; outline: none; float: left; padding: 0; color: #fff; font-size: 16px; transition: : 0.4s; line-height: 40px; width:0px;}

.galley-dscrpton #search-box .float-btn input:hover, .galley-dscrpton #search-box .float-btn input:focus,.galley-dscrpton #search-box .float-btn select:hover, .galley-dscrpton #search-box .float-btn select:focus{border:0 ! important; box-shadow: none ! important; }
.galley-dscrpton #search-box .float-btn::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #282828 !important;
}
.galley-dscrpton #search-box .float-btn::-moz-placeholder { /* Firefox 19+ */
  color: #282828 !important;
}
.galley-dscrpton #search-box .float-btn::-ms-input-placeholder { /* IE 10+ */
  color: #282828;
}
.galley-dscrpton #search-box .float-btn::-moz-placeholder { /* Firefox 18- */
  color: #282828 !important;
}

.galley-dscrpton .dataTables_filter{display: none;}

.galley-dscrpton .dt-buttons .bg-teal-400 {background-color: #455a64;}




/*search-page*/


/*--------------------------re-library-access-------------------*/
.nav-sidebar > .nav-item > .nav-link{background-color: #fcfcfc; border-top: 1px solid #ddd; }
.nav-sidebar .nav-item:not(.nav-item-header):last-child{padding-bottom: 0 !important;}
.re-library-access .nav-item .nav-group-sub ul{margin: 0; padding: 0; list-style: none;}
.re-library-access .nav-item .nav-group-sub ul li ul.dt-pkr li{display: inline-block; width: 30% !important;}
.input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control{position: relative;}
.re-library-access .picker--opened .pickr-hlder{position: absolute; left: 50% !important;}
.re-library-access .static-ip .col-sm-2{padding-top: 15px;}
.re-library-access .re-library-access-massage .enter-pin{width: 200px;}
.re-library-access .dtr-inline.collapsed tbody tr td:first-child::before{display: none;}  
.re-library-access .table tbody tr.search-list td .list-icons a.list-icons-item {visibility: visible;}
.re-library-access .card-body .datatable-footer, .card-body .datatable-header{padding: 20px 15px 0 15px !important; }
.re-library-access .opening-hours{text-align: right; padding-right: 20px; }
.re-library-access .dataTables_paginate{margin: 0;}
/*library-access-massage*/
/*-------------------------re-library-access-------------------*/



/*-------------------------re-user-profile-------------------*/
.re-user-profile .nav-sidebar > .nav-item > .nav-link{background-color: transparent;}
.re-user-profile table.records .table-hover tbody tr:hover, .table.records tr:hover{background-color:transparent;}
.re-user-profile .re-interested .datatable-header{padding-left: 0; padding-right: 0; }
.re-user-profile .connection-tab .nav-tabs-solid .nav-item .nav-link.active { background-color: #17a2b8 !important; border:0px !important; color:#fff !important;}
.re-user-profile .connection-tab .nav-tabs-solid .nav-item .nav-link.active:hover{color: #fff !important;}
.nav-sidebar .nav-item:not(.nav-item-header):first-child{padding-top: 0 !important;}
.re-user-profile .connection-tab .nav-tabs-solid .nav-item .nav-link {color:#282828 !important;}
.re-user-profile .custom-dropdown-hover {left: 100%;margin-top: -.5625rem;position: absolute;top: 100%;z-index: 1000;display: none;float: left;min-width: 14.25rem;    padding: .5rem 0;
    margin: .125rem 0 0;font-size: .8125rem;color: #333;text-align: left;list-style: none;background-color: #fff; background-clip: padding-box;border: 1px solid rgba(0,0,0,.15);
	border-radius: .1875rem;box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,.1); top: -1px;}
.re-user-profile .custom-dropdown .show { display:block !important; }
.re-user-profile .sidebar-xs .sidebar-main{width: 0!important;}
.re-user-profile .sidebar-xs .sidebar-main .nav-sidebar > .nav-item-header{display: none;}
.re-user-profile .sidebar-light .nav-sidebar .nav-link:not(.disabled):hover{color: #db0400 !important;}
.re-user-profile .align-self-center{cursor: pointer;}
.re-user-profile .sidebar-light .nav-sidebar > .nav-item-open > .nav-link:not(.disabled), .sidebar-light .nav-sidebar > .nav-item > .nav-link.active{background-color: transparent !important;}
.re-user-profile .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before{background-color: #f00;}
/*.re-user-profile .nav-item-submenu > .nav-link::after{font-size:22px !important; top:9px !important;}*/
.re-user-profile .plupload_start{background-color: #db0400; border:none; }
.scrollable {position: relative;}
.scrollable .viewport {position: relative;  overflow: hidden;}
.scrollable .scroll-bar.vertical {  position: absolute; right: 0;  height: 100%; }
.scrollable .scroll-bar .thumb, .scrollable .viewport .overview  {  position: absolute; }
.scrollable .scroll-bar.vertical .thumb {  width: 100%;  min-height: 10px; }
.scrollable.gray-skin {padding-right: 17px; }
.scrollable.gray-skin .scroll-bar { background-color: #ececec; }
.scrollable.gray-skin .scroll-bar .thumb {  background-color: #D62929; height: 80px !important;}
.scrollable.gray-skin .scroll-bar.vertical { width: 5px; height: 240px !important;}
.re-user-profile .custom-dropdown .show{height: 260px !important;}
.scrollable.gray-skin .viewport {height: 240px !important;}
.vertical-scrollbar-demo {height: 150px; width: 200px;}
.ui-dialog{width: 60% !important; margin: 0 auto ! important; top: 5% ! important}

#your_interest .custom-check1 {opacity: 0.7 !important;visibility: visible!important;background: white;}
#your_interest .right-icon { display:none; }
#your_interest .overlay-img { width: 151px;height: 153px; }
#your_interest .card-img-actions-overlay{opacity: 0.7 !important;background: white !important;}

/*-------------------------re-user-profile-------------------*/


/*-----------re-articles-------------*/
.re-articles ul.re-search li:first-child{width: 50%;}
.re-articles ul.re-search li:nth-child(2){width: 20%;}
.re-articles ul.re-search li:nth-child(3){width: 25%;}
.re-articles .content-wrapper ul li.archive-list .dropdown-toggle::after{position: absolute; right: 15px; top:12px;}
.re-articles .custom-dropdown-hover {left: 100%;margin-top: -.5625rem;position: absolute;top: 100%;z-index: 1000;display: none;float: left;min-width: 14.25rem;    padding: .5rem 0;
    margin: .125rem 0 0;font-size: .8125rem;color: #333;text-align: left;list-style: none;background-color: #fff; background-clip: padding-box;border: 1px solid rgba(0,0,0,.15);
  border-radius: .1875rem;box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,.1); top: -1px;}
.re-articles .custom-dropdown-hover.show { display:block !important; }
.re-articles .custom-dropdown-hover.show{height: 260px !important;}

.re-articles .custom-dropdown-sub-hover {left: 100%;margin-top: -.5625rem;position: absolute;top: 100%;z-index: 1000;display: none;float: left;min-width: 14.25rem;    padding: .5rem 0;
    margin: .125rem 0 0;font-size: .8125rem;color: #333;text-align: left;list-style: none;background-color: #fff; background-clip: padding-box;border: 1px solid rgba(0,0,0,.15);
  border-radius: .1875rem;box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,.1); top: -1px;}
.re-articles .custom-dropdown-sub-hover.show { display:block !important; }
.re-articles .custom-dropdown-sub-hover.show{height: 260px !important;}

/*-------------re-articles-----------*/


/*-------------------re-groups----------------*/
.re-groups .nav-tabs-solid .nav-link.active, .nav-tabs-solid .nav-item.show .nav-link.active{background-color: #0884a5;}
.re-groups .nav-tabs .nav-link.active{border-top:none !important;}
.invite-contact-list,.invite-contact-list-2,.add-contact-list{position: relative;}
.invite-contact-list:after{position: absolute; content: ''; background: url("../images/icon-1.png") 70px 0px; width: 40px; height: 25px; left: -5px; top:-4px;}
.invite-contact-list-2:after{position: absolute; content: ''; background: url("../images/icon-1.png") 70px 0px; width: 40px; height: 25px; left: 8px; top:-2px;}
.add-contact-list:after{position: absolute; content: ''; background: url("../images/icon-1.png") 38px 0px; width: 40px; height: 25px; left: 10px; top:-2px;}

.media-box-list{position: relative;}
.media-box-list:after{position: absolute; content: ''; background: url("../images/icon-1.png") 38px 0px; width: 40px; height: 25px; left: 0; top:-4px;}

.create-group-list{position: relative;}
.create-group-list:after{position: absolute; content: ''; background: url("../images/icon-1.png") 0px 0px; width: 40px; height: 25px; left: -14px; top:-4px;}

.re-groups .invite-box{position: relative;}
.re-groups .invite-box:after{position: absolute; content: ''; background: url("../images/icon-1.png") 69px 0px; width: 40px; height: 25px; left: 2px; top:-4px;}

.re-groups .create-group{position: relative;}
.re-groups .create-group:after{position: absolute; content: ''; background: url("../images/icon-1.png") 0px 0px; width: 40px; height: 25px; left: 3px; top:-4px;}

.re-groups .contact-box{position: relative;}
.re-groups .contact-box:after{position: absolute; content: ''; background: url("../images/icon-1.png") 38px 0px; width: 40px; height: 25px; left: 0; top:0;}

.re-groups .media-box{position: relative;}
.re-groups .media-box:after{position: absolute; content: ''; background: url("../images/icon-1.png") 67px 0px; width: 35px; height: 25px; left: 0; top:3px;}
/*-------------------re-groups----------------*/

/*announcement*/
.re-announcement .announcement_search input:hover,.re-announcement .announcement_search input:focus,.re-announcement .announcement_search select:hover,.re-announcement .announcement_search select:focus{border:none !important; box-shadow: none !important;}
.re-announcement .announcement_search .form-group .form-control, .re-announcement .form-group .btn{border-radius: 0;}
.ribbon-container{transform: rotate(270deg); left: -1px !important;}
.re-announcement .re-share .select2-selection--single:not([class*="bg-"]):not([class*="border-"]),.re-announcement .re-event .select2-selection--single:not([class*="bg-"]):not([class*="border-"]){border:1px solid #ddd !important;}
.re-announcement .page{display: none;}
.re-announcement .page-active{display:block;}
/*announcement*/

/*re-photos*/
.re-photos .custom-check1 {opacity: 0.7 !important;visibility: visible!important;background: white;}
.re-photos .right-icon { display:none; }
.re-photos .overlay-img { width: 151px;height: 153px; }
.re-photos .card-img-actions-overlay{opacity: 0.7 !important;background: white !important;}
#individual_photos .custom-check1 {opacity: 0.7 !important;visibility: visible!important;background: white;}
#individual_photos .right-icon { display:none; }
#individual_photos .overlay-img { width: 151px;height: 153px; border-radius: 20px; opacity: 1;}
#individual_photos .card-img-actions-overlay{background:#000 !important;}
.re-select-box .select2-selection--single .select2-selection__rendered {padding-left: 4rem; padding-right: 4rem;}

#scroller_effect{ max-height: 350px; width: 450px; overflow: auto; position: relative;}
#scroller_effect .element{ margin: 1px; background-color: #cec; height: 44px; line-height: 44px;}

/*re-photos*/

/*------------re-inbox--------------*/
.re-inbox .ab{display: none;}
.re-inbox .sidebar_secondary_show{display: block !important;}
.re-inbox .write_mail input:hover,.re-inbox .write_mail input:focus{border: none !important;box-shadow:none !important; background-color: transparent;}
.re-inbox input:hover,input:focus{border: 1px solid #ddd !important;box-shadow:none !important; background-color: transparent;}
.re-inbox .table tr,.re-inbox .table th,.re-inbox .table td{background-color: #fff;}
.re-inbox a{color: #2196f3;}
.re-inbox .note-editor .note-toolbar-wrapper .note-toolbar {position: static !important;}
.re-inbox .page{display: none;}
.re-inbox .page-active{display:block;}
.re-inbox .rotate {
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}
.re-inbox .rotate.down {
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
}
/*------------re-inbox--------------*/



/*---- sale-dashboard page --------*/
#dat-reg { display: none; }
#dat-reg.show { display: block !important; }
/*---- sale-dashboard page --------*/

/*------------pre-logout--------------*/
.pre-logout ul.list-value li { background: url("../../images/iconfinder_sign-check_299110.png") no-repeat 0px 6px; padding-left: 26px; }
/*.pre-logout ul.list-value li:before { content: ""; display: block; background: url("../../images/iconfinder_sign-check_299110.png") no-repeat;width: 27px;height: 30px;float: left;margin: 7px 6px 0 0;}
*/.pre-logout .pre-title { font-size: 30px; font-weight: bold; } 
.pre-logout .subscribe { font-size: 1.5rem; }
.pre-logout p { font-size: 1.3rem; }
.pre-logout .month-access { font-size: 38px; }
/*------------pre-logout--------------*/

/*------------data_dir_nationalbio--------------*/
.data-dir-nation ul.reliable-list li { font-size: 18px; margin-bottom: 18px;margin-right: 41px;  background: url("../../images/check-12.png") no-repeat 0px 0px; background: url(../../images/check-12.png) no-repeat 0px 6px;
    padding-left: 30px;}
/*.data-dir-nation ul.reliable-list li:before { content: ""; display: block; background: url("../../images/check-12.png") no-repeat;width: 22px;height: 60px;float: left;margin: 7px 8px 0 0px;  }
*/.data-dir-nation .data-dir-title { background: url('../../images/popup-title.png') no-repeat center;font-size: 26px; }
/*.data-dir-nation .reliable-fast { background: url("../../images/header-right-bg.png") no-repeat left -25px; }*/
.data-dir-nation .reliable-title { font-size: 21px; }
.data-dir-nation .reliable-fast-sec { width: 67%; }
/*------------data_dir_nationalbio--------------*/

/*------------error-404--------------*/
.err-404 .err-title { font-size: 42px; }
.err-404 .try-link  { width: 313px; margin: 0 auto; }
.err-404 .try-link li { float:left; }
.err-404 .try-link li a { text-decoration: underline; }
/*------------error-404--------------*/

/*-----------death search page-----------*/
.border-bottom-remove .datatable-header { border-bottom: 0px !important; }
/*-----------death search page-----------*/


/*---------- checkbox register Page ----------------------*/
.re-register .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: #03a9f4; }
/*---------- checkbox register page ----------------------*/

@media (max-width: 1500px){
              							.sidebar-component{display: none !important;}
              							.w3-teal{display: none;}
              							.re-library-access .analytics table th,.re-library-access .analytics table tr td{padding: 10px 0 0 20px;}
              							.re-library-access .opening-hours{padding-right: 10px;}	
                            .ui-dialog{width: 60% !important; left: 20%;}
                            .re-select-box .card-width{width: 295px ! important;}
                            #scroller_effect{width: 275px !important;}
                            #share .re-share{width: 540px !important;}
                            .re-share #scroller_effect{width: 515px !important;}
                             .re-share #scroller_effect_1{width: 227px !important;}
                            .galley-dscrpton .record-sets h2{font-size: 18px; margin: 0; padding-top: 4px;}
                            .galley-dscrpton .record-sets h2 i{font-size: 18px;}

							
}

@media (max-width: 1200px) {		
              							.ml-xl-auto, .mx-xl-auto { margin-left: auto!important;}
              							.navbar ul.navbar-nav .nav-item .dropdown-content-body .col-xl-2{max-width: 30%;}
              							.navbar ul.navbar-nav .nav-item .dropdown-content-body .col-xl-3{max-width:50%;}
              							.navbar ul li.subscriber{padding: 7px 0px 0 00px;}
              							.dataTable tr td.child > ul > li{float: left;}
              							.dataTable tr.child .dtr-title{padding-right: 0 !important;}
              							.table tbody tr.search-list td .list-icons{display: none !important;}
              							.re-library-access .table tbody tr.search-list td .list-icons{display: block !important;}
              							.re-library-access .analytics table tr td:nth-child(4){width: 170px;}
              							.re-articles ul.re-search li{width: 100% !important;}
              							.re-announcement .re-contact .card-img-actions{max-width: 100% !important; width: 100% !important;}
                            .re-select-box .card-width{top: 0 ! important; }
                            .re-photos .album-header-content ul li{display:flex; width: 100% !important;}
              							.re-photos .album-header-content{margin-bottom: 50px !important;}
                            .galley-dscrpton .record-sets .datatable-header{margin-top: 40px;}
                            

}


@media (max-width: 1100px){
                           .galley-dscrpton .sidebar-right{display: none !important;}
}

@media (max-width: 992px) {
              							.navbar-light .navbar-nav-link{padding: 15px 10px;}
              							.membership .card .card-body{padding: 0;}
              							.card-header,.membership h3{padding: 0;}
              							.nav-tabs-responsive li a{padding:.625rem 1.25rem}
              							.sidebar-expand-md.sidebar-component-right{display: none !important;}
              							.header-elements-inline{padding: 10px;}
              							.w3-teal{display: none;}
              							.galley-dscrpton .card-body{padding: 8px;}
              							.galley-dscrpton .discription .col-sm-2{flex: 0 0 100%; max-width: 50%;}
              							.galley-dscrpton{margin-top: 10px;}
                            .galley-dscrpton .record-sets .datatable-header{margin-top: 90px;}

                            .galley-dscrpton .record-sets .dataTables_length{float: left; display: inline-block; margin-left: 10px;}
                            .galley-dscrpton .record-sets .dt-buttons{float: left; display: inline-block; margin-left: 0;}
              							.re-library-access .limit-access .col-sm-6{min-width: 100%;}
              							.re-library-access .analytics table th,.re-library-access .analytics table tr td{padding: 10px 5px 0 5px;}
              							.re-user-profile .re-founder .card-header{padding-left: 18px;}
              							.re-articles .sidebar-right{display: none !important;}
              							.re-groups .nav-tabs .nav-link{padding: 8px 8px 8px 8px;}
                            /*.re-photos .album-header-content ul li{display:flex; width: 100% !important;}*/

                             #share .re-share{width: 415px !important;}
                            .re-share #scroller_effect{width: 390px !important;}
                            .data-dir-nation  .data-dir-full-size { width: 100% !important; }
}
@media (max-width: 768px) { 
                            .navbar-nav [class^="icon-home5"], .navbar-nav [class*=" icon-home5"] {
                            font-size: 16px; }
                            .navbar ul.navbar-nav .nav-item .dropdown-content-body .col-xl-2{max-width: 50%;}
                            .navbar ul.navbar-nav .nav-item .dropdown-content-body .col-xl-3{max-width: 50%;}
                            .navbar-nav{padding: 0;}
                            .navbar ul.navbar-nav .nav-item .dropdown-content-body .col-xl-2{max-width: 35%;}
                            .dataTable tr.child .dtr-data h6{width: 100% !important; float: none !important; margin-left: 8px !important;}
                            .dataTable tr.child .dtr-data .list-icons{float: left; margin:10px 0 0 10px;}
                            .dataTable tr.child .dtr-data .list-icons{display: none;}
                            .dataTable tr.child .dtr-data .card-body{padding: 10px 0px 10px 5px;}
                            .re-user-profile .custom-dropdown-hover{left: 34px; top: 30px;}
                            .re-user-profile #tabs{border-bottom: 0;}
                            .re-user-profile #cover-image,.re-user-profile #location,.re-user-profile #information,.re-user-profile #interest,.re-user-profile #experience,.re-user-profile #help,.re-user-profile #share,.re-user-profile #cover-image{border-top: 1px solid #ddd;}
                            .navbar-static{border-bottom:1px solid #ddd !important; border-top:1px solid #ddd !important;}
                             #share .re-share{width: 300px !important;}
                            .re-share #scroller_effect{width: 270px !important;}
                            .galley-dscrpton .record-sets .datatable-header{margin-top: 60px;}

                            .data-dir-nation .data-dir-full-size { width:100% !important; }
                            .data-dir-nation .data-dir-title { font-size: 19px; }
                            .data-dir-nation  .reliable-fast-sec,  .data-dir-nation  .reliable-full, .data-dir-nation .instant-sec  { width: 100% !important; }
	}



@media (max-width: 576px) { 
              							.navbar ul.navbar-nav .nav-item .dropdown-content-body .col-xl-2{max-width: 50%;}
              							.navbar ul.navbar-nav .nav-item .dropdown-content-body .col-xl-3{max-width: 50%;}
              							.dropdown-content-body{padding: 0 10px 0 0;}
              							.re-form .form-control-feedback{right: 0;}
              							.content{ padding:10px !important}
              							.re-data-list{width: 265px;}
              							.dataTable tr td.child > ul > li{width: 100% !important;}
              							.galley-dscrpton .discription .col-sm-2{flex: 0 0 100%; max-width: 100%;}

              							.re-library-access .static-ip .col-sm-2,.re-library-access .static-ip .col-sm-3 {width: 50%;}
              							.picker--opened .picker__holder{width: 50%;}
              							.re-library-access .static-ip .col-sm-4 {width: 100%;}
              							.re-library-access .nav-item-submenu .card{margin: 0 !important; }
              							.re-library-access .nav-item-submenu .card .form-group{margin-bottom: 0; }
              							.re-library-access .nav-item-submenu .card{padding: 5px !important; margin:5px !important;}
              							.re-library-access .nav-item-submenu .card .form-control{padding:3px;}
              							.re-library-access .nav-item-submenu .card .input-group-text{padding:2px;}
              							.re-library-access .static-ip .col-sm-2{padding-top:0;}
              							.re-library-access .static-ip .access-session{display: none;}
              							.re-library-access .re-library-access-massage {padding: 10px;}
              							.re-library-access .dataTables_filter input{width: 9.5rem;}
              							.re-library-access .opening-hours {padding-right:0;}
              							.re-library-access .nav-item .nav-group-sub ul.dt-pkr li:first-child{width: 100% !important;}
              							.re-library-access .nav-item .nav-group-sub ul.dt-pkr li:nth-child(2){width: 50% !important;}
              							.re-library-access .nav-item .nav-group-sub ul.dt-pkr li:nth-child(3){width: 50% !important;}
              							.re-user-profile .image-cropper-container{height: 200px;}
              							.re-user-profile .plupload_filelist_footer .plupload_file_name .plupload_buttons .plupload_button{margin: 10px 0 10px 0;}
              							.re-user-profile .btn{width: 100%;}
              							.re-user-profile .form-group{margin-bottom: 5px;}
              							.re-user-profile .form-control,.select2-selection--single,.btn-block{width: 100%;}
              							.re-articles .blog-horizontal h5{padding-left: 20px;}
              							.re-groups .card-body{padding:10px;}
              							.re-announcement .blog-horizontal .contact-box ul{float: none !important;}
              							/*.re-announcement .re-share ul{text-align: center !important;}*/
                            .re-user-profile .ui-dialog{left: 17px;}
                            .re-photos .album-header-content{margin-bottom: 75px !important;}
                            #scroller_effect{width: 255px !important;}
                            .re-select-box .card-width{width: 280px !important;}
                            .re-select-box .card-width{top: 66px !important;}
                            #share .re-share .card-width h6{font-size: 12px;}
                            #share .re-share{width: 250px !important;}
                            .re-share #scroller_effect{width: 230px !important;}

              							.pre-logout .history-btn { font-size: 0.6rem !important; }
                            .pre-logout .pre-full-size { width: 100% !important; }
                            .pre-logout .list-value { padding: 0px !important; }
                            .pre-logout .month-access { font-size: 31px; }
                            .pre-logout .month { margin-top: 0.5rem !important; }
                            .err-404 .err-full-size { width: 100% !important; }
                            .err-404 .try-link  { width: 100% !important; }
                            .err-404 .try-link li { float:none !important; }
                            .err-404 .try-link li a { text-decoration: underline; }
                            .data-dir-nation .data-dir-full-size { width:100% !important; }
                            .data-dir-nation .data-dir-title { font-size: 19px; }
                            .data-dir-nation  .reliable-fast-sec,  .data-dir-nation  .reliable-full, .data-dir-nation .instant-sec  { width: 100% !important; }
                          

							}
@media (min-width: 576px){
.re-form {width: 23rem !important;}
.login-form {width: 23rem !important;}
}

/*for login page*/
.rounded-round {
    border-radius: 100px!important;
}
.border-3 {
    border: 3px solid;}
    
 label {
    margin-bottom: 0.5rem;
    color: #333333;
}
.ml-auto, .mx-auto {
    margin-left: auto!important;
}
.btn-block {
    display: block;
    width: 100%;
}

/* Make modal content scrollable if it exceeds the boundary */
  .modal-body {
      max-height: 70vh; /* 70% of the viewport height */
      overflow-y: auto; /* Allows scrolling */
  }

  /* Ensure the image does not exceed the width of the modal */
  .modal-body img {
    width: 100%; /* Make image responsive */
    max-width: 100%; /* Prevent image from exceeding container width */
    height: auto; /* Maintain aspect ratio */
  }

  /* style css for sidebar search of result page for search button text wrap */
  .search-button-text-wrap {
    width: -webkit-fill-available;
    text-wrap: auto;
    font-size: 8px !important;
  }



.siderBar_height {
  height: 100vh;
}