/* Katoop Addons — site-specific styles only
   -------------------------------------------------- */

/* 1) Tiny UI polish for header/nav */
.navigation__link {
  display: inline-block;
  padding: .35rem .75rem;
  line-height: 1.2;
  text-decoration: none;
}
.navigation__link:hover { opacity: .92; }
.navigation__link:focus-visible {
  outline: 2px solid #6f3137;
  outline-offset: 2px;
  border-radius: 6px;
}
.navigation__link_active {
  box-shadow: inset 0 -2px 0 currentColor;
}

/* Navbar title spacing */
.navigation_header__title {
  margin: .25rem 0 .5rem !important;
  font-weight: 700;
  text-align: center;
}

/* Search stub spacing */
.katoop-search-stub { margin-inline-start: .5rem; }

/* Optional: WebP hint (non-breaking) */
.webp img[data-webp="1"] { image-rendering: auto; }

/* 2) Project theme blocks
   (ضع هنا الكتل الكبيرة التي تبدأ بـ ibR_/ib_/IbA_/ibM_/… الخ) */

/* Examples (ضع كُتلك على دفعات منطقية):
   - Header/Footer/Navigation brand
   - Articles module (.articles-*)
   - Forum module (.ibR_forum_*, .ibS_*, …)
   - Certificates (.certificates-*)
   - DataTables/Selectize/Trumbowyg skinning
   - Course/Study plan (.courses-*, .study-plans__*)
*/

/* 3) Media queries for those modules only */
@media (max-width: 767px) {
  .katoop-search-stub { margin-inline-start: 0; }
  /* بقية تعديلات الموبايل الخاصة بمكوناتك */
}

/*# sourceMappingURL=bootstrap.css.map */
 
.IbA-date-txt{
    text-align: left;
} 
.paginate_btn{ 
    color: white !important;
}  
.pg_input{ 
    border-radius: 4px;
    height: 37px;
    width: 53px;
}

#input_page{ 
    font: bold 22px/30px Georgia;
    text-align: center;
} 

#input_page1{ 
    font: bold 22px/30px Georgia;
    text-align: center;
} 

#input_page3{ 
    font: bold 22px/30px Georgia;
    text-align: center;
} 
.paginate_align{

    margin-bottom: 1%;
    display:flex; 
    margin-left: 42%;

} 

img.ibR_article_icon_eye {
    width: 19px;
}

.article_icons .ib_table_button {
    width: 30px;
    padding: 2px 5px;
}

@media only screen and (max-device-width: 480px) and (min-device-width: 320px){
    .comment-header__body{
        padding-top: 10px!important;
        padding-right: 0px!important;
    }

    .comment-header .comment-header__author .comment-header__body .comment-header__name{
        width: 100%!important;
    }

    .comment-header .comment-header__author .comment-header__body .comment-header__post{
        width: 100%!important;
    }

    .paginate_align {
        margin-left: 11% !important;
        margin-top: 4% !important;
        margin-bottom: 8% !important;
    }

    img.ibR_article_icon_eye {
        width: 15px;
    }

    .article_icons .ib_table_button{
        width: 24px;
    }

    .articles-header__author {
        width:100%; 
    }
    /*        .ib_but{
                margin-top:-9%;
            }*/
}

@media only screen  and (min-width : 768px) { 
    /*        .articles-header__author {
                padding-left: 7%;
            }*/



}

/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
    .ibsu_align{
        width:100%;
        max-width:100%;
    }
}
.ibA_sub_txt {
    font-size: 20px;
    font-weight: 600; 
} 

.iba_A_sub {
    text-align: center;
}

.ibA_Article_content{
    padding-top: 0px;
    margin-bottom: 0;
    line-height: 1.3 !important;
    position: relative;
    height:auto;
    overflow: hidden;
    margin-right: 8px;
    text-align: justify;
} 
/*    .ibnew_bt{
        position: absolute;
    }*/
.articles-filter__title{ border-radius: 8px; padding: 5px; }
.articles-filter__title a{ font-weight: 600; text-transform: none; border: 1px solid white; padding-top: 4px; width: 100%; text-align: center; line-height: 26px; text-decoration: none; border-radius: 6px;}
.articles-filter__title a:hover{ border:1px solid transparent; }
.articles-filter{ border-bottom:none; }
.articles__img { width: 100%; height:143px;}
.ib_but{ margin-top: 5px; height: 22px; font-size: 11px; padding: 0 5px;line-height: 20px; text-transform: capitalize; border-radius: 0; border: none;}
.articles-header__author{ max-width: 100%;flex: 1;justify-content: start;    align-items: flex-start; }
.comment-header__author{ max-width: 100%;flex: 1;justify-content: start!important;    align-items: flex-start!important; }
.articles-header__img{ height: 75px;width: 75px;max-height: 110px;max-width: 110px; object-fit: cover;object-position: top;  -webkit-border-radius: 50%;
                       border-radius: 50%;}
.comment-header__img{ height: 50px;width: 50px;max-height: 110px;max-width: 110px; object-fit: cover;object-position: top;  -webkit-border-radius: 50%;
                       border-radius: 50%;}
.articles-header__image{max-width:50px;}
.comment-header__body{
    padding-top: 10px;
    padding-right: 70px;
    padding-left: 70px;
}
.comment-header{
    display: flex;
}
.ib_date { display: flex; justify-content: space-around; align-items: baseline;font-size:16px !important;}
.ibA_article_icons{float:none;font-size: 18px;}
.articles__body{ height: max-content;border: none; }
.iba_A_sub{ line-height:36px;}
.articles__content .pagination>li>a {border: none;margin: 3px;border-radius: 0 !important;color: #185482 !important;font-size: 16px;font-weight: 600;}
.articles__content .pagination>li>a.paginate_btn{color:white !important; }
.container-articles{ padding-left: 30px; padding-right:30px; }
.articles__col { margin-bottom: 30px; }


/* Mobile only styles */
@media ( max-width:767px){
    .articles__image { max-width: 100% !important;  flex:0 0 auto  !important;}
    .articles_blank { max-width:  0% !important;flex:0 0 auto  !important; }
    .articles__body { margin-top: 0; } 
    .articles-header__image{margin-right:0;}
    .articles-header__author{max-width:100%; width:100%;} 
    .articles__title { padding: 15px 10px 10px; }
    .articles__description{ padding: 0px 10px; }
    .ibA_check_icon { margin-top: -27px; padding-right: 100px; }
}

.articles_blank {
    max-width: 36% ;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 270px;
    -ms-flex: 0 0 270px;
    flex: 0 0 270px; 
} 
.articles__image {
    max-width: 36%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 270px;
    -ms-flex: 0 0 270px;
    flex: 0 0 270px; 
}
.articles__body {
    overflow: hidden;  
    width: 100%;
}
.articles__container {
    display: flex;
}
.article__container{

}

.ib_headpost {
    font-size: 15px; 
    font-weight: 900;
    width: 100%;
    padding-left: 10px;
    font-style: normal;
}
.ib_headname { 
    font-size: 22px;
    width: 100%;
    padding-left: 10px;
    font-style: normal;
}
.articles-header__name {
    font-weight: 700;
}

.ib_date { 
    color: white;
    padding: 10px;
    padding-left: 30px; 
}
.ibA_date {
    padding-left: 9px !important;
    text-align: center;
}
.ibA_article_icons {
    margin-left: 20px; 
} 
.pagination {
    margin-bottom: 1%;
    justify-content: center;
} 
.datesubbar{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.flex-icons{
    display: flex
}
.articles-header__body{
    padding-top: 10px;
    padding-right: 10px;
}
.article_img{ 
    width:250px;
    height:180px; 
}
.article_icons{
    display: flex;
    align-items: center;
}
.article_date{
    width: 450px;
    display: flex;
    padding: 0px 10px;
    justify-content: space-between;
    border-right: 2px solid #FFFFFF;
}
.article_icon_div{
    width: 100%;
}
/*!
 * Datepicker v1.0.10
 * https://fengyuanchen.github.io/datepicker
 *
 * Copyright 2014-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2020-09-29T14:46:09.037Z
 */.datepicker-container{background-color:#fff;direction:ltr;font-size:12px;left:0;line-height:30px;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:210px;z-index:-1}.datepicker-container:after,.datepicker-container:before{border:5px solid transparent;content:" ";display:block;height:0;position:absolute;width:0}.datepicker-dropdown{border:1px solid #ccc;-webkit-box-shadow:0 3px 6px #ccc;box-shadow:0 3px 6px #ccc;-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;z-index:1}.datepicker-inline{position:static}.datepicker-top-left,.datepicker-top-right{border-top-color:#39f}.datepicker-top-left:after,.datepicker-top-left:before,.datepicker-top-right:after,.datepicker-top-right:before{border-top:0;left:10px;top:-5px}.datepicker-top-left:before,.datepicker-top-right:before{border-bottom-color:#39f}.datepicker-top-left:after,.datepicker-top-right:after{border-bottom-color:#fff;top:-4px}.datepicker-bottom-left,.datepicker-bottom-right{border-bottom-color:#39f}.datepicker-bottom-left:after,.datepicker-bottom-left:before,.datepicker-bottom-right:after,.datepicker-bottom-right:before{border-bottom:0;bottom:-5px;left:10px}.datepicker-bottom-left:before,.datepicker-bottom-right:before{border-top-color:#39f}.datepicker-bottom-left:after,.datepicker-bottom-right:after{border-top-color:#fff;bottom:-4px}.datepicker-bottom-right:after,.datepicker-bottom-right:before,.datepicker-top-right:after,.datepicker-top-right:before{left:auto;right:10px}.datepicker-panel>ul{margin:0;padding:0;width:102%}.datepicker-panel>ul:after,.datepicker-panel>ul:before{content:" ";display:table}.datepicker-panel>ul:after{clear:both}.datepicker-panel>ul>li{background-color:#fff;cursor:pointer;float:left;height:30px;list-style:none;margin:0;padding:0;text-align:center;width:30px}.datepicker-panel>ul>li:hover{background-color:#e5f2ff}.datepicker-panel>ul>li.muted,.datepicker-panel>ul>li.muted:hover{color:#999}.datepicker-panel>ul>li.highlighted{background-color:#e5f2ff}.datepicker-panel>ul>li.highlighted:hover{background-color:#cce5ff}.datepicker-panel>ul>li.picked,.datepicker-panel>ul>li.picked:hover{color:#39f}.datepicker-panel>ul>li.disabled,.datepicker-panel>ul>li.disabled:hover{background-color:#fff;color:#ccc;cursor:default}.datepicker-panel>ul>li.disabled.highlighted,.datepicker-panel>ul>li.disabled:hover.highlighted{background-color:#e5f2ff}.datepicker-panel>ul>li[data-view="month next"],.datepicker-panel>ul>li[data-view="month prev"],.datepicker-panel>ul>li[data-view="year next"],.datepicker-panel>ul>li[data-view="year prev"],.datepicker-panel>ul>li[data-view="years next"],.datepicker-panel>ul>li[data-view="years prev"],.datepicker-panel>ul>li[data-view=next]{font-size:18px}.datepicker-panel>ul>li[data-view="month current"],.datepicker-panel>ul>li[data-view="year current"],.datepicker-panel>ul>li[data-view="years current"]{width:150px}.datepicker-panel>ul[data-view=months]>li,.datepicker-panel>ul[data-view=years]>li{height:52.5px;line-height:52.5px;width:52.5px}.datepicker-panel>ul[data-view=week]>li,.datepicker-panel>ul[data-view=week]>li:hover{background-color:#fff;cursor:default}.datepicker-hide{display:none}


/* Fonts */
@font-face {

    font-family:'ProximaNova Bold';
    src: ('fonts/Mark-Simonson-Proxima-Nova-Bold.otf') format('opentype');
}

@font-face {

    font-family:'ProximaNova';
    src: ('fonts/Mark-Simonson-Proxima-Nova-Regular.otf') format('opentype');
}

@font-face {

    font-family:'ProximaNova italic';
    src: ('fonts/Mark-Simonson-Proxima-Nova-Bold-Italic.otf') format('opentype');
}
.certificates-dropdown__images
{
    direction: ltr;
}

*{
    font-family: "ProximaNova";
}
ul.language .language__item:not(:first-child) {
    border-right: 2px solid white;
}
.ibR_tab_btm {
    text-align: right;
}
.ibR_tab_btm img{
    padding: 5px;
    height: 30px;
}
button.ibR_btn_prm {
    padding: 5px 10px 2px 10px;
}
.trumbowyg-dropdown-foreColor button, .trumbowyg-dropdown-backColor button{
	text-indent: 9999px!important;
}

.ibR_profile_tab .nav-tabs .nav-link{
    color: #ffffff;
    font-family: "ProximaNova";
    background-color: #c0ab94;
    margin: 0px 5px;
    padding: 8px 12px !important;
    border-radius: 15px 15px 0 0;
    font-size: 20px;
    text-decoration: none;
}
.ibR_profile_tab .nav-tabs .nav-link.active {
    color: #ffffff;
    font-family: "ProximaNova";
    background-color: #6f3137;
    margin: 0px 5px;
    padding: 8px 12px;
    border-radius: 15px 15px 0 0;
    font-size: 20px;
    border-color: #6f3137;
}
.nav-tabs .nav-link:hover {
    border:unset;
    border-color: unset !important;
}

/* Common */
.base-bg-color{
    background-color: rgb( 62, 15, 5 );
}
.base-color{
    color:rgb( 62, 15, 5 )!important;;
}
.base-font{
    font-family: "ProximaNova";
}

.ibR_app-container{
    padding:unset !important;
    overflow-x: hidden;
}
.ibR-heading-bar {
    background-color: #3e0f05;
    color: #fff;
    text-align: center;
    font-family: "ProximaNova";
    font-size: 32px;
    text-transform:capitalize;
}
.ib_btn_inner_border {
    display: block;
    border:unset;
    width: max-content;
    padding: 5px;
    border-radius: 8px;
    background-color: rgb( 62, 15, 5 );
    color:#fff;
}
.ib_btn_inner_border > span {
    display: block;
    border: 1px solid white;
    border-radius: 5px;
    padding: 3px 20px 0;
    font-size: 18px;
    line-height: 25px;
    font-weight: 600;
}

.img_records{
    position: relative;
    left: 8px;
    bottom: 8px;
}

.see_records{
    position: absolute;
    right: -30px;
    bottom: 0px;
    width: 30px;
}

.text-left{
    text-align: left !important;
}

.definition{
    padding-left: 18px;
}

.selectize-control.single .selectize-input.input-active, .selectize-input,.selectize-dropdown-content,.ib_account_controls_log,.ib_account_controls_remove_account {
    text-align:right !important;
}

/*changes by mamun 2020-03- 31*/
.ibR_header_sub{
    margin-left: 0;
}
.ibR_header_sub {
    margin-right: 0px;
}

.toggle-statistics{
    margin-right: 6px;
}

.ib_sidebar_toggle {
    cursor: pointer;
}
form.ibR_header-login {
    /*padding-left: 11px;*/
}
.ib_login_section{
    padding-right: 0;
} 
.carousel-control-prev {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
    background-image: linear-gradient(90deg,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001));
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000",endColorstr="#00000000",GradientType=1);
}
.carousel-control-next {
    left: auto;
    right: 0;
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
    background-image: linear-gradient(90deg,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5));
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#80000000",GradientType=1);
}
button.ibR_btn_prm {
    margin-left: 5px;
}

input[type=checkbox] {
    display: none;
}
.ibR_pinned_wrap {
    position: absolute;
    right: 15px;
    line-height: 27px !important;
    font-size: 20px;
}

input[type=checkbox] + label {
    display: block;
    margin: 0.2em;
    cursor: pointer;
    padding: 0.2em;
    display: flex;
}
input[type=checkbox] + label:before {
    content: "\2714";
    background:#fff;
    border: 1px solid #fff;
    border-radius: 0px;
    display: inline-block;
    width: 1em;
    height: 1em;
    /* padding-bottom: 16px; */
    margin-left: 0.2em;
    vertical-align: top;
    color: transparent; 
    transition: .1s;
    padding-top: -7px;
    margin-top: 4px;
    display: flex;
    align-items: center;
}
input[type=checkbox] + label:active:before {
    transform: scale(0);
}

a.base-color.ml-2.d-block {
    padding-top: 7px;
}
.ibR_reg-inner-form .col-md-3{
    padding-right:0;
}
.ibR_reg-inner-form .col-md-9{
    padding-left:0;
}
.ib_icon_name {
    text-align: center;
}
.icon_bar {
    width: 100%;
    height: 38px;
    margin-bottom: 10px;

}
.icon_tool_name{
    margin-top: 0.5rem;
}
/*.ib_user_tool_count_red{
    margin-left: 5px;
}*/
#table_activity_log_management_wrapper .col-md-6 {
    padding-left: 0;
}
div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0;
}
img.ibR_breadcrums_icon_back {
    margin-left: 8px;
    /* padding-bottom: 5px; */
    margin-bottom: 5px;
}
.ibr_priavte-info .col-md-2{
    padding-left: 0px;
}
.ibr_priavte-info .col-md-10{
    padding-right: 0px; 
}
/*end changes of mamun*/

/* Header */
input.form-control.ibR_input_search {
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}
.ibR_nav_bar_mob{
    display:none !important;
}
.ibR_icon_social {
    margin: 0 0.5vw;
}
.ibR_icon_social img {
    height: 25px;
    width: 25px;
}

/*social-icons header*/
.bell {
    width: 91px;
    height: 91px;
	margin-top:-32px;
   margin-left: -13px;
    background-position: -5px -5px;
	transform: scale(.3);
}

.sprite-center-border {
    width: 1418px;
    height: 12px;
    background-position: -5px -106px;
}

.cloud {
    width: 62px;
    height: 62px;
	margin-top:-18px;
   margin-left: -7px;
    background-position: -106px -5px;
	transform: scale(.5);
}

.facebook{
    width: 96px;
    height: 96px;
	margin-top:-35px;
    margin-right: -30px;
    background-position: -5px -128px;
	transform: scale(.3);
}

.instagram{
    width: 62px;
    height: 62px;
	margin-top:-19px;
   margin-left: 10px;
    background-position: -178px -5px;
	transform: scale(.47);
}

.rss{
    width: 98px;
    height: 98px;
	margin-top:-36px;
     margin-left: -13px;
    background-position: -111px -128px;
	transform: scale(.3);
}

.telegram{
    width: 62px;
    height: 62px;
	margin-top:-19px;
	margin-left: -5px;
    background-position: -250px -5px;
	transform: scale(.5);
}

.twitter{
    width: 98px;
    height: 98px;
	margin-top:-35px;
    margin-left: -5px;
    background-position: -219px -128px;
	transform: scale(.3);
}

.youtube{
    width: 98px;
    height: 98px;
		margin-top:-37px;
    margin-left: -10px;
    background-position: -327px -128px;
	transform: scale(.3);
}


.custom_box_class {
    font-weight: bold!important;
   }

   .own_search {border:none!important;}
      .align-center{text-align: center;}
   .mar-right-5{
	   margin-left: 5px!important;
   }
   .gv-span {
    margin-left: 42px!important;
}
.customHr{
	border-top: 3px solid rgba(0, 0, 0, 0.1);
}
.small-icone-home{
	    color: rgb(0 0 0 / 40%);
	font-size:23px!important;
}
.ib_courses {
	 height: 99%!important;
}	
.contentSmallIcones{
	padding-left:10px;
	padding-right:10px;
}
.m-0_ {
    margin: 5px!important;
   
}
.m-0_sub {
  margin-top: 0px!important;
}


 @media screen and (max-width: 751px){
	.bell {
	  margin-left: 30px;
	}
	.cloud {
		 margin-left: 50px; 
	}


	.instagram{
	   margin-left: 30px;  
	}

	.rss{
	   margin-left: 25px; 
	}

	.telegram{
	   margin-left: 45px; 
	}

	.twitter{
	   margin-left: 5px;  
	}

	.youtube{
	   margin-left: 18px;  
	}
 }

.ibR_header_main {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 2px 0;
}
.ibR_header-left{
    display:flex;
    align-items: center;
}
.ibR_icon-social{
    display:flex;
		 margin-left: -35px;
}
.language {
    display: flex;
    margin: 0;
}
li.language__item {
    padding: 0 1vw;
    list-style: none;
}
.language__item_ar {
    border-left: 2px solid #fff;
}
.language__item a{
    color:#fff;
}
.ibR_search_wrap {
    padding-left: 2vw;
}
.search__submit_eng{
    border-radius: 4px 0 0 4px !important;
}
.ibR_input_search{
    border:unset;
}
.search__submit_eng {
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    width: 45px;
    background-image: url(/uploads/searchicon.png);
    background-color: #c1ac95 !important;
    border: none !important;
}

/* Sub header*/
.ibR_logo_left,.ibR_logo_middle{
    text-align: center;
}
.ibR_logo_left img{
    width: 170px; 
     height:83px;  padding-left: 5px;
}
.ibR_logo_middle img{
    height: 100px;
}
.ibR_header_sub{
    padding: 0.5rem 0 0.5rem 0;
    width: 100%;
    align-items:center;
    padding-left: 0;
}
.ibR_header-login input{
    background-color: rgb( 233, 233, 233 );
    border:unset;
}

.ibR_header-login input::placeholder {
    font-family: "ProximaNova";
    font-size: 18px;
    color: rgb( 62, 15, 5 );
}
button.ibR_btn_prm {
    background-color: rgb( 62, 15, 5 );
    color: #fff;
    border: unset;
    font-weight: bold;
    border-radius: 5px;
    font-size: 14px;
    /*padding: 1% 6%;*/
}
button.ibR_btn_create_acc{
    background-color: rgb( 192, 171, 148 );
    color: #fff;
    border: unset;
    font-weight: bold;
    border-radius: 5px;
    font-size: 15px;
    padding: 1% 6%;
    white-space: nowrap;
}
/* Nav Menu */
.ibR_menu-footer{
    display: flex;
    justify-content: center;
}
.ibR_nav_menu .navigation__content{
/*    display: flex;
    justify-content: center;*/
}
.navigation_header {
    background: rgb( 192, 171, 148 );
}

.navigation_header_green {
    background: #5AC518!important;
}

.navigation_header_orange {
    background: #ffa103!important;
}

.navigation__content {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    font-family: "ProximaNova";    
}
a.navigation__link.navigation__link_header {
    padding: 6px 11px 1px 11px;
    line-height: 42px;
    color: rgb( 62, 15, 5 );
}
.navigation__link_active {
    background-color: rgb( 62, 15, 5 );
    color: #fff !important;
}
.navigation__link_header:hover {
    color:  rgb( 62, 15, 5 );
    font-weight: bold;
    /*border-bottom: 3px solid;*/
    text-decoration: none;
}
/* Header Sections area */

.ibR_section-warp-header img {
    height: 5vw;
}
.ibR_header-section {
    margin: 2px 0;
    padding: 10px 0;
}
.ibR_section-warp-header {
    position: relative;
    text-align:center;
}
.ibR_section-warp-header .ibR_header-section-name{
    display: block;
    font-weight: 600;
    text-align: center;
    font-size: 12px;
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 14px;
    font-family: "ProximaNova";
    width: 6vw;
    padding: 0 10px;
    color: rgb( 136, 136, 136 );
}

/* Home page */
.ibR_page-welcome {
    background-color: rgb( 215, 201, 198 );
    padding: 5%;
    text-align: center;
    height:100%;
}
.ibR_logo-page-home{
    height: 333px;
}
/* Footer */
.ibR_footer_wrap{
    padding: 2% 0 3% 0;
}
.ibR_footer-logo {
    text-align: center;
    padding: 1% 0;
}
.ibR_footer-logo img{
    width: 23vw;
}
.ibR_footer-social-icons{
    justify-content: center;
}
.ibR_menu-footer {
    text-align: center;
    margin-bottom: 1%;
}
.ibR_menu-footer a {
    font-size: 21px;
    font-family: "Fanan";
    color: #fff;
    padding: 0 0.5vw;
}
.ibR_menu-footer a:hover {
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}

/* Home page slider */

.ibR_slider .carousel-inner img {
    position: absolute;
    height: 420px;
    width: 90%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    object-fit: fill;
}
.ibR_slider .carousel-inner .carousel-item{
    height: 420px;
}

.ibR_slider .main-slider__body{
    background-color: rgba( 255, 255, 255, 0.549 ) !important;
    border-radius: 10px !important;
    padding: 15px 20px;
}
.ibR_slider .hero {
    max-width: 90%;
    width:428px;
    position: absolute;
    top: 50%;
    left: 30%;
    z-index: 3;
    color: #fff;
    text-align: center;        
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
    -webkit-transform: translate3d(-50%,-50%,0);
    -moz-transform: translate3d(-50%,-50%,0);
    -ms-transform: translate3d(-50%,-50%,0);
    -o-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
}
.ibR_slider .hero h1 {
    font-size: 6em;    
    font-weight: bold;
    margin: 0;
    padding: 0;
}
.ibR_slider .main-slider__info {
    font-size: 25px !important;
    font-family: "ProximaNova";
    color:rgb( 62, 15, 5 );
    font-weight: bold !important;
    text-transform: uppercase;
}

.ibR_slider .main-slider__title {
    font-size: 22px !important;
    font-family: "ProximaNova";
    color:rgb( 62, 15, 5 ) !important;
}
.ibR_slider span.chevron-right:before {
    content: ">";
    position: absolute;
    top: 50%;
    font-family: 'Tomorrow', sans-serif;
    font-size: 1.8em;
    font-weight: initial;
    color: #fff;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    background: #c7b299;
}

.ibR_slider span.chevron-left:before {
    content: "<";
    position: absolute;
    top: 50%;
    font-family: 'Tomorrow', sans-serif;
    font-size: 2.2em;
    font-weight: initial;
    color: #fdfdfd;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    background: #c7b299;
}
.ibR_slider .fade-carousel .carousel-indicators > li {
    width: 12px !important;
    height: 12px !important;
    background-color: rgb( 255, 255, 255 ) !important;
    border: unset !important;
}
.ibR_slider .fade-carousel .carousel-indicators > li.active {
    width: 12px !important;
    height: 12px !important;
    background-color: rgb( 192, 171, 148 ) !important;
    border: unset !important;
}
.ibR_slider .fade-carousel .slides .ib_slider img {
    object-fit: cover !important;
}    
.ibR_slider .carousel-control.right {
    left: auto;
    right: 0;
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
    background-image: linear-gradient(90deg,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5));
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#80000000",GradientType=1);
}
.ibR_slider .carousel-indicators li {
    width: 15px;
    border-radius: 50%;
    height: 15px;
}
.ibR_slider .carousel-control-next-icon ,.ibR_slider .carousel-control-prev-icon {
    background-image:none;
    background-size: 20px;
    background-position: center;
    background-color: rgb( 192, 171, 148 );
    border-radius: 50%;
    height: 30px;
    width: 30px;
}
.ibR_slider .carousel-control-next-icon i,.ibR_slider .carousel-control-prev-icon i {
    font-size: 29px;
    color: #fff;
}

/*Register Page */

.ibR_reg-heading {
    background-color: rgb( 62, 15, 5 );
    text-align: center;
    color: #fff;
    font-family: "ProximaNova";
    font-size: 33px;
}
.ibR_reg-form-wrap {
    padding: 11vw;
    padding-top: 0px;
}
hr.ibR_reg-border-top {
    background-color: rgb( 62, 15, 5 );
    height: 11px;
}
.ibR_reg-inner-form {
    background-color: rgb( 226, 223, 218 );
    padding: 2vw 0;
}
h1.ibR_reg-heading-sub {
    text-align: center;
    font-family: "ProximaNova";
    color: rgb( 111, 49, 55 );
    margin-bottom: 0;
    font-weight: bold;
}
p.ibR_reg-heading-desp {
    text-align: center;
    font-size: 29px;
    font-family: "ProximaNova";
    color: rgb( 111, 49, 55 );
}
.ibR_reg-inner-form .row {
    width: 80%;
    margin: 1vw auto;
}
.ibR_reg-inner-form label {
    font-family: "ProximaNova";
    color: rgb( 0, 0, 0 );
    font-size: 20px;
    margin-bottom: 0;
}
.ibR_reg-radio {
    display: flex;
}
.ibR_reg-radio div {
    margin-right: 5%;
}
.ibR_reg-inner-form input {
    border-color: rgb( 111, 49, 55 );
    border-radius: 3px;
}
input::-webkit-calendar-picker-indicator {
    opacity: 100;
    color:rgb( 111, 49, 55 );
}
.ibR_rad_sp {
    display: inline-block;
    position: relative;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border: 1px solid rgb( 111, 49, 55 );
    background-color: #fff;
}
.ibR_rad_sp.selected:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: rgb( 111, 49, 55 );
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50% , -50%);
}
.ibR_button_sqr_flt {
    background-color: #3e0f05;
    border: unset;
    color: #fff;
    font-family: "ProximaNova";
    font-size: 28px;
    padding: 0.2vw 3vw;
}
.ibR_reg-btn {
    justify-content: center;
    margin-top: 4vw !important;
    padding-right: 1vw;
}

/*Header Logged in user section*/

.header_profile{
    text-align:center;
}
img.header_avatar {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #3e0f05;
}

.header_loggedin_user {
    font-size: 20px;
    font-family: "ProximaNova";
    color: #3e0f05;
    margin:2px;
}

/*Login page*/
.ibR_page_login .card-header {
    background-color: #3e0f05;
    color: #fff;
    text-align: center;
    font-size: 30px;
    padding: 2px 0;
    font-family: "ProximaNova";
}
.ibR_page_login .card-body {
    background-color: rgb( 226, 223, 218 );
}
.ibR_page_login label{
    font-family: "ProximaNova";
    color: rgb( 0, 0, 0 );
    font-size: 20px;
}

.ib_text_remember_me {
    font-size:17px !important;
}

.ibR_page_login button{
    font-size:22px;
}

.ibR_page_login input{
    border: 1px solid #3e0f05;
}
.ibR_page_login .card{
    border-radius: unset;
}

/*Profile page*/

.ibR_user-profile {
    border-top: 7px solid #6f3137;
    background-color: rgb( 226, 223, 218 );
    /*margin:1vw;*/
    height:calc(100% - 2vw);
}

.ibR_profile-heading {
    font-size: 27px;
    font-weight:bold;
    text-transform:capitalize;
    color: rgb( 111, 49, 55 );
}
.ibR_general_information .ibR_profile-heading{
    margin:3% 0;
    text-align: left;
}
.ibR_user-profile label {
    font-weight:bold;
}
.ibR_user-profile .ibR_user_db_val {
    font-family: "ProximaNova";
    color: #3e0f05;
}
.ibR_user-profile .ibR_user_editable_ip{
    display:none;
}
.ibR_user-profile .ibR_icon img{
    height:22px;
}
.ibR_button_profile_wrap {
    padding: 0 5% 4% 2%;
    display: flex;
    justify-content: flex-end;
}
.ibR_button_profile_wrap button{
    margin:1%;
}
.ibR_user-profile1 .row {
    margin: 1% 0;
}

.article_icon_div .flex-icons{
    justify-content:right
}

.article_icon_div .flex-icons .article_icons{
    margin-right: 30px;
}

.margin_right_10{
    margin-left: 10px;
}

.icon_margin_right_10{
    margin-left: 5px;
}

.read_more{
    justify-content: right;
    padding-right: 10px;
    color: #0075e8;
}


.ibR_private_info_wrap {
    border: 2px solid #3e0f05; 
    padding: 4%;
}
.ibR_private_info_wrap {
    position: relative;
}
.ibR_private_info_wrap .ibR_profile-heading {
    position: absolute;
    top: -20px;
    padding: 0 19px;
    white-space: nowrap;
}
.ibR_user-profile input {
    border-radius: unset;
    border-color: #3e0f05;
    font-family: "ProximaNova";
    width: 50%;
}

.ibR_slider .carousel-control-next-icon ,.ibR_slider .carousel-control-prev-icon {
    background-image:none;
    background-size: 20px;
    background-position: center;
    background-color: rgb( 192, 171, 148 );
    border-radius: 50%;
    height: 30px;
    width: 30px;
}
.ibR_slider .carousel-control-next-icon i,.ibR_slider .carousel-control-prev-icon i {
    font-size: 29px;
    color: #fff;
}
.ibR_user_inp_icon{
    display: inline-block !important;
}
.ibR_icon_tick img {
    height: 15px;
}
.ibR_slider_user{
    position:relatiive;
}
.ibR_slider_user .carousel-indicators-numbers li::after {
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}
.ibR_slider_user .carousel-indicators-numbers li::before {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}
.ibR_othr_btn_wrap{
    text-align: left!important;
}
.ibR_slider_user .carousel-indicators-numbers{
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}
.ibR_slider_user .carousel-indicators-numbers li.active,.ibR_slider_user .carousel-indicators-numbers li:hover {
    margin: 0 2px;
    width: 30px;
    height: 30px;
    background-color: #3e0f05;
}
.ibR_slider_user .carousel-indicators-numbers li {
    text-indent: 0;
    font-family: "ProximaNova";
    text-align:center;
    margin: 0 2px;
    width: 30px !important;
    height: 30px !important;
    border: none;
    border-radius: 100%;
    line-height: 30px;
    color: #fff;
    background-color: #907770;
    transition: all 0.25s ease;
    position: relative;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    display: inline-block;
}
.ibR_slider_user .carousel-indicators-numbers {
    bottom: -16% !important;
}
.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    background: #3e0f05;
    border-radius: 10px;
    padding: 3px;
    margin-right: auto;
}
.btn_upload {
    border: 1px solid white;
    background-color: transparent;
    padding: 2px 11px;
    font-family: "ProximaNova";
    color: rgb( 255, 255, 255 );
    border-radius: 10px;
    outline-offset: -8px;
    font-size: 19px;
}
.upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width:100%;
    height:100%;
}

.ibR_upload-btn-wrapper {
    position: absolute;
    overflow: hidden;
    display: inline-block;
    background: #3e0f05;
    border-radius: 10px;
    padding: 3px;
    margin-left: auto;
}
.ibR_upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width:90px;
    height:40px;
}
.ibR_user_album_slider{
    margin:auto;
}
.ibR_wall-img-wrap,.profile_image{
    position:relative;
}
.profile_image .ibR_upload-btn-wrapper{
    bottom: 0;
    left: 34%;
    transform: translate(-50%, 0);
}
.ibR_wall-img-wrap .ibR_upload-btn-wrapper,.profile .image  .ibR_upload-btn-wrapper{
    bottom: 0%;
    left: 3%;
}
.ibR_user_img_upload{
    display:none;
}
.ibR_user_album_slider_edit{
    margin:auto;
}
.ibR_editable_img {
    margin:4% 0;
    background-color: #e0d1b7;
    padding: 2%;
    position: relative;
}
.ibR_editable_img span{
    position: absolute;
    top: 1%;
    left: 1%;
}
.ibR_editable_img img {
    height: 31vw;
    width:100%;
}
.ibR_editable_img span i{
    font-size: 35px;
    background-color: #fff;
    border: 1px solid #fff;
    color: #3e0f05;
    border-radius: 30px;
    padding: 0 3px;
}

/* Roles management */
.ibR_meme_filter_section{
    padding:13px;
}
.ibR_bg_light {
    background-color: rgb( 242, 241, 241 );
}
.ibR_mem_dpdn {
    display: flex;
    justify-content: space-around;
    /* align-items: center; */
}

.ib_mem_dpdn_lb span {
    white-space: nowrap;
    font-weight:bold;
    color: rgb( 111, 49, 55 );
}
.ib_mem_dpdn_slct {
    width: 100%;
}
.ibR_mem_dpdn .ib_mem_dpdn_lb,.ibR_mem_dpdn .ib_mem_dpdn_slct{
    margin:0 1%;
}

.ibR_all ,.ibR_active ,.ibR_inactive{
    display: flex;
    justify-content: space-around;
    color: #fff;
    align-items: center;
    margin-top:3px;
}
.ibR_all {
    background-color: rgb( 192, 171, 148 );
}
.ibR_mem_count {
    padding: 2px 8px;
    margin: 5px 0;
    border-radius: 7px;
}
.ibR_all .ibR_mem_count {
    color:#fff;
    background-color: #3e0f05;
}
.ibR_active .ibR_mem_count{
    color:#fff;
    background-color: rgb( 51, 130, 24 );
}
.ibR_inactive .ibR_mem_count{
    color:#fff;
    background-color: rgb( 227, 33, 56 );;
}
.ibR_active .ibR_mem_txt{
    color: rgb( 51, 130, 24 );
}
.ibR_inactive .ibR_mem_txt{
    color: rgb( 227, 33, 56 );
}
.ibR_active ,.ibR_inactive{
    background-color:#fff;
}
.ibR_active .ibR_mem_count,.ibR_inactive .ibR_mem_count{
    padding: 2px 8px;
    font-size: 13px;
}
.ibR_mem_txt {
    width:50%;
    white-space: nowrap;
}
.ib_eye_red_bg_icn{
    height:28px;
}
.dataTables_wrapper {
    overflow: hidden;
}
.dataTables_wrapper .row:nth-child(2) {
    overflow: auto;
}
.dataTables_wrapper .row:nth-child(1) {
    padding: 0 1%;
}

.dataTables_wrapper .row:nth-child(2)::-webkit-scrollbar {
    height: 8px;
}
.dataTables_wrapper .row:nth-child(2)::-webkit-scrollbar-thumb {
    background-color: #6f3137;
    border-radius: 10px;
}
.dataTables_wrapper .row:nth-child(2)::-webkit-scrollbar-track {
    background-color: #ffffff;
}

.ibR_mem_wrap{
    padding:1%;
}
.page-item .page-link {
    z-index: 1;
    color: #fff;
    height: 35px;
    text-align: center;
    width: 35px;
    border-radius: 50%;
    margin: 0 2px;
    border-color: #c0ab94d1;
    background-color: #c0ab94d1;
}
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    height: 35px;
    text-align: center;
    width: 35px;
    border-radius: 50%;
    background-color: #6f3137;
    border-color: #6f3137;
}
.dataTables_paginate .next ,.dataTables_paginate .previous {
    display:none;
}
div.dataTables_wrapper div.dataTables_filter {
    text-align: left;
}
.activity_type .option:nth-child(2) {
    color: #156b0d;
    font-family: "ProximaNova";
}
.activity_type .option:nth-child(3){
    color: rgb( 227, 33, 56 );
    font-family: "ProximaNova";
}

.ibR_btn_rt_wrap{
    display: flex;
    justify-content: flex-end;
    margin:2%;
}

.ibR_btn_round_prmy {
    border-radius: 7px;
    color: #fff;
    background-color: rgb( 111, 49, 55 );
    border: unset;
    padding: 3px 11px;
}
.ibR_heading_sub {
    background-color: rgb( 135, 77, 83 );
    color: #fff;
    padding: 4px;
    text-align: center;
    margin: 1% 0;
}
.ibR_mem_btn_wrap_rt{
    text-align:left;
}
.ibR_mem_down .fa-caret-down{
    color: #3e0f05;
    font-size: 30px;
}
.ibR_d_txt_color{
    color:black !important;
}
.color-red{
    color: rgb( 227, 33, 56 );
}
.color-green{
    color: rgb( 51, 130, 24 );
}
.color-orange{
    color: rgb(214, 66, 32);
}
/* Activity log */
.ibR_activity_log_wrap{
    background-color: #fff;
}
.ibR_activity_log_wrap .ibR_txt_srt{
    color:black;
}
.ibR_activtylog_main{
    padding:45px 1vw;
    /*    margin:1vw;*/
    height: calc(100% - 2vw);
}
.ibR_activtylog_main .ib_table tbody tr:nth-child(2n+1) {
    background-color: #f2f1f1 !important;
}
.ibR_activtylog_main td{
    color:black !important;
    white-space: nowrap;
}
/* Breadcrumbs */
.breadcrumbs {
    margin: 1%;
    color: #b0b0b0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
}

.breadcrumbs__link {
    color: #646260 !important
}

.breadcrumbs__link_home {
    padding-right: 9px;
    position: relative
}

.breadcrumbs__link_home::before {
    line-height: 1;
    font-size: 16px;
    color: #646260;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.breadcrumbs__sep {
    padding: 0 3px
}
img.ibR_breadcrums_icon_back {
    height: 18px;
}

.breadcrumbs__link_home::before,
.pagination__arrow_next::after,
.pagination__arrow_prev::after {
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    left: 0
}
/* profile biography */
.ibR_bio_sec_heading,.ibR_ttl_lvl1,.ibR_ttl_lvl2,.ibR_ttl_lvl3,.ibR_ttl_rt_lvl2{
    font-size: 22px;
    font-family: "ProximaNova";
    padding: 3px 16px ;
}

.ibR_bio_sec_heading {
    background-color: rgb( 111, 49, 55 );
    color: #fff;
}
.ibR_ttl_lvl3 {
    background-color: rgb( 234, 232, 229 );
    color: rgb( 111, 49, 55 );
}
.ibR_ttl_lvl2 {
    color: rgb( 111, 49, 55 );
    border-bottom: 2px solid rgb( 192, 171, 148 );
}
.ibR_ttl_lvl1{
    background-color: rgb( 135, 77, 83 );
    color: rgb( 255, 255, 255 );
    margin: 0 0 1% 0;
}
.ibR_lvl_2 ,.ibR_lvl_3 {
    width: 90%;
    margin-right: auto;
}
.ibR_lvl_3{
    margin-top: 1%;
    margin-bottom: 1%;
}
.ibR_lvl_1 img {
    width: 24px;
}
.ibR_ttl_rt_lvl2{
    background-color: rgb( 192, 171, 148 );
    color:#fff;
}
.ibR_user_bio_right_sec .ibR_ttl_lvl1 {
    margin: unset;
    padding: 6px 13px 6px 17px;
}
.ibR_user_bio_right_sec .ibR_ttl_rt_lvl2 {
    padding: 6px 15px 6px 40px;
}
.ibR_user_bio_right_sec .ibR_topic_title{
    background-color: rgb( 234, 232, 229 );
    font-size: 21px;
    padding: 6px 15px 6px 60px;
    font-family: "ProximaNova";
    color: rgb( 111, 49, 55 );
}
.ibR_user_bio_right_sec img {
    height: 30px;
    float:right;
}
.ibR_ttl_rt_lvl2 img,.ibR_topic_title img {
    height: 19px;
}

.ibR_user_bio_right_sec .ibR_bio_sec_heading,
.ibR_user_bio_right_sec .ibR_ttl_lvl1,
.ibR_user_bio_right_sec .ibR_ttl_rt_lvl2,
.ibR_user_bio_right_sec .ibR_topic_title,
.ibR_bio_sec_heading div,
.ibR_topic_title div
{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ibR_bio_rt_stat {
    background-color: #fff;
    color: #6f3137;
    font-size: 13px;
    font-family: "ProximaNova";
    margin: 7px;
    border-radius: 4px;
    padding: 3px;
} 
.ibR_bio_rt_stat img {
    height: 14px;
}
.ibR_bio_rt_stat span {
    margin: 0 4px;
}
.ibR_stat_icons .ibR_views img{
    height:11px;
}
.ibR_prof_author_wrap .ibR_author_img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 1px solid rgb( 192, 171, 148 );
}
.ibR_author_book_stat {
    background-color: rgb( 192, 171, 148 );
    color: #fff;
    font-family: "ProximaNova";
    font-size: 16px;
    padding: 6px 9px;
    margin: 0 3px;
}
.ibR_prof_author_heading {
    display: flex;
    margin: 2%;
    justify-content: space-around;
    align-items: center;
}
.ibR_prof_author_heading .ibR_author_name {
    font-size: 16px;
    color: rgb( 111, 49, 55 );
    font-weight:bold;
}
.ibR_prof_author {
    background-color: #fff;
    margin: 5% 0px;
}
.ibR_prof_author_content.p-3 {
    font-family: "ProximaNova";
    font-weight: bold;
}
.ibR_txt_read_more{
    display: block;
    font-family: "ProximaNova";
    color: rgb( 111, 49, 55 );
    font-weight: 200;
}
.ibR_prof_author_footer {
    background-color: rgb( 111, 49, 55 );
    color:#fff;
}
.ibR_prof_author_footer {
    background-color: rgb( 111, 49, 55 );
    color: #fff;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 4px;
}
.ibR_publisher_name {
    font-family: "ProximaNova ";
    font-size: 15px;
    display:block;
}

.ibR_publisher_time, .ibR_publisher_date {
    font-size: 13px;
    font-weight:bold;
}
.ibR_publisher_tool div {
    padding: 0 2px;
}
.ibR_publisher_tool{
    display: flex;
    justify-content: center;
}
.ibR_publisher_tool div {
    padding: 0 2px;
    display: flex;
    align-items: center;
}
.ibR_publisher_tool span {
    font-size: 13px;
}
.ibR_publisher_tool img {
    height: 15px;
}

/*  profile book tab */

.ibR_book_top {
    background-color: #fff;
}
.ibR_book_heading_base_img_wrap {
    position: relative;
    display: flex;
    justify-content: center;
}
.ibR_book_heading_base_img_wrap img {
    width: 145px;
    position: absolute;
    top: -11px;
}
.ibR_bk_name {
    z-index: 999999;
    color: #fff;
    font-family: "ProximaNova";
    font-size: 14px;
    position: absolute;
    top: -8px;
}
.ibR_book_expert {
    width: 70%;
    background-color: #6f3137;
    margin: auto;
    color: #fff;
    border-radius: 6px 6px 0 0;
    padding: 2px;
    text-align: center;
}

.ibR_book_stats img {
    height: 13px;
}

.ibR_bk_view img{
    height: 10px;
}
.ibR_book_content_bottom {
    margin: 6% auto 0;
}
.ibR_book_stats {
    background-color: #fff;
    border-radius: 5px;
    display: flex;
    justify-content: space-around;
    color: #6f3137;
    font-size: 12px;
    font-weight: 500;
    padding: 3px;
}

.ibR_book_author_name,.ibR_book_invtgr_name {
    padding: 6px 12px;
    font-family: "Proximanova";
    color: #6f3137;
    font-size: 15px;
    font-weight: bold;
}
.ibR_txt_srt {
    font-size: 19px;
    font-weight: bold;
    color: #6f3137;
    font-family: "Priximanova";
}

.ibR_other_management_tool{
    display: flex;
    justify-content: center;
    position: relative;
}
.ibR_pinned_wrap {
    position: absolute;
    left: 15px;
    line-height: 50px;
    font-size: 20px;
}
/* email */
.email_verified ,.resend_email,.email_send_wrap{
    text-align: center;
    padding: 22px;
    border: 2px solid #3e0f05f5;
}
.resend_email h2 {
    color: #791e0b;
}

/* User profile styles */

.ibR_user-profile label{
    text-transform:capitalize;
}
.profile_image img {
    height: 200px;
    width: 200px;
    object-fit: contain;
}

/* Account authentication */
.ibR_acc-authentication{
    position: relative;
    border: 2px solid #3e0f05;
    margin: 4%;
    padding: 4%;
}
.ibR_acc-authentication .ibR_profile-heading {
    position: absolute;
    top: -20px;
    background-color: #e2dfda;
    padding: 0 19px;
    font-size: 27px;
    font-weight:bold;
    color: rgb( 111, 49, 55 );
    white-space: nowrap;
}
/* Delete account request */

.ibR_btn_del_acc_request{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
} 
button.ibR_button_del_acc_accept {
    background-color: green;
    border: unset;
    color: #fff;
    font-weight: 600;
    border-radius: 6px;
}
button.ibR_button_del_acc_deny {
    background-color: red;
    border: unset;
    color: #fff;
    font-weight: 600;
    border-radius: 6px;
}
#confirm_redirect_link {
    text-decoration: unset;
}

/*translation*/
/*@media only screen and (max-width:648px) {*/
/*    .ibR_new_lang_wrap {*/
/*        width: calc(100vw - 14vw);*/
/*    }*/
/*}*/
@media only screen and (max-width:1024px) {
    .ibsh_trans_form,.ibsh_flex,.ibsh_col2_flex {
        flex-direction: column;
        align-items: center !important;
    }
    .ibsh_w_count {
        margin: auto;
        max-width: 100% !important;
        margin-left: 0 !important;

    }
}

@media only screen and (max-width:1024px) {
    .ibsh_trans_form,.ibsh_flex,.ibsh_col2_flex {
        flex-direction: column;
        align-items: center !important;
    }
    .ibsh_w_count {
        margin: auto;
        max-width: 100% !important;
        margin-left: 0 !important;
    }
}


@media only screen and (max-width: 425px) {
    .gridview_course_list tr {
        background-color: unset !important;
        float: left;
        width: 100%;
        display: flex;
        margin-top: 10px;
    }

    .ibsh_w_count {
        margin-right : 0px!important;
        padding-top: 20px!important;;
    }

    #goTranslate .row .col-md-4{
        padding-left: 32px!important;;
        padding-right: 0!important;;
    }

}

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 960px)  {

    .gridview_course_list tr{
        width: 100%;
    }

    .ib_table_overflow .ibR_input_search_wrap{
        width: 250px;
        margin-left: 81px;
    }

    .ib_main_content{
        flex-direction: column;
    }

    .ib_page_content{
        order: 1;
    }

    #icon_sidebar{
        order: 2;
    }

    .nav_header{
        width: 100%;
    }

    .navigation_header{
        padding: 10px;
    }

    .ibR_header_wrap{
        margin-bottom: 25px;
    }

}


.ibsh_trans_table .ib_table tbody td {
    white-space: nowrap;
}
.ibsh_btns {
    display: flex;
    flex-wrap: wrap;
}
.ibsh_s_1 .ib_page_heading {
    font-size: 22px;
    font-weight: 500;
}
.ibsh_s_2 {
    height: 100%;
    padding: 30px;
}
.ibsh_content_wrap {
    height: calc( 100% - 2vw );
    /*margin:1vw;*/
    background-color: #f2f1f1;
}
.ibsh_btns button {
    background-color: #c0ab94;
    border: 0;
    color: #fff;
    padding: 8px 20px;
    border-radius: 7px;
    font-weight: 600;
    letter-spacing: 1px;
}
.ibsh_btns button:nth-child(1) {
    margin-right: 10px;
    margin-bottom: 10px;
}
.ibsh_trans_form {
    padding: 30px 0;
    align-items: flex-start;
}
.ibsh_flex {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 15px;
}
.ibsh_flex label {
    margin: 0 15px 10px;
}
.ibsh_flex input,.ibsh_col2_flex input {
    border-radius: 0;
}
.ibsh_drop{
    width:100%;
}
.ibsh_col2_flex {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 15px;
}
.ibsh_col2_flex label {
    margin: 0 15px 10px;
}
.ibsh_w_count {
    margin-right: 50px;
}
.ibsh_w_count > div {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
    padding: 7px 15px;
}
.ibsh_w_count {
    margin-left: 47px;
    max-width: 270px;
}
.ibsh_words {
    background-color: #c0ab94;
}
.ibsh_yt, .ibsh_nt {
    background-color: #fff;
}
.ibsh_words,.ibsh_yt span:nth-child(2),.ibsh_nt span:nth-child(2){
    color: #fff;
}
.ibsh_words span:nth-child(1),.ibsh_yt span:nth-child(1),.ibsh_nt span:nth-child(1){
    line-height: 30px;
    font-size: 20px;
    font-weight: bold;
}
.ibsh_words span:nth-child(2),.ibsh_yt span:nth-child(2),.ibsh_nt span:nth-child(2) {
    padding: 3px 10px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
}
.ibsh_words span:nth-child(2){
    background-color: #3e0e06;
}
.ibsh_yt span:nth-child(2){
    background-color: #338218;
}
.ibsh_nt span:nth-child(2){
    background-color: #e32138;
}
.ibsh_btn {
    background-color: #6e3137;
    color: #fff;
    border: 0;
    padding: 0 15px;
    font-weight: 600;
    letter-spacing: 1px;
    border-radius: 6px;
    line-height: 38px;
}
.ibsh_txt {
    line-height: 30px;
    border-color: #6e3137;
    border: 1px solid;
}
.ibsh_drop .item, .ibsh_tble_select .item {
    font-size: 15px;
    color: #7a7a7a;
}
.ibsh_trans_table {
    padding: 30px 0;
}
.ibsh_tble_txt {
    line-height: 32px;
    border: 1px solid #6e3137;
    width: 145px;
}
.ibsh_tble_select{
    display: inline-flex;
    width: 145px;
}
.ibsh_undo {
    background-color: #6e3137;
    color: #fff;
    padding: 4px 8px;
    font-size: 12px;
    border-radius: 6px;
    cursor: pointer;
}
.ibsh_art {
    width: 29px;
    background-color: #6e3137;
    border-radius: 6px;
    padding: 4px 8px;
}
.ibsh_tble_colr {
    border: none;
    outline: none;
    width: 40px;
    -webkit-appearance: none;
    height: 30px;
}
.ibsh_tble_colr::-webkit-color-swatch {
    border: none;
}
.ibsh_tble_colr::-webkit-color-swatch-wrapper {
    padding: 0;
    border: none;
}
.ibsh_tbl_clr_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px 0;
}
.ibsh_save {
    text-align: left;
}
.ibR_dir-write {
    line-height: 30px;
    padding: 2px 6px;
    text-transform: capitalize;
}
.ibR_new_lang_label{
    line-height: 30px;
    border: 1px solid #6e3137;
    color: #7a7c7e;
    padding: 2px 6px;
}
.ibsh_drop option{
    text-transform: capitalize;
}
.ibR_new_lang_wrap .row {
    margin: 1% 0;
}
.ibR_new_lang_wrap {
    background-color: #ded7d7;
    border: 7px solid #6f3137;
    padding: 22px;
    margin: 2%;
}
.ibR_trans_new_lang_heading {
    font-size: 24px;
    display: flex;
    font-weight: bold;
    justify-content: space-between;
    margin-bottom: 2%;
}

.ibR_trans_lang_btn_wrap{
    justify-content: space-between;
}
/* Activity log */
.ibR_acty_dt{
    float:left;
    color: #84694c;
    font-weight: 500;
}
.ibR_usr_activity_log ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    right: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
.ibR_usr_activity_log ul.timeline > li {
    margin: 20px 0;
    padding-right: 20px;
    margin: 20px 0;
    padding-left: 20px;
    background-color: rgba(192, 171, 148, 0.4);
    border-radius: 10px 0px 10px 0px;
    padding: 15px;
}
.ibR_usr_activity_log ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    right: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
.ibR_usr_activity_log ul.timeline > li:before {
    content: ' ';
    background: #f2f1f1;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #6f3137;
    right: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}

span.ibR_role_t {
    margin-right: 22px;
}
/* Main layout styles */
.ib_main_content{ display:flex; position:relative; }
.ib_sidebar {
    width: 415px;
    padding: 1vw;
    overflow: hidden;
    padding-top: 0;
}
.ib_page_content{ width:100%; /* padding:1vw; */ overflow: hidden; }

/* Common classes for the page */

/* required astrisk style */
.ib_required { display: none; color: red; font-size: 22px; margin-top: 20px; line-height: 0px; }

/* Page heading or Page title styles */
.ib_page_heading { background-color: #6f3137; color: white; font-size: 24px; line-height: 50px; text-align: center;text-transform: capitalize; }
.ib_page_heading_1{ background-color:#6f3137; color:white; font-size:22px; line-height: 40px; text-align:center; }

/* Error message styles */
.err_inp{ box-shadow: rgba(120, 19, 19, 0.67) 1px 2px 8px 2px; border: 2px solid #6f3137; }
.err_message{ color:#6f3137; font-weight:bold; }

/* table styles */
.ib_table tbody tr.tr-child-row:hover { background-color: white!important; }
.ib_table thead th { border: none; background-color: #6f3137; color: white; text-align:center; line-height: 40px; padding: 0 10px;white-space: nowrap;}
.ib_table thead th:before,.ib_table thead th:after{ top:0; }
.ib_table thead th:not(:first-child) { border-right:3px solid #f2f1f1; }
.ib_table tbody td{ border:none; color:#6f3137; text-align:left; line-height:30px; white-space:nowrap; }
.ib_table tbody tr:hover{background-color:#6f31370f !important; }
.ib_table tbody tr:nth-child(2n){ background-color: white; }
.ib_table_input{ border: 2px solid #6f3137; color: #6f3137; padding: 0 10px; line-height: 30px; }
.ib_table_input:focus { outline: none; }
.ib_table_button { background-color: #6f3137; color: white; border: none; line-height: 30px; padding: 0 30px; font-size: 18px; }
.ib_triple_arraw_down{ position:relative; padding:0 30px 0 30px;}
.ib_triple_arraw_down:after { content: ""; display: block; position: absolute; top: 5px; left: 10px; width: 20px; height: 20px; background-image: url('/icons/down-arrow.png'); background-size: contain; }
.btn_active{
    padding-left: 10px !important;
    padding-right: 10px !important;
}
/* Buttons styles */
.ib_btn { display: inline-block; width: max-content; padding: 3px; border: none; border-radius: 8px; background-color: #6f3137; color: white; }
.ib_btn > span { display: block; border: 1px solid white; border-radius: 5px; padding: 0px 20px 0; font-size: 18px; line-height: 25px; font-weight: 600; }
.ib_btn_2 { border: none; border-radius: 8px; background-color: #c0ab94; color: white; margin-right: 10px; padding: 0 10px; }
.ib_btn_2 span { margin-right: 5px; }

/* End Common classes for the page */

/* Slider Above Fold Styles */
.ib_slider_above_fold .carousel-inner .carousel-item { height: calc(100vh - 320px); }
.ib_slider_above_fold .carousel-inner img{ height: calc(100vh - 320px); }

/* Selectize styles */
.selectize-input input { display: none !important; }
.selectize-input { border: 1px solid #6f3137; border-radius: 0; padding-left: 18px;}
.selectize-input.dropdown-active{ border-radius:0; }
.selectize-control.single .selectize-input:after{ right:5px; border-color: #6f3137  transparent transparent transparent;}
.selectize-dropdown, .selectize-input, .selectize-input input{ font-size:12px; }
.selectize-dropdown-content{ border:1px solid #6f3137; border-top:none; }
.selectize-dropdown .option.active { background-color: #c0ab94;color: #ffffff;}
.selectize-dropdown .option { line-height: 30px;border-top: 2px solid #c0ab94;color: #6f3137;font-weight: 600; background-color:white; }
.selectize-dropdown-content::-webkit-scrollbar {width: 8px;}
.selectize-dropdown-content::-webkit-scrollbar-thumb { background-color: #6f3137;border-radius: 10px;}
.selectize-dropdown-content::-webkit-scrollbar-track {background-color: #ffffff;}

/* Sidebar styles */
.ib_profile_display{ width: 100%; min-width: max-content; margin-bottom:20px; text-align: center;}
.ib_sidebar{ border-top: 38px solid #6f3137;}
.ib_profile_display .ib_user_img{ width: 100px; height: 100px; margin: 10px; object-fit: cover; border-radius: 50%; border: 4px solid #c0ab94;}
.ib_profile_display .ib_profile_display_heading{ color: #6f3137; margin: 0 20px; font-size: 20px; font-weight: 700; }
.ib_profile_display .ib_profile_display_sub_heading{ font-weight:500; }
.ib_profile_display .ib_check{ width:20px; margin-left:10px;}
.ib_sidebar_toggle { z-index:999;position: absolute;  right: 6.20vw; transition: .6s; width: 40px; height: 40px; color: #6f3137; background-color: #f2f1f1; font-size: 40px; line-height: 40px; text-align: center; }
.ib_sidebar_open { right: calc(1vw + 287px);transition: .6s; }
.ib_sidebar_toggle .fa-angle-double-left:before {content: "\f101";}
.ib_sidebar_toggle .fa-angle-double-right:before { content: "\f100";}

.ib_head{ background-color: #6f3137; text-align: center; color: white; font-size: 18px; font-weight: 600; line-height: 40px; }
.ib_info_pair{ width:100%; min-width:max-content; margin:0; font-size:18px; line-height: 20px;display:flex;}
.ib_info_pair_title{ font-weight:600;padding-left: 10px; }
.ib_info_pair_value{ color: #6f3137;padding-left: 10px; }
.ib_user_profile_description{ margin: 5px; padding: 8px 12px; max-width: 300px; font-size: 12px; line-height: 16px; font-weight: 500; color: #333333; border: 1px solid #6f3137; }
.ib_user_profile_cover_img img{ max-width:300px; }

.ib_user_tools{margin-top:10px; width:300px;}
.ib_user_tools_head{ background-color: #6f3137; text-align: center; color: white; font-size: 18px; font-weight: 600; line-height: 40px;}
.ib_user_tools_container { margin: 10px 0; display: flex; flex-wrap: wrap;flex-direction: column; }
.user_tools,.management_tool {display: flex;flex-wrap: wrap;align-items: center; }
.user_tools{ margin-bottom: 10px; }
.ib_user_tools_tool { width: auto; text-align: center;flex: 0 0 20%;max-width: 20%;}
.ib_user_tool_img { width: 52px; height: 52px; margin: 18px auto 3px; background-color: #6f3137; text-align: center; border-radius: 50%;}
.ib_user_tool_img img {  width: 30px; margin: 8px; }
.ib_user_tool_name{ display: block; font-size: 16px; white-space: nowrap; }
.ib_user_tool_count { color: #6f3137; font-weight: 700;display: block; font-size: 12px; line-height: 14px;}

.ib_my_profile { margin-top: 10px; width: 300px; }
.ib_my_profile_head { background-color: #6f3137; color: white; padding-left: 20px; font-size: 18px; font-weight: 600; line-height: 40px; }
.ib_my_profile_head img{ width: 30px; margin-top: -5px; margin-bottom: 5px; margin-right: 10px;}
.ib_my_profile_menu { padding: 8px 20px; margin: 0 4px; display: flex; align-items:center; }
.ib_my_profile_menu { border-top: 2px solid #c0ab94; }
.ib_my_profile_menu_icon { width: 20px; margin: 5px; margin-right: 10px;}
.ib_my_profile_menu_name { font-size: 18px; color: #595959; line-height: 30px; white-space: nowrap; }

.ib_group_management { margin-top: 10px; width: 300px; }
.ib_group_management_head { background-color: #6f3137; text-align: center; color: white; font-size: 18px; font-weight: 600; line-height: 40px; }
.ib_group_management_head a{ color:white; text-decoration:none; }
.ib_group_management_body { margin: 10px 0; display: flex; flex-wrap: wrap; }
.ib_group_management_blocks { flex:0 0 20%; max-width: 20%; text-align: center; }
.ib_group_management_img { width: 52px;height: 52px;margin: 18px auto 3px; background-color: #6f3137; text-align: center; border-radius: 50%;}
.ib_group_management_img img { width: 30px; margin: 11px; }
.ib_group_management_name { display: block; font-size: 12px; white-space: nowrap;color:#595959; }
.ib_group_management_count { color: #ffffff; font-size: 12px; padding: 0 8px; border-radius: 6px; background-color: #338218; }
.ib_group_management_actions button {margin: 0 3px;}
.ibR_msg_bar button {float: left;}


.ib_account_controls { width: 300px; margin-top: 10px; }
.ib_account_controls_head { background-color: #6f3137; color: white; font-size: 18px; font-weight: 600; line-height: 40px; text-align: center; }
.ib_account_controls_container { border: 2px solid #6f3137; padding: 10px 0; }
.ib_account_controls_user_settings { padding: 5px 10px; display: flex; justify-content: space-between; align-items:center; color: #5c5c5c;}
.ib_account_controls_label { font-size: 13px; }
.ib_account_controls_value{ width: 45%; height: 36px; }
.ib_user_permission { padding: 5px 10px; display: flex; justify-content: space-between; align-items: center; }
.ib_user_permission:nth-child(odd) { background-color: #e2dfda; }
.ib_user_permission span { font-size: 13px; color: #5c5c5c;}
.ib_user_permission_select { width: 45%; height: 36px; }
.ib_account_controls a { padding: 5px 10px; font-size: 13px; color: #5c5c5c; line-height: 40px; text-decoration: none; }
.ib_account_control_submit { padding: 5px 10px; display: flex; justify-content: flex-start; }

/* Group management styles */
.ib_group_management_container{ background-color:#f2f1f1;  height: calc(100% - 2vw); }
.ib_group_management_table{ padding:20px 15px;  overflow-x:auto;}
.ib_group_management_actions { display: flex; justify-content: flex-end; }
.ib_set_privileges { text-align: left; display:flex; flex-wrap:wrap;text-transform: capitalize; }
.ib_set_privileges_group { margin: 0; padding: 0 10px; font-weight: 600; color: white; background-color: #6f3137; border-radius: 4px; }
.ib_privileges_group { margin-right: 30px; margin-bottom:20px; }
.ib_privilege_container { display: flex;flex-wrap:wrap; }
.privilege_box { display: flex; align-items:center;flex: 1 0 33%;box-sizing: border-box;padding: 10px;}
.privilege_box span { margin: 0 10px 0 5px; font-weight: 600; white-space: nowrap; }
.ib_privilege_toggle { display: flex; }
.ib_privilege_toggle input{ position: absolute !important; clip: rect(0, 0, 0, 0); height: 1px; width: 1px; border: 0; overflow: hidden; }
.ib_privilege_toggle label{ background-color: #e4e4e4; color: rgba(0, 0, 0, 0.6); font-size: 12px; line-height: 1; text-align: center; padding: 4px 8px; margin:0; margin-right: -1px; border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1); transition: all 0.1s ease-in-out; }
.ib_privilege_toggle input:checked + label { background-color: #6f3137; color: white; box-shadow: none; }
.ib_privilege_toggle label:first-of-type {border-radius: 0px 4px 4px 0px; }
.ib_privilege_toggle label:last-of-type {  border-radius: 4px 0px 0px 4px; }
.ib_create_group_container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #ffffffed; z-index: 1; }
.ib_create_group_model { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #f1f1f1; }
.ib_create_member_model { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #f1f1f1;height: 100vh;overflow-y:scroll;  }
.ib_create_group_head { background-color: #6f3137; display: flex; justify-content: space-between; color: white; line-height: 40px; padding-left: 20px; font-size: 20px; }
.ib_create_group_body { padding: 10px; }
.ib_form_group {width:300px; display: flex; justify-content: space-between; margin: 10px; }
.ib_close_btn { width: 40px; text-align: center; color: red; font-weight: 700; cursor: pointer; }
.ib_create_group_submit_btn { display: block;  background-color: green; color: white; border: none; margin-left: auto;  margin-right: 10px; line-height: 30px; padding: 0 10px; }

/* Registration Managemet */
.ib_registration_management_container { background-color: #f2f1f1; height: calc(100% - 2vw); }
.ib_registration_management_actions { display: flex; justify-content: flex-end; }
.ib_registration_management_content { padding: 20px; }
.ib_new_registration_field_body { padding: 20px; margin: 0 !important; background-color: white; color: #6f3137; border:1px solid #6f3137;text-align:left; justify-content:center; }
.ib_form_toggle { display: flex; align-items: center; margin: 10px; width: 300px; justify-content: space-between; }
.ib_form_toggle_container { display: flex; }
.ib_form_toggle_container input { position: absolute !important; clip: rect(0, 0, 0, 0); height: 1px; width: 1px; border: 0; overflow: hidden; }
.ib_form_toggle_container label { background-color: #e4e4e4; color: rgba(0, 0, 0, 0.6); font-size: 12px; line-height: 1; text-align: center; padding: 4px 8px; margin: 0; margin-right: -1px; border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1); transition: all 0.1s ease-in-out; }
.ib_form_toggle_container label:first-of-type { border-radius: 4px 0 0 4px; }
.ib_form_toggle_container label:last-of-type { border-radius: 0 4px 4px 0; }
.ib_form_toggle_container input:checked + label { background-color: #6f3137; color: white; box-shadow: none; }
.ib_form_toggle span { font-weight: 600; }
.ib_select_input { width: 186px; }
.ib_form_group input[type=text] , .ib_form_group input[type=number]{ padding: 0 5px; border: 1px solid #6f3137; width:186px; height:36px; }
.ib_new_registration_actions.col-sm-8 { display: flex; justify-content: flex-end; margin: 10px; }
.ib_form_spacer { margin: 10px; }

/* Datatable sorting icons */
table.dataTable thead th.sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before{ position:absolute; content: "" !important; top: 10px !important; right: unset !important;left: 8px !important; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid white; }
table.dataTable thead th.sorting:after,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc:after{ position:absolute; content: "" !important; top: 22px !important; right: unset !important;left: 8px !important; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid white; }
table.dataTable thead th{ padding-left: 30px; padding-right:10px;}
.dataTables_wrapper > .row { width: 100%; margin:0; }

/* matching the layout with the psd */
.ibR_roles_manage {height: calc(100% - 2vw); }

/* Page wise style */
/* registration management */
.ib_registration_management_container .ib_table thead th{ background-color: #ffffff; color: #6f3137; border-bottom: 3px solid #c0ab94;  }
.ib_registration_management_container .ib_table thead th:not(:first-child) { border-right: 3px solid; }
.ib_registration_management_container .ib_table thead th:nth-child(2) { text-align: right; padding-right: 20px; }
.ib_registration_management_container .ib_table tbody td:nth-child(2) { text-align: right; padding-right: 20px; }

/* member management */
.ib_member_table .ib_table tbody td{ color: black; }
.ib_member_table table thead th:nth-child(3) { text-align: right; }
.ib_member_table table tbody td:nth-child(3) { text-align: right; }
.ibR_role_wrap{text-align:right !important;}

/* Group management */
.ib_group_management_container table thead th:nth-child(2) { text-align: right; }
.ib_group_management_container table tbody td:nth-child(2) { text-align: right; }

/* author profile page */
.ibR_profile_tab .nav-tabs .nav-link.active{ margin: 0 0 0 10px; border: none; height: 100%; line-height: 27px; }
.ibR_profile_tab .nav-tabs .nav-link { margin: 0 0 0 10px; border: none; height: auto;line-height: 27px; }


/*---------------------------------------------------MEDIA QURIES ---------------------------------------------------*/
@media (max-width: 1440px){ 
    .ib_sidebar_toggle{
        left:5.65vw;
    }
    .ib_sidebar_open {
        left: calc(1vw + 273px);
        transition: .6s;
    }
}
@media (min-width: 1440px){ 
    .ib_sidebar_toggle{
        left:5.65vw;
    }
    .ib_sidebar_open {
        left: calc(1vw + 273px);
        transition: .6s;
    }
}
@media (max-width: 1345px){ 
    ib_sidebar_toggle{
        left:4.40vw;
    }
    .ib_sidebar_open {
        left: calc(1vw + 248px);
        transition: .6s;
    }
    .ibR_logo_middle img {
        height: 100px;
    }
    .ibR_login_btn button{
        width: 100%;
        margin: 1% 0;
        padding: 2% 6%;
        font-size: 14px;
    }
    a.navigation__link.navigation__link_header {
        line-height: 42px;
    }
    .navigation__content {
        font-size: 17px;
    }
    .ibR_section-warp-header .ibR_header-section-name {
        font-size: 10px;
        line-height: 11px;
    }
    .ibR_bk_name{
        font-size: 10px;
        top: -6px;
    }
    .ibR_book_heading_base_img_wrap img {
        width: 97px;
        top: -8px;
    }
}

@media (max-width: 1023px){   
    .ib_sidebar_toggle{
        left:3.30vw;
    }
    .ib_sidebar_open {
        left: calc(1vw + 367px);
        transition: .6s;
    }
    .ibR_user_bio_right_sec .ibR_bio_sec_heading{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .ibR_topic_title{
        flex-wrap: wrap;
        justify-content: center;
        padding: unset;
    }
    .ibR_prof_author_heading{
        margin: 0%;
        flex-wrap: wrap;
    } 
    .ibR_prof_author_footer{
        flex-wrap: wrap;
    }
    .ibR_login_btn button{
        font-size: 12px; 
    }
    .ibR_login_btn a{
        margin-top:2%;
    }
    .ibR_logo_middle h5{
        font-size: 15px;
    }
    .ibR_logo_middle img {
        height: 78px;
    }
    .ibR_logo_left img {
        width: 100px;
    }
    a.navigation__link.navigation__link_header{
        line-height: 38px;
    }
    .navigation__content {
        font-size: 14px;
    }
    .ibR_header-section .col-md-1 {
        padding: 1px;
    }
    .ibR_section-warp-header .ibR_header-section-name {
        font-size: 7px;
        line-height: 8px;
    }
    .ibR_slider .hero {
        left:35%;
    }
    .ibR_menu-footer a {
        font-size: 18px;
    }

    .ibR_user_books .ibR_dpdn_sortby{
        padding:unset;
    }
    .ibR_acc-authentication .ibR_user-profile label{
        white-space: nowrap;
    }
    .ibR_user-profile input {
        width: 84%;
    }
    .ibR_user-profile label {
        white-space: nowrap;
    }

}
@media (max-width: 768px){ 
    .ib_sidebar_toggle{
        left:3.30vw;
    }
    .ib_sidebar_open {
        left: calc(1vw + 371px);
        transition: .6s;
    }
    .ibR_header-login .ibR_login_btn {
        display: block;
    }
    .ib_main_content {
        flex-wrap: wrap;
    }
    .ib_sidebar > div {
        width: 100%;
    }
    .ib_user_profile_description {
        max-width: unset;
    }
    .ib_user_profile_cover_img img {
        max-width: 100%;
    }
    .ib_user_profile_details{
        text-align:center;
    }
    .ibR_slider .carousel-inner .carousel-item{
        height: auto;
    }
    .ibR_slider .carousel-inner img {
        position: relative;
        height: auto;
        width: 100%;
    }

}
@media (max-width: 767px){
    .ib_sidebar_open,.ib_sidebar_toggle {
        left: unset;
        right: 0vw;
    }
    .ibR_btn_prm,.ibR_btn_create_acc {
        width: 100% !important;
    }    
    .ib_group_management_blocks {
        flex: 0 0 25%;
        max-width: 25%;
        text-align: center;
    }
    .ib_group_management_name{
        font-size:14px;
    }
    .language {       
        padding: 0;
        margin: 8px 0;
    }
    .ibR_header-left {
        flex-direction: column;
    }
    .ibR_header_main {
        justify-content: center;
        flex-direction: column;
    }
    .ibsh_search {
        flex: 0 0 100%;
        max-width: 100%;
        margin: auto;
    }
    .ibR_search_wrap {
        margin: 8px 0;
        padding-left: 0;
    }    
    .ibR_logo_middle img {
        height: 93px;
    }    
    .ibR_section-warp-header img {
        height: 30vw;
    }
    .ibR_section-warp-header .ibR_header-section-name{
        width:30vw;
        padding:0 20px;
    }
    .ibR_user-profile input {
        width:100%;
    }
    .profile_image img{
        max-height: 150px;
    }

}
@media (max-width: 480px){

    .mg-rght-20{
        text-align: right!important;
    }

    .ib_headname{
        font-size: 18px!important;
    }
    
    .navigation.navigation_header {
        width: 100%;
        position: absolute;
        top: 139px;
    }
    .navigation__content {
        display: block !important;
        font-size: 15px;  
        overflow: auto;
        max-height: 225px;
        height: auto;
    }
    a.navigation__link.navigation__link_header {
        padding: 11px 11px;
        line-height: 21px;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        text-align: center;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }
    .ibR_nav_bar_mob{
        display:block !important;
        position: absolute;
        left: 3%;
        font-size: 23px !important;
        color: #c0ab94;
    }
    .navigation_header{
        display:none;
    }
    .ibR_header_sub {
        padding: 3vw;
        width:unset;
    }
    .ibR_header-login{
        /*width: 80%;*/
        margin: auto;
    }
    .ibR_logo_left img {
        width: 90px;
        height: auto;
    }
    .ibR_logo_middle img {
        height: 68px;
    }
    .ibR_logo_middle H5 {
        font-size: 18px;
    }

    .ibR_header_sub .col-md-3,.ibR_header_sub .col-md-6{
        margin:1% 0;
    }
    .ibR_login_btn{
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .ibR_slider .hero {
        left:50%;
    }
    .ibR_logo-page-home {
        height: 215px;
    }
    .ibR_menu-footer a {
        font-size: 11px;
    }    
    .ibR_footer-social-icons .ibR_icon_social img {
        height: 20px;
        width: 20px;
    }
    .ibR_footer-logo img {
        width: 34vw;
    }

    .ibR_profile_tab .nav-tabs {
        border-bottom: 1px solid #dee2e6;
        padding: unset;
    }
    /* .ibR_profile_tab .nav-tabs .nav-item {
        width: 100%;
        margin: 1% 0;
    } */
    .ibR_book_heading_base_img_wrap img {
        width: 55vw!important;
        top: -20px;
    }
    .ibR_bk_name{
        font-size:20px;
    }
    .ibR_acc-authentication .ibR_profile-heading {
        top: -15px;
        font-size: 23px;
    }
    .ibR_btn_prm,.ibR_btn_create_acc {
        width: 100% !important;
    }
    .ibR_user-profile label {
        white-space: inherit;
    }
    .ib_sidebar {
        width: auto!important;
    }

    .article_icon_div .flex-icons .article_icons{
        margin-right: 5px !important;
        margin-left: 5px!important;
    }
    .articles-header{
        display: block;
    }
    #myPostData .data-date{
        width: 100%;
        padding-left:0px!important;
        padding-right:0px!important;
    }

    .article_icon_div .flex-icons{
        justify-content: center!important;
    }
}


@media (max-width:360px){
    .upload-btn-wrapper {
        margin-top: 25%;
    }
    .ibR_book_heading_base_img_wrap img {
        width: 53vw!important;
        top: -14px;
    }
    .ibR_bk_name{
        font-size:15px;
    }
}

.selectize-center .selectize-control{
    width: 140px!important;
}

.gridview_table_length{
    width: 80px!important;
}


.spec_edit,.btn-editicon{
    float: left;
}
table.dataTable thead th.sorting_disabled {
    padding-left:10px
}
.ib_table thead th  {
    padding-right: 10px !important; 
}  
#specialization_table  td  {
    text-align: center !important; 
} 
#specialization_table  td.float-left-cst{
    text-align: right !important;
}
.ib_user_tool_text{ display: block; font-size: 14px; white-space: nowrap; }

.trumbowyg-dropdown button {
    text-align: right !important;
}

.left-float{
    float: right;
}
.right-float{
    float: left;
}
.select2-container{
    width : 100%!important;
}

.dataTables_length .select2-container{
    width : 45%!important;
}
img.ibR_article_check {
    height: 18px;
    float: left;
    margin-top: -22px;
    margin-left: 8px;
}
.ib_but{
    margin-left: 8px; 
}
.mar-right-10{
    margin-left: 10px!important;;
}
.gv-span {
    margin-right: 10px;
}
.topic_icons img, .topic_icons i{
    margin-left: 10px;
}
.ibJ_sq,.ibJ_qs {
   border-top-right-radius: 22px;
}
.ibJ_jaya { 
    text-align: left;
}
.left_sq {
    border-top-right-radius: 22px;
}

/*.gridview_table_length.single .selectize-input:after,.gv_direction_change.single .selectize-input:after,.gv_select_change.single .selectize-input:after,.table_member_management_length.single .selectize-input:after{ 
    right:5px !important;
}*/
/* profile */
.profile .user .avatar {
    right: 20px;
}
.pad-right-0{
    padding-left: 0px;
}
.selectize-control.rtl.single .selectize-input:after {
    left: 5px;
    right: auto;
}
label.form__label {
    margin: 0  0 0 14px;
}
.cover_img_profile{
    /*bottom: 20px;*/
    left: 30px;
}
.newavatar .ibR_user_img_upload {
    bottom: 0;
    right: 43px;
}
.right-text{
    text-align: left;
}
.left-text{
    text-align: left; 
}
.selectize-center .selectize-input.items,.selectize-center .selectize-control.single .selectize-input.input-active, .selectize-input, .selectize-center  .selectize-dropdown-content{
     text-align: center !important; 
}
.trumbowyg-dropdown-left .trumbowyg-dropdown button{
    text-align: left !important; 
}
.trumbowyg-dropdown-left .trumbowyg-dropdown-textdirection {
    width: 137px;
}
.certificate_container .camera-class { position: absolute; bottom:0; left:10px; }
.white-btn {
    border: 2px solid #073763;
    border-radius: 6px;
    padding: 1px 12px;
    font-weight: 600;
    font-size: 20px;
}
.question_btn {
    width: 122px;
}
   .search_subject{
        background-size: 20px;
        background-repeat: no-repeat;
        background-position: center;
        width: 45px;
        background-image: url(/uploads/searchicon.png);
        border: none !important;
    }
.sidebar_date_text {
    direction: ltr;
}

.ib_courses{
    background-color: rgb(255, 255, 255);
}

.course_bg_div {
    border-radius: 69px;
    height: 55px;
    width: 55px;
    margin: 0 auto;
}

.ib_account_controls_container{
    width: 50%;
}
@media screen and (max-width:600px){

    .ib_account_controls_container{
        width: 100%;
    }
    .newimg-cover{
        width: 100%;
        height: auto;
    }

    .button_profile_left{
        padding-top: 20px;
    }

    .ibR_user_db_val{
        width: 138px!important;
    }


    .button_profile_right{
        position: relative;
        bottom: 53px;
    }

    .ib_tabs .nav-link span{
        font-size: 18px!important;
    }

    .following, .follower{
        width: 50%!important;
    }

    .all_follow{
        margin-right: -4px;
    }

    .adjust-width{
        font-size: 12px;
        text-align: center;
    }
    .button_filter_wrap{
        padding-top: 10px;
    }

    /* .ibR_profile_tab .nav-tabs .nav-item {
        width: 105px;
        margin: 1% 0;
    } */
    .ib_table thead th, .ib_table thead td a{
        font-size: 11px!important;
    }

    .ibR_profile_tab .nav-tabs .nav-item a{
        font-size: 14px;
    }
    .gridview_table_length .selectize-input{
        width: 50px;
    }

        .ibR_header_main {
          flex-direction:column
        }
        .ibR_icon-social{
            order: 1;
            position: relative;
            right: 34px
        }
        .ibR_language{
            order: 2;
            float: right;
            position: absolute;
            top: 0px;
            right: 48px;
        }

        .ibR_mem_dpdn{
            display: inline;
        }
        .ibsh_search{
            max-width: 73%;
            margin: auto;
            float: left;
            margin-left: 60px;
            width: 73%;
        }
        .selectize-center{
            width: 100%;
        }

        .ibR_login_btn{
            width: 100%;
            padding-bottom: 48px;
        }

        .ibR_btn_prm{
            float: left;
            width: 48%!important;
            padding: 5px;
            height: 37px!important;
        }

        .ibR_btn_create_acc{
            float: left;
            width: 48%!important;
            height: 37px!important;
            float: right;
        }

        .dashbord_logout{
            float: right;
            position: absolute;
            left: 52%;
            width: 100%
        }

        .ibR_logo_middle img {
            height: 65px;
            width: 303px;
        }

        .ibR_logo_left img {
            width: 83px;
            height: 51px;
        }

        .course_tbl_gridviewbtn, .course_tbl_listviewbtn{
            position: relative;
            top: 40px;
            left: 240px;
        }

        .mar-right-10{
            width: auto;
        }

        .home_tab{
            flex-direction: column;
        }

        .home_tab .filter{
            order: 3;
        }

        .home_tab .ibR_search_wrap{
            order: 1;
        }

        .home_tab .courses{
            order: 2;
        }
        

        .ibR_txt_srt{
            margin-left: 10px;
            width: 90px;
        }

        .margin_sort{
            display: flex;
            position: absolute;
            width: 100%;
            right: 0px; 
        }

        .margin_sort .selectize-center{
            width: 50%;
        }

        .courses_col{
            width: 100%;
        }
        .ibR_bio_sec_heading{
            margin-top: -4px;
        }

        .new_course_desp.new_course_border{
            margin-bottom: 15px;
        }

        .dataTables_wrapper{
            overflow: hidden!important;
        }

        .ibR_login_btn a{
            width: 100%!important;
        }

        .mar-right-10{
            margin-bottom: 10px;
        }

        .ib_table td, .ib_table th {
            font-size: 11px!important;
        }
        

        .lesson-btns .ib_btn {
            width: auto!important;
        }
        .course-info_img {
            width: 100%;
            padding: 14px;
        }

        .course_bg_div {
            border-radius: 69px;
            height: 55px;
            width: 55px;
            margin: 0 auto;
        }
}


.icons{
    position: relative;
    display: inline-block;
    left: 45px;
}


  
  .icons .ex_icon {
    left: 50px!important;
    top: -5px!important;
  }
  


  .tooltipicon {
    position: relative;
    display: inline-block;
    margin-right: 6px;
  }
  
  /* Tooltip text */


  .tooltipicon .tooltipicontext {
    visibility: hidden;
    width: auto;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    bottom: 110%;
    left: 50%;
  }
  
  /* Show the tooltip text when you mouse over the tooltip container */
  .tooltipicon:hover .tooltipicontext {
    visibility: visible;
  }
/* Reseting default element styles */
p{ margin-bottom: 0px; }

.ibR_crcl {
    /*    color: red;
        font-size: 14px;*/
    /*line-height: 50px;*/
    margin: 16px 8px;
    /*    border-radius: 12px;
        border: 2px solid white;
        background: red;*/
}
.ib_user_tool_count_green {
    background-color: #348319;
    color: #fff;
    padding: 4px 5px;
    border-radius: 5px;
    font-size: 12px;
}

.trumbowyg-editor iframe, #copy-text iframe, .container-fluid iframe, .ibsh_content_wrap iframe{
    width: 640px!important;
    height: 360px!important;
}

.ib_page_subheading{
    min-height: 80px!important;
}
.ib_user_tool_count_red {
    background-color: #e32138;
    color: #fff;
    padding: 4px 4px;
    border-radius: 5px;
    font-size: 12px;
}
#table_member_management input[type=checkbox] + table_member_management label:before{
    margin-top: 7px !important;
}
#table_member_management_wrapper,#listview_table_wrapper,#gridview_table_wrapper, .ib_registration_management_content{
    overflow-x:auto; 
}
.slick-loading .slick-slide,.slick-loading .slick-track
{visibility:hidden}

.slick-list,.slick-slider,.slick-track{display:block;position:relative}

.slick-list
{overflow:hidden;margin:0;padding:0}

.slick-list.dragging
{cursor:pointer;cursor:hand}

.slick-slider .slick-list,.slick-slider .slick-track
{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}

.slick-track
{left:0;top:0;margin-left:auto;margin-right:auto}

.slick-track:after,.slick-track:before
{content:"";display:table}

.slick-track:after
{clear:both}

.slick-slide
{float:left;height:100%;min-height:1px;display:none}

.slick-slide img{display:block}

.slick-slide.slick-loading img
{display:none}

.slick-slide.dragging img
{pointer-events:none}

.slick-initialized .slick-slide
{display:block}

.slick-vertical .slick-slide
{display:block;height:auto;border:1px solid transparent}

*,.slick-list:focus,a:active,a:hover
{outline:0}

.certificates-dropdown
{opacity:0;height:0;overflow:hidden}

.certificates-dropdown.active
{opacity:1;height:auto;overflow:visible}

.certificates-dropdown
{display:contents}

.certificates-dropdown:hover
{background:#fff!important}

.certificates-dropdown.active
{display:table-row}

.certificates-dropdown__wrap
{display:block;max-width:730px;margin:0 auto;padding-top:15px}

.certificates-dropdown__wrap .certificates-dropdown__footer .certificates-dropdown__print
{color:#9d9d9d!important;font-size:16px;font-weight:700;text-transform:uppercase;padding-left:25px;position:relative;text-decoration:none;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}

.certificates-dropdown__wrap .certificates-dropdown__footer .certificates-dropdown_arrows .slick-arrow
{color:#fff;width:18px;position:absolute;height:30px;top:1px;display:block;text-indent:-9999px;border:none;background:#22558e}

.certificates-dropdown__wrap .certificates-dropdown__footer .certificates-dropdown_arrows .slick-arrow::after,.certificates-dropdown__wrap .certificates-dropdown__footer .certificates-dropdown__print::before
{font-family: FontAwesome;speak:none;font-style:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;left:0;font-weight:400}

.certificates-dropdown__wrap .certificates-dropdown__footer .certificates-dropdown__print::before
{content:'\f02f';font-size:15px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}

.certificates-dropdown__wrap .certificates-dropdown__footer .certificates-dropdown__print:hover
{color:#22558e!important}

.certificates-dropdown__images
{border:1px solid #e9e9e9;padding:20px;margin-bottom:14px}

.certificates-dropdown__footer
{border:1px solid #e9e9e9;padding:20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:15px}

.certificates-dropdown__wrap .certificates-dropdown__footer .certificates-dropdown__print::before
{top:40%}

.certificates-dropdown_arrows
{-webkit-box-flex:0;-webkit-flex:0 0 85px;-ms-flex:0 0 85px;flex:0 0 85px;max-width:85px;height:32px;background:#22558e;-webkit-box-shadow:5px 3px 8px rgba(0,0,0,.15);box-shadow:5px 3px 8px rgba(0,0,0,.15);-webkit-border-radius:16px;border-radius:16px;position:relative}

.certificates-dropdown__wrap .certificates-dropdown__footer .slick-disabled,.single-nav__arrow_disabled
{opacity:.22}

.certificates-dropdown
{opacity:0;height:0;overflow:hidden}

.certificates-dropdown.active
{opacity:1;height:auto;overflow:visible}

.certificates-dropdown
{display:contents}

.certificates-dropdown__wrap .certificates-dropdown__footer .certificates-dropdown_arrows .slick-arrow.slick-prev
{left:9px}

.certificates-dropdown__wrap .certificates-dropdown__footer .certificates-dropdown_arrows .slick-arrow.slick-prev::after
{-webkit-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);content:'\f061';}

.certificates-dropdown__wrap .certificates-dropdown__footer .certificates-dropdown_arrows .slick-arrow.slick-next
{right:9px}

.certificates-dropdown__wrap .certificates-dropdown__footer .certificates-dropdown_arrows .slick-arrow.slick-next::after
{content:'\f061'}

.certificates-dropdown__wrap .certificates-dropdown__footer  .slick-disabled:hover
{color:#fff}

.certificates-dropdown__wrap .certificates-dropdown__footer .slick-dots
{margin-bottom:0;padding:0 15px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}

.certificates-dropdown__wrap .certificates-dropdown__footer .slick-dots li
{list-style:none;margin-right:11px}

.certificates-dropdown__wrap .certificates-dropdown__footer .slick-dots li.slick-active button
{background:#060606}

.certificates-dropdown__wrap .certificates-dropdown__footer .slick-dots button
{display:block;text-indent:-9999px;width:10px;height:10px;-webkit-border-radius:50%;border-radius:50%;background:#dedede;opacity:.5;-webkit-transition:.4s;-o-transition:.4s;transition:.4s;border:none}

.certificates-dropdown__wrap .certificates-dropdown__footer .slick-dots button:hover{background:#22558e}

.certificates-dropdown__wrap .certificates-dropdown__footer .certificates-dropdown_arrows .slick-arrow::after
{font-size:18px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-indent:0;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}

.slick-dots button:hover
{background:#22558e}

.exam_question{
    text-align: start!important;
}
.bg_color_gray{
    background-color: #d0d0d0;
}
.certificate_header_img{
    width: 32%;float: right; margin-top: -16px;
}
.certificate_header_image{
    width: 51%; margin-top: -16px;padding:24px;
}
.certificate_header{
    background-color:#f6f6f6;
    text-align:center;
    padding:2px;
    height: 22%;
}  
.certificate_main_img{
    width: 80%;
    margin-left: 11%;
    background-color: white;
    border: 4px solid #bdbaba;
    border-radius: 14px;
    padding: 10%;
}
.content_certificate{
    text-align: center;
    transform: translate(67%, -103%);
    position: absolute;
    display: grid;
}
.width_certificate{
    width: 17%;
}
.certificate_header_img2{

    width: 16%;
    margin-top: 4px;
    position: absolute;
    margin-left: 6%;

}
.font-certificate {
    line-height: 32px;
}
.font-smaller{
    font-size: 16px!important; 
}

.cer_font{
    font-size: 13px!important; 
}
.font_bolder{
    font-size: 26px!important; 
}
.font_medium{
    font-size: 25px!important; 
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .certificate_header_img{
        margin-top: -15px;
    }
    .certificate_header_img2{
        width: 24%;
        margin-top: 3%;
        position: absolute;
        margin-left: 16%;

    }

    #gridview_table_public_ td{
        padding: 4px!important;
    }
    .font_bolder{
        font-size: 19px!important; 
    }
    .font_medium{
        font-size: 19px!important; 
    }
    .content_certificate{
        text-align: center;
        transform: translate(68%, -120%);
        position: absolute;
        display:grid;
        font-size: smaller!important;

    }
    .width_certificate{
        width: 11%;
    }
    .font-certificate {
        line-height: 25px;
    }
}
.ib_sidebar a {
    text-decoration: none;
    color:unset;
}
.permision_title span{
    font-size: 15px;
}
.btn_danger,.btn_danger:hover {
    background: #6f3137 !important;
    padding: 8px 10px !important;
    border-radius: 9px;
    color: #fff;
    line-height: 1;
}
.ibR_modal_title{
    color: #6f3137;
    font-size: 24px;
}
.ibR_rmember-inner-form {
    width: 480px;
    padding: 0 12px;

}
.cultural_role {
    height: 40px;
    overflow-y: hidden;
}
.ibR_role_wrap{
    position: relative;
}
.cultural_role:after {
    content: '\25be';
    position: absolute;
    z-index: 999999;
    top: 50%;
    /* left: 10px; */
    right: 41%;
    background: #fff;
    height: 20px;
    width: 20px;
    padding-left: 5px;
}
button.ibR_btn_follow {
    padding: 2px 18px;
}
.ibR_user-profile .ib_personal_info input {

    width: 100% !important; 
}
.ib_create_member_model {
    z-index: 9999;
}
.ib_create_member_container{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffffed;
    z-index: 1;
} 
.icon_wrap_grp {
    margin-bottom: 20px;
}
.first-icon_wrap_grp{
    margin-bottom: 20px;
}
.ibR_modal_textarea,input{
    border: 1px solid #6f3137;
}
.verification{
    font-size: 16px !important;
    margin-top: 10px;
}
.verification-msg-section {
    background: #b7f3c7;
    color: #113a16;
    padding: 7px;
    line-height: 1;
}
.ibsh_search {
    flex: 0 0 25%;
    max-width: 25%;
}
a {
    text-decoration: none !important;
    cursor: pointer;
    color:unset;
}
/*.cbx {
  margin: auto;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
}
.cbx span {
  display: inline-block;
  vertical-align: middle;
  transform: translate3d(0, 0, 0);
}
.cbx span:first-child {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  transform: scale(1);
  vertical-align: middle;
  border: 1px solid #3e0f05;
  transition: all 0.2s ease;
  background-color: #fff;
}
.cbx span:first-child svg {
  position: absolute;
  top: 3px;
  left: 2px;
  fill: none;
  stroke: #6f3137;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
}
.cbx span:first-child:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #fff;
  display: block;
  transform: scale(0);
  opacity: 1;
  border-radius: 50%;
}
.cbx span:last-child {
  padding-left: 8px;
}
.cbx:hover span:first-child {
  border-color: #3e0f05;
}

.inp-cbx:checked + .cbx span:first-child {
    background: #ffffff;
    border-color: #3e0f05;
    animation: wave 0.4s ease;
}
.inp-cbx:checked + .cbx span:first-child svg {
  stroke-dashoffset: 0;
}
.inp-cbx:checked + .cbx span:first-child:before {
  transform: scale(3.5);
  opacity: 0;
  transition: all 0.6s ease;
}*/

@keyframes wave {
    50% {
        transform: scale(0.9);
    }
}
.ibR_sub_role_wrap{
    padding:25px;
}

.ibR_sub_role_wrap .ib_group_management_body,.ibR_sub_role_wrap .management_tool,.ibR_sub_role_wrap .user_tools{
    background-color: rgb( 239, 239, 239 );
    padding: 2%;
    margin: unset;
}
.ibR_group_management_sub_role .ib_group_management {
    width: unset !important;
    margin-top: 0px;
}

.ibR_other_management_tool{
    background-color: rgb( 111, 49, 55 );
    font-size: 35px;
    line-height: 50px;
    color: #fff;
    font-family: "MyriadPro";
}

::-webkit-scrollbar {
    height: 8px;
}
::-webkit-scrollbar-thumb {
    background-color: #6f3137;
    border-radius: 10px;
}
::-webkit-scrollbar-track {
    background-color: #ffffff;
}
::-webkit-scrollbar {width: 16px;}
::-webkit-scrollbar-thumb { background-color: #6f3137;border-radius: 10px;}
::-webkit-scrollbar-track {background-color: #ffffff;}

/* Sidebar highlight */
.ib_my_profile_menu.active { background-color: #6f3137; }
.ib_my_profile_menu.active .ib_my_profile_menu_name { color: white; }


/* table overflow */
.ib_table_overflow{ overflow:auto; }

.ibR_header-login .ibR_login_btn{
    display: flex;
    justify-content:space-around;
}
/*.ibR_header-login button {*/
/*    flex: 0 0 30%;*/
/*}*/
.ibR_header-login .form-group {
    margin-bottom: 0.5rem;
}
.ibR_header-login label {
    margin-bottom: 0 !important;
    color: #3e0f05;
}
.ibR_icon_delete img {
    height: 17px;
}
button.ibR_icon_delete {
    border: unset;
    border-radius: 5px;
    background-color: #6f3137;
    line-height: 26px;
}
.ibR_usr_activity_log ul.timeline {
    list-style-type: none;
    position: relative;
}
.ibR_usr_activity_log ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}

.ibA_sub_txt{
    font-size: 18px !important;
}
.ibR_usr_activity_log ul.timeline > li {
    margin: 20px 0;
    padding-left: 20px;
    margin: 20px 0;
    padding-left: 20px;
    background-color: rgba(192, 171, 148, 0.4);
    border-radius: 10px 0px 10px 0px;
    padding: 15px;
}
.selectize-input .item,.selectize-dropdown-content .option{
    font-size: 18px !important;
}
.selectize-dropdown .option {
    line-height: 20px !important;
}
div.dataTables_wrapper div.dataTables_filter input {
    adding-right: 0;
    width: 300px;
}
#table_member_management_wrapper .col-md-6{
    padding-right: 0;
    margin-right: 0;
}
.selectize-input {
    padding: 4px 8px;
}
.ibR_acty_dt{
    float:right;
    color: #84694c;
    font-weight: 500;
}
.ibR_act_type {
    color: #6f3137;
    font-size: 18px;
    font-weight: bold;
}
button.ibR_btn_follow {
    background-color: #6f3137;
    border: unset;
    color: #fff;
}
.ibR_bglightwrap{
    background-color: rgb( 226, 223, 218 )!important;
}
.ibR_bgdarkwrap{
    color: #ffffff; 
    background-color: #ebd0b2;
}
.star-div{
    /*background-color:  #f2f1f1;*/
    padding: 5px;
}
/*.ibR_editcover{
    position: absolute;
    bottom:  10px;
    right: 50px;
}*/
.margin-left-15{
    margin-left: 15px;
}
.margin-top-15{
    margin-top: 15px;
}
.margin-right-15{
    margin-right: 15px;
}
.margin-bottom-15{
    margin-bottom: 15px;
}
.margin-15{
    margin: 15px;
}

.select2-container--default .select2-selection--single {
    height: 35px!important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 32px!important;
}
.ibR_main{
    padding:45px 1vw;
    margin:1vw; 
    background-color: #fff;
}
.ibR_main_wrap{
    background-color: #fff;
}
.ibR_main .ib_table tbody tr:nth-child(2n+1) {
    background-color: #f2f1f1 !important;
}
.ibR_main td{ 
    white-space: nowrap;
}
.h-20{
    height: 20px;
}
.h-38{
    height: 38px;
}
.h-41{
    height: 41px;
}
.spec_btn{
    position: absolute;
    right: 20px;
    top: 15px;
}

.specialization .ibR_book_heading_base_img_wrap img {
    width: 70%;  
    top: -5px;
}
.specialization .ibR_bk_name{
    top:0px;
    font-weight: bold;
    font-size: 18px;
}
.ibR_book_desc{
    padding:20px 0px;
    font-weight: bold;
}
.ibR_forecolor{ 
    color: #6f3137;
}
.ibR_preface p{
    font-size: 18px;
}
.action_block{  
    border-radius: 5px;
    padding-top: 10px;
}
.action_block img{
    width:25px;
}
.action_block p{
    font-size: 14px;
    color:white;
}
.action_block li {
    margin-right:15px !important;
    margin-left:15px !important;
}
.ibr_extradark{
    background-color:#6f3137;
}
.font-14 span,.font-14{
    font-size: 14px !important;
}
.btn-round span, .btn-round{
    border-radius: 15px;
}
.action-btns a{
    width: 70px;
}

.ibR_book_cover img {
    /*object-fit: cover;*/
    width: 100%;
    height: 200px;
}
/* Force Width Class Start*/
.fw-110px{
    width: 110px !important;
}
.fw-120px{
    width: 120px !important;
}
.fw-130px{
    width: 130px !important;
}
/* Force Width Class End*/
.w-120px{
    width: 120px;
    max-width:120px;
}
.w-100px{
    width: 100px;
    max-width:100px;
}
.w-110px{
    width: 110px;
}
.w-115px{
    width: 115px;
    max-width:115px;
}
.w-122px{
    width: 122px;
    max-width:122px;
}
.w-133px{
    width: 133px;
}
.w-140px{
    width: 140px;
    max-width:140px;
}
.w-152px{
    width: 152px;
    max-width:152px;
}
.w-165px{
    width: 182px;
    max-width:182px;
}
.w-60px{
    width:60px;
    max-width:60px;
}
.w-80px{
    width:80px;
}
.w-85px{
    width:85px;
    max-width: 85px;
}
.w-95px{
    width:95px;
    max-width:95px;
}
.ibR_profile_tab .nav-link{
    width: auto !important;
}
.ib_account_controls_value .selectize-dropdown-content .option , .ib_account_controls_value .selectize-input .item{
    font-size: 14px !important;
} 
.errorbar{ 
    border: 2px solid #721c24;
    border-radius: 0px;
}
.successbar{ 
    border: 2px solid #155724;
    border-radius: 0px;
}
.iconblock{ 
    float: left; 
    color: white;
    padding: 0px 1px;
}
.successbar .iconblock{
    padding: 3px 7px 3px 3px;
    background-color: #094539 !important;
}
.iconblock img{
    width: 34px;
}
.iconblock i{
    font-size: 40px;
}
.textblock{
    text-transform: capitalize;
    padding: 8px;
    padding-left: 75px;
}
.user_tools .ib_user_tools_tool{
    flex: 0 0 25%;
    max-width: 25%;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 390px) {
.user_tools .ib_user_tools_tool{
    flex: 0 0 33%;
    max-width: 33%;
}	
}	
.ib_header_create_style{
    border: none;
    background-color: #6f3137;
    color: white;
    text-align: left;
    line-height: 25px;
    padding: 0 10px;
    padding-top: 10px;
    margin-bottom: 3px;
    white-space: nowrap;
    width: 288px;
    font-size: 22px;
    font-weight: bold;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
#profile_private_information,.ibR_general_information {
    margin: 4%;
}
.border-t-7{
    border-top: 7px solid #6f3137
}
.horizontal-bar{
    border-top: 15px solid #6f3137
}
.lh-08{
    line-height: 0.8;
}
.font-bold{
    font-weight: bold;
}
.ibR_book_heading_base_wrap{
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: #fff;

    background-color:#6f3137; 
    font-weight : bold;
    font-size: 24px; 
    line-height: 50px; 
    text-align: center;
    text-transform: capitalize; 
}

.ibR_preface{
    background-color: #eae8e5;
    padding: 15px;
}
.ibR_book_wrap_sub {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background-color: #eae8e5;
    padding: 10px 0px;
}
.ibR_book_wrap_padd{
    padding: 0px 22px;
}
@media (max-width: 480px){

    .mg-rght-20{
        position: relative;
        top: 0px!important;
        font-size: 12px;
    }

    .ib_header_create_style, .ib_page_subheading{
        font-size: 15px!important;
    }

    .ib_headname{
        font-size: 18px!important;
    }
    .ib_headpost{
        font-size: 13px!important;
    }

    .articles-header__img{
        height: 50px!important;
        width: 50px!important;
    }

    .ib_page_subheading{
        min-height: 27px !important;
    }

    .white-btn{
        padding: 1px 0px!important;
    }

    .add_new_course a {
        position: relative;
        right: 66px;
        bottom: 5px;
    }

    .ib_page_subheading a{
        font-size: 20px;
    }
    .question_btn{
        width: 98px !important;
        height: 26px !important;
    }
    .articles__img {
        width: 100%;
    }
    .ib_header_create_style{
        width: auto;
    }
    .mobile-icon_wrap{
        display: flex;
        flex-wrap: wrap;
    }
    .icon_wrap_grp{
        width: 25%; 
        flex: 0 0 25%;
        max-width: 25%;
        text-align: center;
    }
    .nav_header{
        width: unset;border: none!important; border-radius: none!important;position: unset!important;margin-top: 2%;
    }
    .hed-br-ri b{
        display:none!important;
    }
    .nav-image{
        position: unset!important; 
    }
    .hed-br{
        height: unset!important;
        width: unset!important;
    }
    .nav-padding{
        padding: 11px 11px!important;
    }

    #last_publish .nav-item{
        width:85px!important;
        text-align: center;
    }

    /* .ibR_profile_tab .nav-tabs .nav-item{
        width:110px!important;
    } */
 
    #last_publish .nav-item a, 
    .ibR_profile_tab .nav-tabs .nav-item a, 
    .ibR_profile_tab .nav-tabs .nav-link.active,
    .ib_stats_right .ibR_profile_tab .nav-tabs .nav-link.active{
        font-size: 10px!important;
    }

}
.btn-editicon img{
    width: 30px;padding: 2px 5px;
}
.ibr_specialdiv{
    border-radius: 15px;
    border: 1px solid #4d514d;
} 
.main-slider__text {
    font-size: 16px;
    line-height: 1.875;
    max-height: 88px;
    overflow: hidden;
    color: #6f3137 !important;
}

.articles-header__image {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 53px;
    -ms-flex: 0 0 53px;
    flex: 0 0 53px;
    max-width: 53px;
    margin-right: 20px;
}
.articles-header__author {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 35%;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
    /*padding: 20px;*/
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-style: italic;
}
.articles-header {
    display: flex; 
}
@media only screen and (min-width:  1440px){

    .ib_artl_lgo img {  width: 100px !important; height: 100px !important; }
    .nav_header{
        width: 65%;border: 4px solid white; border-radius: 39px;position: relative;margin-right: auto;margin-left: auto;box-shadow: 2px 1px 15px 7px #004080!important;
    }
}
@media (max-width: 767px){
    .ib_artl_lgo img {  width: 100px !important; height: 100px !important; }
    .articles__container {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    } 
    .articles__image {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    } 
    .articles__body {
        margin-top: 0;
    }
    .articles__body {
        margin-top: -38px;
        -webkit-border-radius: 0 0 38px 38px;
        border-radius: 0 0 38px 38px;
        padding-bottom: 20px;
    }
}
@media only screen and (min-width: 1200px){

    .articles-header__view{
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 21.3%;
        -ms-flex: 0 0 21.3%;
        flex: 0 0 21.3%;
        max-width: 18.3%;
        font-size: 14px;
    }
    .articles-header__img {
        -webkit-border-radius: 50%;
        border-radius: 50%;
        height: 37px;
    }  
    .articles-header__author{
        -webkit-flex: 0 0 35%;
        -ms-flex: 0 0 35%;
        flex: 0 0 38%;
        max-width: 46%;
        /*padding: 14px 13px;*/
        font-size: 13px;
    }

    /*    .articles-header{
            width: 115%;
            margin-left: -2px;
        }*/
    .articles-header__comments{
        max-width: 16.3%;
    } 
    .articles-header__shares{
        max-width:16.3%;
    }

    .articles-header__image{
        -webkit-flex: 0 0 53px;
        -ms-flex: 0 0 53px;
        flex: 0 0 53px;
        max-width: 41px;
        margin-right: 0px;
        margin-left: 0px;
        padding: 0px 4px;

    }
}
.articles__title {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    padding: 15px 20px 10px;
}
.articles__description {
    font-size: 24px;
    line-height: 1.875;
}
.articles__btn {
    color: #22558e!important;
    padding: 0 20px;
    font-size: 16px;
    text-decoration: underline;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.articles__btn:hover {
    border-top: none;
}

.ibM_article_logo img {
    /*    height: 76px;
        width: 81px;
        float: left;
        margin-left: 16px;
        margin-top: 41px;*/
}
.rounded-circle {
    width: 50px;
    height: 50px;
    border: 2px solid #30a4dc;
}
.ibM_title {
    font-size: 3rem !important;
    color: rgb(30, 88, 133);
    float: left;
    margin-left: 10px;
    margin-top: 53px;
}
.ibM_foot { 
    height: 47px;
    margin-left: 14px;
    margin-right: 19px;
}
.ibM_article_date { 
    font-size: 15px;
    color: white; 
}
.ibM_Group_icon {
    text-align: center; 
}
.ibM_header {
    margin-top: 26px;
    background-color: #e1e1e1;
    height: 153px;
    margin-left: 14px;
    margin-right: 19px;
}
.ibM_za {
    display: inline-flex;
    float: right;
    margin-top: 10px;
    margin-right: 11px;
    width: 112px;
}  
.ibM_ey {
    font-size: 18px;
    margin-left: 12px;
    float: left;
} 
.ibM_fot {
    display: flex;
    margin-top: 10px;
    margin-left: 28px;
}
.ibM_article_telegram {
    width: 22px;
    height: 26px;
}
.ibM_article_whatsapp {
    width: 20px;
    margin-left: 9px;
    height: 26px;
}
.ibM_article-follow {
    padding-left: 10px;
    font-size: 20px;
}
ibM_pic {
    margin-top: 11px;
}
.ibM_article_paragraph {
    margin-left: 62px;
    margin-right: 62px;
    margin-top: 46px;
}
.ibM_aticle_w3-panel {
    margin-top: unset;
    margin-top: 2px !important;
}
.ibM_w3-row_right {
    display: inline-flex;
    background-color: #fff;
    margin-top: 4%;
}

.ibM_containers {
    margin-left: 9px;
    width: 66.99999%;
}
.ibM_epsum {
    margin-top: 16px;
}
.ibM_containers p {
    margin-bottom: 5px;
}
@media only screen and (width: 1920px) {
    .ibM_containers {
        margin-left: 15px !important;
    }
    .ibM_w3-row_right {
        width: 100% !important;
    }
    .ibM_add_button {
        margin-left: -162px !important;
    }
}

.ibM_articles {
    margin-top: 17px;
    width: 108px;
    margin-left: 6px;
    padding-bottom: 9px;
}
.ibM_right_heading {
    padding-bottom: 7px;
    font-size: 17px;
    padding-top: 13px;
    text-align: center;
    background-color: rgb(24, 84, 130);
    color: #fff;
}
.ibM_sec_like_wrap {
    height: 247px;
}
.ibM_may-also {
    margin-top: 7%;
}
.ibM_maylike {
    padding-bottom: 18px !important;
    background: white;
    padding: 8px;
}
.ibM_cont {
    /* margin-top: 13px; */
    min-height: 127px;
}
.ibM_article_down-right {
    color: rgb(24, 84, 130);
    font-size: 14px;
    margin-top: 5px;
}
.ibM_navi a {
    float: right;
    color: #3BA7DD;
    margin-bottom: 10px;
}
.ibM_row {
    margin-bottom: 35px !important;
    height: 133px;
    background-color: white;
}
.trumbowyg-fontfamily_7-dropdown-button:hover, .trumbowyg-fontfamily_7-dropdown-button:focus {
    background: #ffffff !important;
    cursor: not-allowed;
}
.font-22{
    font-size: 22px!important
}
.ar_font{
    direction: rtl;
    text-align: right;
    font-family: traditional-arabic;
}
.ar_font > *{
    direction: rtl;
    font-family: traditional-arabic;
    font-size: 22px!important;
}
.ar_direction{
    direction: rtl;
}
.gridview-header{
    background-color: #c0ab94;
}
.gv-no{
    background-color: #660000;
    color: white;
    padding: 10px;
}
.gv-accname{
    padding: 8px 10px;
    font-size: 20px;
    font-weight: bold;
}
.gridview-body{ 
    background-color: #f2f1f1!important;
}


.gridview_course_list tr {
    background-color: unset!important;
    float: left;
    width: 25%;
    display: flex;
    margin-top: 10px;
}


.gridview_course_list tr:nth-child(2n+1) {
    background-color: unset!important;
}
#hidden_gridview_table tr {
    background-color: unset!important;
    float: left;
    width: 25%;
    display: flex;
    margin-top: 10px;
}


#hidden_gridview_table tr:nth-child(2n+1) {
    background-color: unset!important;
}
#gridview_table tr{
    background-color: #f2f1f1!important;
}
.gridview-body h5{
    font-size: 1rem;
}
.gridview-body span.gv-span{
    font-size: 0.8rem;
    white-space: normal;
}
.gridview-body .ibR_tab_btm img{
    height: 28px;
}

.viewSwitchbtnQuestions{
    padding-top: 5px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    cursor: pointer;
}
.viewSwitchbtnQuestions i{
    font-size: 24px;
}

.viewSwitchbtnForums i{
    font-size: 24px;
}

.viewSwitchbtnCertificat{
    padding-top: 5px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    cursor: pointer;
}
.viewSwitchbtnCertificat i{
    font-size: 24px;
}

.viewSwitchbtn{
    padding-top: 5px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    cursor: pointer;
}
.viewSwitchbtn i{
    font-size: 24px;
}
.status_symbol img{
    width: 16px;
}
img.rev_status_icon {
    height: 20px;
    width: 20px
}
.selectize-dropdown{
    z-index: 12;
}

/*Forum */

.row.ibR_forum_title_wrap {
    margin: 0;
    padding: 5px 0px;
}
span.ibR_forum_title {
    color: #ffffff;
    font-weight: bold;
    font-size: 20px;
}
.ibR_forum_title_wrap .col-md-4 {
    display: flex;
    justify-content: flex-end;
}
.ibR_forum_title_wrap .col-sm-2 {
    padding: 0;
    text-align: center;
    color: #fff;
}
.row.ibR_forum_title_wrap img {
    height: 16px;
}

.glyp.ibR_forum_icons {
    padding: 0 3%;
}
.glyp.ibR_forum_icons, .glyp.ibR_forum_icons span {
    color: #1c5784;
    font-size: 16px;
    margin: 16px 6px;
}
.glyp.ibR_forum_icons a {
    margin: 16px 6px;
}
.glyp.ibR_forum_icons span  {
    cursor: pointer;
}

.glyp.ibR_forum_icons img {
    height: 19px;
}
.ib_author_forum {
    background: #e1e1e1;
    height: 84px; 
    clear: both;
}
.at1 {
    padding-top: 12px;

}
.ib_img {
    height: 60px;
    margin-left: 50px;
    border-radius: 30px;
    margin-right: 10px;
    width: 62px;
}
.at2 {
    padding-top: 11px;
}
.a_name {
    font-weight: 900;
    font-size: 19px;
}
.para {
    padding:20px;
    font-size: 16px;
}
.ibsu_editbox {
    background: #CAD3C8;
}
.edit_postlink {
    display: none;
}
.ib_author_su { 
    background: #e1e1e1;
    height: 84px; 
    clear: both; 
}
.ibJ_forum_post {
    color: white;
    font-size: 15px;
    padding: 10px 10px 0px 10px;
    cursor: pointer;
    text-align: center;
}
.date {
    padding:14px 10px 0 0;
}
.ibS_reply {
    margin: 50px 50px 20px 50px;
    font-size: 19px;
}
.ibS_comment {
    background: #fff;
    margin: 0 30px 5px 30px;
    border: 3px solid #d1d8e0;
    padding: 20px 40px 20px 40px;
}
.ib_reply {
    padding: 5px 15px;
}
.ibs_uname {
    font-size: 18px;
    font-weight: bold;
}
.ibS_cmticon2 {
}
.ibS_cmticon {
    padding-right: 17px;
    font-size: 16px;
    cursor: pointer;
}
.ib_modal {
    margin-top: 21.75rem !important;
}
.ib_modal .modal-body {
    padding: 20px 0px;
}
.ib_modal .modal-content {
    border-radius: 32px 0px;
}
.ib_modal .modal-header {
    padding-left: 20px;
    font-weight: 700;
}


.ib-fb {
    background: #3b5998;
    border-radius: 25px;
    padding: 9px 12px;
    color: #fff;
    font-size: 13px;
}
.ib-tw {
    background: #1da1f2;
    border-radius: 25px;
    padding: 9px 10px;
    color: #fff;
    font-size: 14px;
}
.ib-gp {
    background: #dd4b39;
    border-radius: 25px;
    padding: 7px 4px;
    color: #fff;
    font-size: 17px;
}
.ib_telegram {
    background: #1da1f2;
    border-radius: 25px;
    padding: 7px 7px;
    color: #fff;

}
.ib_whatsapp {
    background: #3cd840;
    border-radius: 25px;
    padding: 7px 9px;
    color: #fff;

}
.ib-mem{
    background: #173358;
    border-radius: 25px;
    padding: 13px 11px;
    color: #fff;
    font-size: 22px;
}
.ib-rss {
    background: #ff6600;
    border-radius: 25px;
    padding: 14px 16px;
    color: #fff;
    font-size: 22px;
}
.ib-mem_img{

}

.edit_comment_wrap {
    height: auto;
    background-image: linear-gradient(to right, #616f82,#abaeb1 , #c1c1c1, #616f82) !important;
}


.icn_telegram{

    font-size: 48px;
    color: #0166ff;
    padding-right:10px;
}

.icn_whatsapp{
    font-size: 41px;
    color: white;
    background-color: green;
    width: 49px;
    padding-left: 1px;
    border-radius: 45px;
    height: 48px;
    padding-top: 2px;
}

.trumbowyg-box, .trumbowyg-editor {
    display: block;
    position: relative;
    border: 0px solid #DDD !important;
    width: 100%;
    min-height: 15em!important;
    margin: 17px auto;
}
.trumbowyg-editor {
    background-color: #fff;
} 
.forum_dropdown{
    display: flex;
}
.forum_select{
    width: 150px
}
/* welcome page site stat */

.ib_curheading {
    padding-bottom: unset !important;
    padding: 5px !important; 
}
.site_stat_heading { 
    padding: 8px 8px;
    color: #fff;
    font-size: 26px;
    text-align: center;
}
.ib_om {
    padding: 10px 10px !important;  
    margin-top: 2%;
}

.ib_arrow {
    writing-mode: vertical-rl;
    vertical-align: middle;
    direction: ltr;
}
.currently_visitors {
    margin-top: 8%; 
    background-color:#ffffff;
    padding: 0px !important; 
}
.ib_curvit {
    width: 30px;
}
.ib_summary {
    width: 20px;
    position: absolute;
    left: 5%;
    opacity: 0.5;
}
.summary {
    margin-top: 9%;
    background-color:#ffffff;
    padding: 0px !important;
}
.summary_title { 
    color: #fff;
    text-align: center;
    padding: 5px;
    font-size: 18px; 
}
.sub_nav { 
    background-color: #ffffff;
} 
.ibA_vis_head{
    text-align: center; 
    color: #ffffff;
    font-size: 20px;
}
.ib_visitcount {
    font-weight: bold;
}
.ibA_visitor_heading{
    display: block;
    justify-content: space-around;
    color: #30a4dc;
    padding-bottom: 2px;
    text-align:center;
    align-items: center;
}
.ibA_head_txt, .toogle-visitor{ 
    color: white;
    text-align:center;
    padding:5px; 
    font-size: 26px;

}

.stat_right_heading{

    text-align: center;
    font-size: 22px; 
    color: white;
    /* margin-top: 4%; */
    padding: 13px 0px 11px 0px;
}
.ib_stats_right {
    margin-top: 2%;
}  
.ibA_flag_num {
    padding-top: 24px;
    font-weight: 600;
    font-size: 16px;
} 

.ibA_user{
    width: 60px;
    height: 60px;
    border-radius: 50%; 
}
.ibA_colm{
    font-size: 16px; 
    padding: 3px 0;
}

.ib_sum_count {
    font-weight: bold;
}
.ib_cvm {
    display: inline-block;
    width: calc(50% - 30px);
}
.ib_text_table{ 
    font-size: 17px;
}

.table_head{ 
    color: #fff; 
    font-size: 18px;
}
thead.table_head tr th {
    font-weight: lighter;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fff !important;
}

.table-striped>tbody>tr:nth-of-type(even) {
    background-color: rgb( 242, 241, 241 ) !important;
}
.ib_text_table th:after {
    content: "";
    width: 1px;
    background: white;
    height: 40%;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
}


.ib_text_table th {
    position: relative;
}
.wrap_online_user{
    text-align:center;
}

li.active a {
    color: #009530;
}

.onl_mem{
    font-weight:bold;
}
.ibA_slider_body{
    -webkit-border-radius: 0px !important;
}
.ibA_slidr_btn{
    -webkit-border-radius: 0px !important;
    left: unset !important;
}
.ibA_filter_submit{
    -webkit-border-radius: 0px !important;
}
.ibA_course_bottom{
    padding: 8px 29px 8px 29px !important;
}
.IbA_course_btn{
    border-radius: 30px !important;
}

.ibA_online_mem {
    color: #ffffff;
    font-size: 26px;
}

a.ibA_online_mem:hover {
    color: #ffffff;
}
.ibspan span {
    color: #fff !important;
} 
.courses__title::after {
    background: unset !important;
}
.IbA_filter_select .has-items {
    border-color: #173358 !important;
    border-radius: 0px !important;
    padding-left: 25px !important;
}

.ibA_dropdown {
    border-radius: unset !important;
}
.filter__submit {
    border-radius: 5px !important;
}
.selectize-dropdown {
    border: 1px solid #173358;
}
.selectize-dropdown .option {
    border-bottom: 1px solid #173358;
}
.filter__item_name .selectize-dropdown .option {
    border-bottom: 1px solid #173358;
}
.ibselfstudy {

    color: rgb( 23, 51, 88 );
}
.ibinstitutename {

    color: rgb( 23, 51, 88 );
}
.ibsearch {

    font-weight: bold !important;
}
.header-btm-broder{
    padding-bottom: 65px;
}
@media(max-width: 575px) {
    .ib_mobile {
        display: flex;
        flex-direction: column;
    } 

    .header-btm-broder{
        padding-bottom: 65px;
    }
    .all_plans{
        padding-top: 40px;
    }
    .all_plans img{
        position: relative;
        width: 20px!important;
    }
    .white-btn{
        font-size: 15px!important;
    }

    .selectize-center .selectize-control{
        width: 100px!important;
    }
}
.ib_page_subheading{
    min-height:34px!important
}
@media(max-width:375px) {

    .newprofile .newuser .newavatar {
        position: absolute;
        top: -130px !important;
        left: 30%;
        z-index: 2;
        width: 100px;
    }
}
/* welcome page site stat */

.gridview-bookimage{
    height: 130px;
    width: 100px;
}

.ibR_wall-img-wrap img{
    height: 350px; 
}
.pointer {cursor: pointer;}
/* profile */
.newprofile {
    width: 100%;
    position: relative; 
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.newprofile .newimage {
    display: block;
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-align: center;
}

.newprofile .newuser {
    position: relative;
    padding: 0px 5px 5px;
}
.dataTables_length select .select2-dropdown{
   text-align: center;
}
.newprofile .newuser .newavatar {
    position: absolute;
    top: -65px;
    z-index: 2;
    width: 100px;
}   
.newprofile .newuser .divcenter {

    margin-top:75px; 
} 

.newimg-profile{
    height:130px;
    width:130px;
    border-radius: 50%;
}

.newimg-cover{
    width:100%;
    height:350px;
} 
.mb-3vw{
    margin-bottom: 3vw
}
.border-b-8{
    border-bottom: 8px solid #ffffff;
}
.user_tool_img {  width: 52px; height: 52px; margin: 18px auto 3px; background-color: #6f3137; text-align: center; border-radius: 50%;}
.user_tool_img img { width: 30px; margin: 8px; }
.user_tool_name{ display: block; font-size: 10px; white-space: nowrap; }
.user_tool_count { color: #6f3137; font-weight: 700;display: block; font-size: 12px; line-height: 14px;}
.user_tool_text{ display: block; font-size: 14px; white-space: nowrap; }
.state_page_sub .ibR_profile_tab .nav-tabs .nav-link,.state_page_sub .ibR_profile_tab .nav-tabs .nav-link.active{
    margin-right: 5px;
}
.ibA_online_mem i{  
    font-size: 16px;  
    border-radius: 12px;
    border: 2px solid white;
    background: #28a745 !important;
}
.nav-link.active .profilenav-link{
    background-color: #6f3137;
    display: block;
    text-align: center!important;
    padding: 8px !important;
    border-radius: 15px 15px 0 0;
    border: none;
    height: auto;
    color: #ffffff!important;
}
.nav-link.active .profilenav-link span{
    color: #ffffff!important;
}
.hideparagraph{
    height:auto;
    max-height:270px;
    overflow: hidden;
}
/* slider news  Styles */
.ib_slider_news .carousel-inner .carousel-item { 
    height: unset !important
}
.ib_slider_news .carousel-inner img{ 
    -webkit-transform : unset !important; 
    transform: unset !important;
    width: 100% !important;
}
.news_slide_image {
    position: unset !important;
}
.carousel-div{
    width: 80%;
    left: 10%;
    right: 10%;
}
.carousel-control-news{
    width: 60px !important;
}
.reddot{
    height: 18px;
    width: 18px;
    background-color: red;
    border-radius: 50%;
    display: inline-block;
    border:2px solid #ffffff;
}
.greendot{
    height: 18px;
    width: 18px;
    background-color: #28a745 !important;
    border-radius: 50%;
    display: inline-block;
    border:2px solid #ffffff;
}
.profile_active .user_tool_img,.profile_active_box .user_tool_img{
    margin: auto ;
}
.required:after { content:" *"; color: red;}

/* Study plan */
.main-block {
    height: 210px;
    position: relative;
    margin: 0 0 21px;
}
.main-block__img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.main-block__title {
    text-shadow: 0 0 43px rgba(0,0,0,.14);
    font-size: 110px;
    font-weight: 700;
    z-index: 10;
    text-align: center;
    padding: 0 15px;
    color: #fff;
    text-transform: uppercase;
    line-height: .6;
    position: absolute;
    top: 55%;
    left: 0;
    width: 100%;
    margin: 0;
    letter-spacing: -4px;
}
.basic_plan {
    display: none;
}
.custom_plan_desp {
    margin-right: auto;
    height: auto;
    background-color: #dfd7e6;
    width: 88%;
    margin-left: auto;
    border: 2px solid #a7b1bf;
    margin-bottom: 2%;
}
.custom_descp_text {
    font: italic bold 19px/35px Georgia, serif;
    text-align: center;
    color: #3b4e67;
    padding: 2px;
}
.open_track_row {
    height: auto;
    width: 79%;
    background-color: #dfd7e6;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2%;
    padding: 22px;
}
.max_course_row {
    padding-top: 2%;
    /* width: 80%; */
    margin-left: auto;
    margin-right: auto;
}
.plan_item {
    border-radius: 37px; 
    /*height: 641px;*/
    background-color: #aab1d8; 
}

.study-plans__item {
    margin-bottom: 20px; 
    margin-top: 15px;
    height: 100%;
}
.head_text {
    color: #274f84;
    font-size: 21px;
    text-align: center;
}
.head_text1 {
    color: #274f84;
    font-size: 18px;
    text-align: center;
}
.study-plans__header {
    background: #22558e;
    height: 50px;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    -webkit-border-radius: 38px 38px 0 0;
    border-radius: 38px 38px 0 0;
}
.sub_head {
    background-color: #aab1d8;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
div.row_course_del:nth-child(odd) {
    background: #FFF;
}
div.row_course_del:nth-child(even) {
    background: #E8EAF6;
}
.sub_text {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.plan_description_wrap {
    background-color: #fff;
    width: 80%;
    margin: 2% auto 5% auto;
    border-radius: 25px;
    padding: 22px;
}
.plan_description {
    color: #183f6b;
    font-size: 17px;
}
.paginate_plans li.active {
    z-index: 1;
    color: #fff;
    height: 35px;
    text-align: center;
    width: 35px;
    border-radius: 50%;
    background-color: #6f3137;
    border-color: #6f3137;
}
.paginate_plans li{
    z-index: 1;
    color: #fff;
    height: 35px;
    text-align: center;
    width: 35px;
    border-radius: 50%;
    margin: 0 2px;
    border-color: #c0ab94d1;
    background-color: #c0ab94d1;
}
.paginate_plans li a {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #fff;
}
.paginate_plans li.disabled{
    display: none;
}

/*Course Page*/
.ibR_mem_count {
    line-height: 26px;
}
.ib_btn.sm-btn{
    padding:5px 10px;
    line-height: 20px;
    border-radius: 0px;
}
.courses__col {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}
.courses__col {
    margin-bottom: 30px;
    position: relative;
    z-index: 2;
}
.ib_courses {
    background-color: rgb( 240, 239, 239 );
    border-radius: 15px;
    text-align: center;
    padding-bottom: 0;
    height: 100%;
}
.ib_course_new {
    width: 98%;
    margin: 0 auto;
}
.new_course_wrap {
    padding: 11px;
}
.new_course_teacher {
    background-color: rgb( 209, 223, 243 );
    border-radius: 12px;
    border-right: 3px solid #f1f1f;
} 
.col_course_description {
    background-color: #dfdfdf;
    border-radius: 5%;
    padding: 20px 20px 0 20px;
}
.new_course_pdf {
    background-color: rgb( 209, 223, 243 );
    border-radius: 12px;
    border-left: 3px solid #f1f1f2;
    padding-right: 10px;
    padding-left: 10px;
}
.course_teacher_image {
    padding: 22px;
    text-align: center;
}
.course_teacher_img {
    border-radius: 50%;
    border: unset;
}

.course_teacher_profile_img {
    height: 75px;
    width: 80px;
}
.Iba_course_info{
    width: 42px;
    height: 42px;
    border-radius: 50%;
    padding-top: 10px;
    margin: auto;
}
.Iba_course_info img {
    width: 20px;
}
.course_info_del{
    font-size: 16px;
}
.ibR_crse_img_wrap img {
    height: 249px;
    width: 100%;
}
.image_course_pdf {
    max-width: 151px;
    max-height: 151px;
}
.ib_tab_style {
    background-color: #6f3137;
    padding: 0;
    border-top-right-radius: 26px;
}
.ibR_tab_img {
    height: 78px;
    width: 100%;
}
.ibR_tab_stat {
    padding-top: 5px;
    border-radius: 5px 5px 0 0;
    background-color: #6f3137;
}
.ibR_tab_stat img {
    height: 22px;
    width: 22px;
}
.ibR_tab_stat h4 {
    color: #fff;
    font-size: 18px;
    padding-top: 5px;
}
.ibr_header { 
    background-color: #e1e1e1; 
    padding: 9px 15px 0 15px;
}
.ib_bg_gray{
    background-color:#dddddd !important;
}
.dis-none{
    display: none;
}
.page-item:last-child .page-link,.page-item:first-child .page-link   {
    border-radius: 50%;
}
.page-item.disabled .page-link{
    display: none;
}
.custom_dropdown{
    background-color: #fff;
    padding: 3px 10px;
}
.course_head .ib_page_subheading h4{
    padding:15px 0px;
}

.course_head .ib_page_subheading{
    min-height : 80px!important;
    text-align: center;
}



.mg-rght-20{
    position: relative;
    top: 67px;
}
.courses_wrap {
    height: 226px;
    background-size: cover;
    background-position: center, center !important;
    background-repeat: no-repeat !important;
}
@media only screen and (width: 1280px){
    .courses_wrap{
        height: 213px;
    } 
}
@media only screen and (width : 1920px){
    .courses_wrap {
        height: 166px !important;
    }
}
@media only screen and (width : 1920px){
    .courses_wrap {
        height: 279px !important;
    }
}
@media only screen and (width : 1440px){
    .courses_wrap {
        height: 242px !important;
    }
    .nav_header{
        width: 82%;border: 4px solid white; border-radius: 39px;position: relative;margin-right: auto;margin-left: auto;box-shadow: 2px 1px 15px 7px #004080!important;
    }
    .certificate_header_img{
        width: 32%;float: right; margin-top: -16px;
    }
    .font-certificate {
        line-height: 31px;
    }
    .content_certificate{
        text-align: center;
        transform: translate(66%, -104%);
        position: absolute;
        display: grid;
    }
    .certificate_header_img2{
        width: 16%;
        margin-top: 0.5%;
        position: absolute;
        margin-left: 6%;

    }
}

.mg-auto{
	margin:10px auto!important;
    flex-wrap: inherit!important;
	padding-right: inherit!important;
	padding-left: inherit!important;
}
.attacheds{
    list-style-type: none;
    margin: 4;
    padding: 4;
    font-size: 16px;
}

.teacher-block {
    margin: -40.5px auto 6px !important;
}
.teacher-block {
    display: table;
    margin: -26.5px auto 6px;
    position: relative;
    z-index: 1;
}
.teacher-block__wrap {
    display: flex;
    margin: 0 -15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.teacher-block__wrap .teacher-block__photo {
    max-width: 85px;
}
@media (max-width: 1650px) and (min-width: 1201px){
    .teacher-block__photo {
        padding: 0 5px;
    }
}
.teacher-block__photo img {
    background-color: rgb( 255, 255, 255 );
    border-radius: 50%;
}
.course_teacher_profile_img {
    height: 75px;
    width: 80px;
}
.course_bg_div{
    border-radius: 50%;
}
.course-info_img {
    width: 100%;
    padding: 15px;
}
.course_teacher_profile_img {
    border-radius: 50%;
}
.content_study_status:hover{
	cursor: pointer;
	color:#6298bd;
	
}
.course_w_txt{
    font-size: 14px;
    word-break: break-word;
}
.div-padd{
    padding: 0px 5px;
}
.courses_col{
    padding: 0px 0px;
    margin-bottom: 15px;
}
label.form__label{
    font-weight: bold;
    font-size: 18px;
    text-transform: capitalize;
}
.form__value_duration {
    font-size: 24px;
    font-weight: 300;
}
.add-lesson__addfile_header{
    padding: 10px;
}
.question_block{
    margin-top: 15px;
    background: #FFF;
}
.tab-style-border{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.course_teacher_img{
    width: 195px;
    height: 193px;
}
.lesson-btns .ib_btn{
    width: 206px;
    text-align: center;
    margin-right: 5px;
    margin-bottom: 5px;
}
.ib_secondcolor_head{
    color: #FFF;
    padding: 10px;
    font-size: 18px;
    text-transform: capitalize;
}
.full_marks_div {
    width: 100px;
    height: 35px; text-align: center;margin-top: 2px;
    background-color: #FFF;
    padding: 5px 22px;
}
.slash {
    height: 35px; text-align: center;margin-top: 2px;
    background-color: #FFF;
    padding: 5px 7px;
    content: "\002F";
    margin-right: -6px;
}
.question_text{
    padding: 10px 35px;
    background-color: #ebebeb;
    text-align: left;
}
.question_text div.question_desc{
    margin-bottom: 10px;
}
.question_text div.question_option .form__radios{
    margin:0px 10px;
}
.question_text div.question_option{
    display: flex;
    margin-bottom: 10px ;
}

.loader {
    position: fixed;
    top: 0;
    width: 100vw;
    height: 100%;
    background: rgb(255, 255, 255);
    z-index: 1200;
    -webkit-transition: all ease 0.5s;
    -khtml-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
    opacity: 0.84;
    background-color: #fcfcfd;
    display: none;
}
.loader i {
    margin: 0; 
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}
.no-radius{
    border-radius: 0px !important;
}
.question_close_btn {
    line-height: 46px;
    font-size: 28px;
    color: #ce2323;
}

.answer_close_btn {
    font-size: 28px;
    color: #ce2323;
    border: none;
    background: transparent;
}

.question_input{
    width: 100%;
    line-height: 30px;
    font-size: 18px;
    padding: 0 20px;
    resize: unset;
}
.question_text label {
    font-size: 20px;
    font-weight: 600;
    margin: 10px 0;
    margin-right:10px;
    white-space:nowrap;
}
.w-30px{
    width: 30px;
    max-width: 30px;
}
.nowrap{
    white-space: nowrap !important;
}
.hed-br{
    height: 45px;
    width: 100%;
}
.nav_header{
    width: 65%;
    border: 4px solid white;
    border-radius: 39px;
    position: relative;
    margin-right: auto;
    margin-left: auto;
}
.nav-image{
    width: 100%;height: 12px;position: absolute;margin-top: 20px;
}
@media only screen and (width : 2560px){
    .nav_header{
        width: 65%;border: 4px solid white; border-radius: 39px;position: relative;margin-right: auto;margin-left: auto;
    }
}
.nav-padding{
    padding: 9px 4px!important;
}
.inline-block{
    display: inline-block;
}
.ib_btn_course_button {
    display: block;
    border:unset;
    width: max-content;
    padding: 6px 8px 20px 10px;
    height: 30px;
    background-color: rgb( 62, 15, 5 );
    color:#fff;
}
.directioltr{
    direction: ltr!important;
}
.web_initial{
    white-space: initial;
}
.bg-red{
    background-color: #e64343;
}
.bio-border{

    border-radius: 10px;
    padding: 15px 15px 0px 15px;

}
.profile_active_box .nav-tabs{
    border-bottom: unset;
    border-radius: 0px 0px 10px 10px;

}

.profile_active .nav-link{
    width: 117px!important;
}
.profile_active_box .nav-link{
    width: 102px!important;
}
.profile_active_box .nav-link,.profile_active .nav-link{
    padding-right: 0px !important;
    text-align: center!important;
    border: none;
}
.disable_post{
    border: unset; 
    pointer-events: none; 
}
.detail_gray {
    background-color: #d0d0d0;
    text-align: center;
    padding: 3px;
}
.student_detail .row {
    margin-top: 10px;
    margin-bottom: 10px;
}
.ib_copytoclipboard {
    background: #3d85c6;
    border-radius: 25px;
    padding: 8px 8px;
    color: #fff;

}
.certificate_container{
    height: auto;
    min-height: 300px;
    position: relative;
}
.certificate_container .camera-class { position: absolute; bottom:0; right:10px; }
.certificate_container .camera-class i{
    font-size: 25px;
    cursor: pointer;
}
.certificate_container input {
    display: none;
}
.certificate_image_container{
    position: relative;
    top: 0;
    left: 0;
}
.certificate_image_container .image1 {
    position: relative;
    top: 0;
    left: 0;
}
.certificate_image_container .image2 {
    position: absolute;
    left: 0px;
   
}
.certificate_image_container .student-name-field {
    position: absolute;
    top: 25.8%;
    right: 56%;
    font-size: 20px;
    color: red;
}
.certificate_image_container .grade-field {
    position: absolute;
    top: 34%;
    left: 18%;
    font-size: 20px;
    color: green;
}
.certificate_image_container .grade-detail {
    position: absolute;
    top: 34%;
    left: 9%;
    font-size: 20px;
    color: green;
}
.certificate_image_container .course-field {
    position: absolute;
    top: 34%;
    right: 35%;
    font-size: 20px;
    color: blue;
}
.certificate_image_container .date-of-pass-field {
    position: absolute;
    top: 49%;
    left: 40%;
    font-size: 20px;
    color: navy;
}
.certificate_image_container .qr-field{
    position: absolute;
    top: 69.8%;
    right: 6.5%;
}
.certificate_image_container .barecode-field {
    position: absolute;
    top: 80.1%;
    left: 5.1%;
}
.certificate_image_container .academic-record-field {
    position: absolute;
    bottom: 1.8%; 
    right: 18%;
    font-size: 20px;
    color: white;
}

.question_text div.question_option .true_false_btn{
    margin:-10px 10px;
}
.time_text {
    font-size: 15px;
}

.is-sticky {
    position: fixed!important;
    top: 0;
    width: 100%
}

@media only screen and (width: 1440px){
    .certificate_image_container .student-name-field {
        position: absolute;
        top: 25.8%;
        right: 56%;
        font-size: 20px;
        color: red;
    }
    .certificate_image_container .course-field {
        position: absolute;
        top: 34%;
        right: 35%;
        font-size: 20px;
        color: blue;
    }
    .certificate_image_container .grade-field {
        position: absolute;
        top: 34%;
        left: 18%;
        font-size: 20px;
        color: green;
    }
    .certificate_image_container .grade-detail {
        position: absolute;
        top: 32%;
        left: 18%;
        font-size: 20px;
        color: green;
    }
    .certificate_image_container .date-of-pass-field {
        position: absolute;
        top: 49%;
        left: 40%;
        font-size: 20px;
        color: navy;
    }
 
    .certificate_image_container .qr-field{
        position: absolute;
        top: 69.8%;
        right: 6.5%;
    }
    .certificate_image_container .barecode-field {
        position: absolute;
        top: 80.1%;
    left: 5.1%;
    }
}

.trumbowyg-dropdown-backColor:not(.trumbowyg-dropdown--color-list) button, .trumbowyg-dropdown-foreColor:not(.trumbowyg-dropdown--color-list) button{
    border:none!important;
}

@media (max-width: 480px){

    .trumbowyg-editor iframe, #copy-text iframe, .container-fluid iframe, .ibsh_content_wrap iframe{
        width: 100%!important;;
        height: 190px !important;
    }

}
html,body{
    direction: rtl;
    text-align:right;
    padding: unset !important;
    overflow-x: hidden;
}

/* Fonts */
@font-face {

    font-family:'ProximaNova Bold';
    src: 'fonts/Mark-Simonson-Proxima-Nova-Bold.otf') format('opentype');
}

@font-face {

    font-family:'ProximaNova';
    src: 'fonts/Mark-Simonson-Proxima-Nova-Regular.otf') format('opentype');
}

@font-face {

    font-family:'ProximaNova italic';
    src: 'fonts/Mark-Simonson-Proxima-Nova-Bold-Italic.otf') format('opentype');
}
.certificates-dropdown__images
{
    direction: ltr;
}

ul.language .language__item:not(:first-child) {
    border-right: 2px solid white;
}
.ibR_tab_btm {
    text-align: right;
}
.ibR_tab_btm img{
    padding: 5px;
    height: 30px;
}
button.ibR_btn_prm {
    padding: 5px 10px 2px 10px;
}

.img_records{
    position: relative;
    right: 8px;
    bottom: 8px;
}

.see_records{
    position: absolute;
    left: -30px;
    bottom: 0px;
    width: 30px;
}

.text-left{
    text-align: right !important;
}

.definition{
    padding-right: 18px;
}

.ibR_profile_tab .nav-tabs .nav-link{
    color: #ffffff;
    font-family: "ProximaNova";
    background-color: #c0ab94;
    margin: 0px 5px;
    padding: 8px 12px !important;
    border-radius: 15px 15px 0 0;
    font-size: 20px;
    text-decoration: none;
}
.ibR_profile_tab .nav-tabs .nav-link.active {
    color: #ffffff;
    font-family: "ProximaNova";
    background-color: #6f3137;
    margin: 0px 5px;
    padding: 8px 12px;
    border-radius: 15px 15px 0 0;
    font-size: 20px;
    border-color: #6f3137;
}
.nav-tabs .nav-link:hover {
    border:unset;
    border-color: unset !important;
}

/* Common */
.base-bg-color{
    background-color: rgb( 62, 15, 5 );
}
.base-color{
    color:rgb( 62, 15, 5 )!important;;
}
.base-font{
    font-family: "ProximaNova";
}

.ibR_app-container{
    padding:unset !important;
    overflow-x: hidden;
}
.ibR-heading-bar {
    background-color: #3e0f05;
    color: #fff;
    text-align: center;
    font-family: "ProximaNova";
    font-size: 32px;
    text-transform:capitalize;
}
.wrap_online_user{
    padding-right: 50px;
}
.toggle-statistics{
    margin-left: 6px;
}

.ib_btn_inner_border {
    display: block;
    border:unset;
    width: max-content;
    padding: 5px;
    border-radius: 8px;
    background-color: rgb( 62, 15, 5 );
    color:#fff;
}
.ib_btn_inner_border > span {
    display: block;
    border: 1px solid white;
    border-radius: 5px;
    padding: 3px 20px 0;
    font-size: 18px;
    line-height: 25px;
    font-weight: 600;
}
.selectize-control.single .selectize-input.input-active, .selectize-input,.selectize-dropdown-content,.ib_account_controls_log,.ib_account_controls_remove_account {
    text-align:right !important;
}

.select2-container{
    width: 100%!important;
    margin-bottom: 10px;
    
}

.dataTables_length .select2-container{
    width : 45%!important;
}

/*changes by mamun 2020-03- 31*/
.ibR_header_sub{
    margin-left: 0;
}
.ibR_header_sub {
    margin-right: 0px;
}

.ib_sidebar_toggle {
    cursor: pointer;
}
form.ibR_header-login {
    /*padding-left: 11px;*/
}
.ib_login_section{
    padding-right: 0;
} 
.carousel-control-prev {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
    background-image: linear-gradient(90deg,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001));
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000",endColorstr="#00000000",GradientType=1);
}
.carousel-control-next {
    left: auto;
    right: 0;
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
    background-image: linear-gradient(90deg,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5));
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#80000000",GradientType=1);
}
button.ibR_btn_prm {
    margin-left: 5px;
}

input[type=checkbox] {
    display: none;
}
.ibR_pinned_wrap {
    position: absolute;
    right: 15px;
    line-height: 27px !important;
    font-size: 20px;
}

input[type=checkbox] + label {
    display: block;
    margin: 0.2em;
    cursor: pointer;
    padding: 0.2em;
    display: flex;
}
input[type=checkbox] + label:before {
    content: "\2714";
    background:#fff;
    border: 1px solid #fff;
    border-radius: 0px;
    display: inline-block;
    width: 1em;
    height: 1em;
    /* padding-bottom: 16px; */
    margin-left: 0.2em;
    vertical-align: top;
    color: transparent; 
    transition: .1s;
    padding-top: -7px;
    margin-top: 4px;
    display: flex;
    align-items: center;
}
input[type=checkbox] + label:active:before {
    transform: scale(0);
}

a.base-color.ml-2.d-block {
    padding-top: 7px;
}
.ibR_reg-inner-form .col-md-3{
    padding-right:0;
}
.ibR_reg-inner-form .col-md-9{
    padding-left:0;
}
.ib_icon_name {
    text-align: center;
}
.icon_bar {
    width: 100%;
    height: 38px;
    margin-bottom: 10px;

}
.icon_tool_name{
    margin-top: 0.5rem;
}
/*.ib_user_tool_count_red{
    margin-left: 5px;
}*/
#table_activity_log_management_wrapper .col-md-6 {
    padding-left: 0;
}
div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0;
}
img.ibR_breadcrums_icon_back {
    margin-left: 8px;
    /* padding-bottom: 5px; */
    margin-bottom: 5px;
}
.ibr_priavte-info .col-md-2{
    padding-left: 0px;
}
.ibr_priavte-info .col-md-10{
    padding-right: 0px; 
}
/*end changes of mamun*/

/* Header */
input.form-control.ibR_input_search {
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}
.ibR_nav_bar_mob{
    display:none !important;
}
.ibR_icon_social {
    margin: 0 0.5vw;
}
.ibR_icon_social img {
    height: 25px;
    width: 25px;
}
.bell {
    width: 91px;
    height: 91px;
	margin-top:-32px;
    margin-right: -26px;
    background-position: -5px -5px;
	transform: scale(.3);
}

.sprite-center-border {
    width: 1418px;
    height: 12px;
    background-position: -5px -106px;
}

.cloud {
    width: 62px;
    height: 62px;
	margin-top:-18px;
    margin-right: -20px;
    background-position: -106px -5px;
	transform: scale(.5);
}

.facebook{
    width: 96px;
    height: 96px;
	margin-top:-35px;
    margin-right: -30px;
    background-position: -5px -128px;
	transform: scale(.3);
}

.instagram{
    width: 62px;
    height: 62px;
	margin-top:-19px;
    margin-right: -10px;
    background-position: -178px -5px;
	transform: scale(.47);
}

.rss{
    width: 98px;
    height: 98px;
	margin-top:-36px;
    margin-right: -27px;
    background-position: -111px -128px;
	transform: scale(.3);
}

.telegram{
    width: 62px;
    height: 62px;
	margin-top:-19px;
	margin-right: -17px;
    background-position: -250px -5px;
	transform: scale(.5);
}

.twitter{
    width: 98px;
    height: 98px;
	margin-top:-35px;
    margin-right: -30px;
    background-position: -219px -128px;
	transform: scale(.3);
}

.youtube{
    width: 98px;
    height: 98px;
		margin-top:-37px;
    margin-right: -27px;
    background-position: -327px -128px;
	transform: scale(.3);
}
 @media screen and (max-width: 751px){
	.bell {
	  margin-right: -40px;
	}
	.cloud {
		 margin-left: 50px; 
	}

    .facebook {
	     margin-right: -80px;
	}
	.instagram{
	  	   margin-right: -45px;
	}

	.rss{
	  	    margin-right: -45px;
	}

	.telegram{
	  	    margin-right: -25px;
	}

	.twitter{
	   margin-right: -70px;
	}

	.youtube{
	    margin-right: -55px;
	}
 }
.ibR_header_main {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 2px 0;
}
.ibR_header-left{
    display:flex;
    align-items: center;
}
.ibR_icon-social{
    display:flex;
}
.language {
    display: flex;
    margin: 0;
}
li.language__item {
    padding: 0 1vw;
    list-style: none;
}
.language__item_ar {
    border-left: 2px solid #fff;
}
.language__item a{
    color:#fff;
}
.ibR_search_wrap {
    padding-left: 2vw;
}
.search__submit_eng{
    border-radius: 4px 0 0 4px !important;
}
.ibR_input_search{
    border:unset;
}
.search__submit_eng {
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    width: 45px;
    background-image: url(/uploads/searchicon.png);
    background-color: #c1ac95 !important;
    border: none !important;
}

/* Sub header*/
.ibR_logo_left,.ibR_logo_middle{
    text-align: center;
}
.ibR_logo_left img{
    width: 170px; 
     height:83px;  padding-left: 5px;
}
.ibR_logo_middle img{
    height: 100px;
}
.ibR_header_sub{
    padding: 0.5rem 0 0.5rem 0;
    width: 100%;
    align-items:center;
    padding-left: 0;
}
.ibR_header-login input{
    background-color: rgb( 233, 233, 233 );
    border:unset;
}

.ibR_header-login input::placeholder {
    font-family: "ProximaNova";
    font-size: 18px;
    color: rgb( 62, 15, 5 );
}
button.ibR_btn_prm {
    background-color: rgb( 62, 15, 5 );
    color: #fff;
    border: unset;
    font-weight: bold;
    border-radius: 5px;
    font-size: 14px;
    /*padding: 1% 6%;*/
}
button.ibR_btn_create_acc{
    background-color: rgb( 192, 171, 148 );
    color: #fff;
    border: unset;
    font-weight: bold;
    border-radius: 5px;
    font-size: 15px;
    padding: 1% 6%;
    white-space: nowrap;
}
/* Nav Menu */
.ibR_menu-footer{
    display: flex;
    justify-content: center;
}
.ibR_nav_menu .navigation__content{
/*    display: flex;
    justify-content: center;*/
}
.navigation_header {
    background: rgb( 192, 171, 148 );
}

.navigation_header_green {
    background: #5AC518!important;
}

.navigation_header_orange {
    background: #ffa103!important;
}


.navigation__content {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    font-family: "ProximaNova";    
}
a.navigation__link.navigation__link_header {
    padding: 6px 11px 1px 11px;
    line-height: 42px;
    color: rgb( 62, 15, 5 );
}
.navigation__link_active {
    background-color: rgb( 62, 15, 5 );
    color: #fff !important;
}
.navigation__link_header:hover {
    color:  rgb( 62, 15, 5 );
    font-weight: bold;
    /*border-bottom: 3px solid;*/
    text-decoration: none;
}
/* Header Sections area */

.ibR_section-warp-header img {
    height: 5vw;
}
.ibR_header-section {
    margin: 2px 0;
    padding: 10px 0;
}
.ibR_section-warp-header {
    position: relative;
    text-align:center;
}
.ibR_section-warp-header .ibR_header-section-name{
    display: block;
    font-weight: 600;
    text-align: center;
    font-size: 12px;
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 14px;
    font-family: "ProximaNova";
    width: 6vw;
    padding: 0 10px;
    color: rgb( 136, 136, 136 );
}

/* Home page */
.ibR_page-welcome {
    background-color: rgb( 215, 201, 198 );
    padding: 5%;
    text-align: center;
    height:100%;
}
.ibR_logo-page-home{
    height: 333px;
}
/* Footer */
.ibR_footer_wrap{
    padding: 2% 0 3% 0;
}
.ibR_footer-logo {
    text-align: center;
    padding: 1% 0;
}
.ibR_footer-logo img{
    width: 23vw;
}
.ibR_footer-social-icons{
    justify-content: center;
}
.ibR_menu-footer {
    text-align: center;
    margin-bottom: 1%;
}
.ibR_menu-footer a {
    font-size: 21px;
    font-family: "Fanan";
    color: #fff;
    padding: 0 0.5vw;
}
.ibR_menu-footer a:hover {
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}

/* Home page slider */

.ibR_slider .carousel-inner img {
    position: absolute;
    height: 420px;
    width: 90%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    object-fit: fill;
}
.ibR_slider .carousel-inner .carousel-item{
    height: 420px;
}

.ibR_slider .main-slider__body{
    background-color: rgba( 255, 255, 255, 0.549 ) !important;
    border-radius: 10px !important;
    padding: 15px 20px;
}
.ibR_slider .hero {
    max-width: 90%;
    width:428px;
    position: absolute;
    top: 50%;
    left: 30%;
    z-index: 3;
    color: #fff;
    text-align: center;        
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
    -webkit-transform: translate3d(-50%,-50%,0);
    -moz-transform: translate3d(-50%,-50%,0);
    -ms-transform: translate3d(-50%,-50%,0);
    -o-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
}
.ibR_slider .hero h1 {
    font-size: 6em;    
    font-weight: bold;
    margin: 0;
    padding: 0;
}
.ibR_slider .main-slider__info {
    font-size: 25px !important;
    font-family: "ProximaNova";
    color:rgb( 62, 15, 5 );
    font-weight: bold !important;
    text-transform: uppercase;
}

.ibR_slider .main-slider__title {
    font-size: 22px !important;
    font-family: "ProximaNova";
    color:rgb( 62, 15, 5 ) !important;
}
.ibR_slider span.chevron-right:before {
    content: ">";
    position: absolute;
    top: 50%;
    font-family: 'Tomorrow', sans-serif;
    font-size: 1.8em;
    font-weight: initial;
    color: #fff;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    background: #c7b299;
}

.ibR_slider span.chevron-left:before {
    content: "<";
    position: absolute;
    top: 50%;
    font-family: 'Tomorrow', sans-serif;
    font-size: 2.2em;
    font-weight: initial;
    color: #fdfdfd;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    background: #c7b299;
}
.ibR_slider .fade-carousel .carousel-indicators > li {
    width: 12px !important;
    height: 12px !important;
    background-color: rgb( 255, 255, 255 ) !important;
    border: unset !important;
}
.ibR_slider .fade-carousel .carousel-indicators > li.active {
    width: 12px !important;
    height: 12px !important;
    background-color: rgb( 192, 171, 148 ) !important;
    border: unset !important;
}
.ibR_slider .fade-carousel .slides .ib_slider img {
    object-fit: cover !important;
}    
.ibR_slider .carousel-control.right {
    left: auto;
    right: 0;
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
    background-image: linear-gradient(90deg,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5));
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#80000000",GradientType=1);
}
.ibR_slider .carousel-indicators li {
    width: 15px;
    border-radius: 50%;
    height: 15px;
}
.ibR_slider .carousel-control-next-icon ,.ibR_slider .carousel-control-prev-icon {
    background-image:none;
    background-size: 20px;
    background-position: center;
    background-color: rgb( 192, 171, 148 );
    border-radius: 50%;
    height: 30px;
    width: 30px;
}
.ibR_slider .carousel-control-next-icon i,.ibR_slider .carousel-control-prev-icon i {
    font-size: 29px;
    color: #fff;
}

/*Register Page */

.ibR_reg-heading {
    background-color: rgb( 62, 15, 5 );
    text-align: center;
    color: #fff;
    font-family: "ProximaNova";
    font-size: 33px;
}
.ibR_reg-form-wrap {
    padding: 11vw;
    padding-top: 0px;
}
hr.ibR_reg-border-top {
    background-color: rgb( 62, 15, 5 );
    height: 11px;
}
.ibR_reg-inner-form {
    background-color: rgb( 226, 223, 218 );
    padding: 2vw 0;
}
h1.ibR_reg-heading-sub {
    text-align: center;
    font-family: "ProximaNova";
    color: rgb( 111, 49, 55 );
    margin-bottom: 0;
    font-weight: bold;
}
p.ibR_reg-heading-desp {
    text-align: center;
    font-size: 29px;
    font-family: "ProximaNova";
    color: rgb( 111, 49, 55 );
}
.ibR_reg-inner-form .row {
    width: 80%;
    margin: 1vw auto;
}
.ibR_reg-inner-form label {
    font-family: "ProximaNova";
    color: rgb( 0, 0, 0 );
    font-size: 20px;
    margin-bottom: 0;
}
.ibR_reg-radio {
    display: flex;
}
.ibR_reg-radio div {
    margin-right: 5%;
}
.ibR_reg-inner-form input {
    border-color: rgb( 111, 49, 55 );
    border-radius: 3px;
}
input::-webkit-calendar-picker-indicator {
    opacity: 100;
    color:rgb( 111, 49, 55 );
}
.ibR_rad_sp {
    display: inline-block;
    position: relative;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border: 1px solid rgb( 111, 49, 55 );
    background-color: #fff;
}
.ibR_rad_sp.selected:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: rgb( 111, 49, 55 );
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50% , -50%);
}
.ibR_button_sqr_flt {
    background-color: #3e0f05;
    border: unset;
    color: #fff;
    font-family: "ProximaNova";
    font-size: 28px;
    padding: 0.2vw 3vw;
}
.ibR_reg-btn {
    justify-content: center;
    margin-top: 4vw !important;
    padding-right: 1vw;
}

/*Header Logged in user section*/

.header_profile{
    text-align:center;
}
img.header_avatar {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #3e0f05;
}

.header_loggedin_user {
    font-size: 20px;
    font-family: "ProximaNova";
    color: #3e0f05;
    margin:2px;
}

/*Login page*/
.ibR_page_login .card-header {
    background-color: #3e0f05;
    color: #fff;
    text-align: center;
    font-size: 30px;
    padding: 2px 0;
    font-family: "ProximaNova";
}
.ibR_page_login .card-body {
    background-color: rgb( 226, 223, 218 );
}
.ibR_page_login label{
    font-family: "ProximaNova";
    color: rgb( 0, 0, 0 );
    font-size: 20px;
}

.ib_text_remember_me {
    font-size:17px !important;
}

.ibR_page_login button{
    font-size:22px;
}

.ibR_page_login input{
    border: 1px solid #3e0f05;
}
.ibR_page_login .card{
    border-radius: unset;
}

/*Profile page*/

.ibR_user-profile {
    border-top: 7px solid #6f3137;
    background-color: rgb( 226, 223, 218 );
    /*margin:1vw;*/
    height:calc(100% - 2vw);
}

.ibR_profile-heading {
    font-size: 27px;
    font-weight:bold;
    text-transform:capitalize;
    color: rgb( 111, 49, 55 );
}
.ibR_general_information .ibR_profile-heading{
    margin:3% 0;
    text-align: left;
}
.ibR_user-profile label {
    font-weight:bold;
}
.ibR_user-profile .ibR_user_db_val {
    font-family: "ProximaNova";
    color: #3e0f05;
}
.ibR_user-profile .ibR_user_editable_ip{
    display:none;
}
.ibR_user-profile .ibR_icon img{
    height:22px;
}
.ibR_button_profile_wrap {
    padding: 0 5% 4% 2%;
    display: flex;
    justify-content: flex-end;
}
.ibR_button_profile_wrap button{
    margin:1%;
}
.ibR_user-profile1 .row {
    margin: 1% 0;
}

.ibR_private_info_wrap {
    border: 2px solid #3e0f05; 
    padding: 4%;
}
.ibR_private_info_wrap {
    position: relative;
}
.ibR_private_info_wrap .ibR_profile-heading {
    position: absolute;
    top: -20px;
    padding: 0 19px;
    white-space: nowrap;
}
.ibR_user-profile input {
    border-radius: unset;
    border-color: #3e0f05;
    font-family: "ProximaNova";
    width: 50%;
}

.ibR_slider .carousel-control-next-icon ,.ibR_slider .carousel-control-prev-icon {
    background-image:none;
    background-size: 20px;
    background-position: center;
    background-color: rgb( 192, 171, 148 );
    border-radius: 50%;
    height: 30px;
    width: 30px;
}
.ibR_slider .carousel-control-next-icon i,.ibR_slider .carousel-control-prev-icon i {
    font-size: 29px;
    color: #fff;
}
.ibR_user_inp_icon{
    display: inline-block !important;
}
.ibR_icon_tick img {
    height: 15px;
}
.ibR_slider_user{
    position:relatiive;
}
.ibR_slider_user .carousel-indicators-numbers li::after {
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}
.ibR_slider_user .carousel-indicators-numbers li::before {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}
.ibR_othr_btn_wrap{
    text-align: right!important;
}
.ibR_slider_user .carousel-indicators-numbers{
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}
.ibR_slider_user .carousel-indicators-numbers li.active,.ibR_slider_user .carousel-indicators-numbers li:hover {
    margin: 0 2px;
    width: 30px;
    height: 30px;
    background-color: #3e0f05;
}
.ibR_slider_user .carousel-indicators-numbers li {
    text-indent: 0;
    font-family: "ProximaNova";
    text-align:center;
    margin: 0 2px;
    width: 30px !important;
    height: 30px !important;
    border: none;
    border-radius: 100%;
    line-height: 30px;
    color: #fff;
    background-color: #907770;
    transition: all 0.25s ease;
    position: relative;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    display: inline-block;
}
.ibR_slider_user .carousel-indicators-numbers {
    bottom: -16% !important;
}
.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    background: #3e0f05;
    border-radius: 10px;
    padding: 3px;
    margin-right: auto;
}
.btn_upload {
    border: 1px solid white;
    background-color: transparent;
    padding: 2px 11px;
    font-family: "ProximaNova";
    color: rgb( 255, 255, 255 );
    border-radius: 10px;
    outline-offset: -8px;
    font-size: 19px;
}
.upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width:100%;
    height:100%;
}

.ibR_upload-btn-wrapper {
    position: absolute;
    overflow: hidden;
    display: inline-block;
    background: #3e0f05;
    border-radius: 10px;
    padding: 3px;
    margin-left: auto;
}
.ib_account_controls_label{
    width: 100%!important;
}
.ibR_upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    width:90px;
    height:40px;
}
.ibR_user_album_slider{
    margin:auto;
}
.ibR_wall-img-wrap,.profile_image{
    position:relative;
}
.profile_image .ibR_upload-btn-wrapper{
    bottom: 0;
    left: 34%;
    transform: translate(-50%, 0);
}
.ibR_wall-img-wrap .ibR_upload-btn-wrapper,.profile .image  .ibR_upload-btn-wrapper{
    bottom: 0%;
    left: 3%;
}
.ibR_user_img_upload{
    display:none;
}
.ibR_user_album_slider_edit{
    margin:auto;
}
.ibR_editable_img {
    margin:4% 0;
    background-color: #e0d1b7;
    padding: 2%;
    position: relative;
}
.ibR_editable_img span{
    position: absolute;
    top: 1%;
    left: 1%;
}
.ibR_editable_img img {
    height: 31vw;
    width:100%;
}
.ibR_editable_img span i{
    font-size: 35px;
    background-color: #fff;
    border: 1px solid #fff;
    color: #3e0f05;
    border-radius: 30px;
    padding: 0 3px;
}

/* Roles management */
.ibR_meme_filter_section{
    padding:13px;
}
.ibR_bg_light {
    background-color: rgb( 242, 241, 241 );
}
.ibR_mem_dpdn {
    display: flex;
    justify-content: space-around;
    /* align-items: center; */
}

.ib_mem_dpdn_lb span {
    white-space: nowrap;
    font-weight:bold;
    color: rgb( 111, 49, 55 );
}
.ib_mem_dpdn_slct {
    width: 100%;
}
.ibR_mem_dpdn .ib_mem_dpdn_lb,.ibR_mem_dpdn .ib_mem_dpdn_slct{
    margin:0 1%;
}

.ibR_all ,.ibR_active ,.ibR_inactive{
    display: flex;
    justify-content: space-around;
    color: #fff;
    align-items: center;
    margin-top:3px;
}
.ibR_all {
    background-color: rgb( 192, 171, 148 );
}
.ibR_mem_count {
    padding: 2px 8px;
    margin: 5px 0;
    border-radius: 7px;
}
.ibR_all .ibR_mem_count {
    color:#fff;
    background-color: #3e0f05;
}
.ibR_active .ibR_mem_count{
    color:#fff;
    background-color: rgb( 51, 130, 24 );
}
.ibR_inactive .ibR_mem_count{
    color:#fff;
    background-color: rgb( 227, 33, 56 );;
}
.ibR_active .ibR_mem_txt{
    color: rgb( 51, 130, 24 );
}
.ibR_inactive .ibR_mem_txt{
    color: rgb( 227, 33, 56 );
}
.ibR_active ,.ibR_inactive{
    background-color:#fff;
}
.ibR_active .ibR_mem_count,.ibR_inactive .ibR_mem_count{
    padding: 2px 8px;
    font-size: 13px;
}
.ibR_mem_txt {
    width:50%;
    white-space: nowrap;
}
.ib_eye_red_bg_icn{
    height:28px;
}

.dataTables_wrapper .row:nth-child(2) {
    overflow: auto;
}
.dataTables_wrapper .row:nth-child(1) {
    padding: 0 1%;
}

.dataTables_wrapper .row:nth-child(2)::-webkit-scrollbar {
    height: 8px;
}
.dataTables_wrapper .row:nth-child(2)::-webkit-scrollbar-thumb {
    background-color: #6f3137;
    border-radius: 10px;
}
.dataTables_wrapper .row:nth-child(2)::-webkit-scrollbar-track {
    background-color: #ffffff;
}

.ibR_mem_wrap{
    padding:1%;
}
.page-item .page-link {
    z-index: 1;
    color: #fff;
    height: 35px;
    text-align: center;
    width: 35px;
    border-radius: 50%;
    margin: 0 2px;
    border-color: #c0ab94d1;
    background-color: #c0ab94d1;
}
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    height: 35px;
    text-align: center;
    width: 35px;
    border-radius: 50%;
    background-color: #6f3137;
    border-color: #6f3137;
}
.dataTables_paginate .next ,.dataTables_paginate .previous {
    display:none;
}
div.dataTables_wrapper div.dataTables_filter {
    text-align: left;
}
.activity_type .option:nth-child(2) {
    color: #156b0d;
    font-family: "ProximaNova";
}
.activity_type .option:nth-child(3){
    color: rgb( 227, 33, 56 );
    font-family: "ProximaNova";
}

.ibR_btn_rt_wrap{
    display: flex;
    justify-content: flex-end;
    margin:2%;
}

.ibR_btn_round_prmy {
    border-radius: 7px;
    color: #fff;
    background-color: rgb( 111, 49, 55 );
    border: unset;
    padding: 3px 11px;
}
.ibR_heading_sub {
    background-color: rgb( 135, 77, 83 );
    color: #fff;
    padding: 4px;
    text-align: center;
    margin: 1% 0;
}
.ibR_mem_btn_wrap_rt{
    text-align:left;
}
.ibR_mem_down .fa-caret-down{
    color: #3e0f05;
    font-size: 30px;
}
.ibR_d_txt_color{
    color:black !important;
}
.color-red{
    color: rgb( 227, 33, 56 );
}
.color-green{
    color: rgb( 51, 130, 24 );
}
.color-orange{
    color: rgb(214, 66, 32);
}
/* Activity log */
.ibR_activity_log_wrap{
    background-color: #fff;
}
.ibR_activity_log_wrap .ibR_txt_srt{
    color:black;
}
.ibR_activtylog_main{
    padding:45px 1vw;
    /*    margin:1vw;*/
    height: calc(100% - 2vw);
}
.ibR_activtylog_main .ib_table tbody tr:nth-child(2n+1) {
    background-color: #f2f1f1 !important;
}
.ibR_activtylog_main td{
    color:black !important;
    white-space: nowrap;
}
/* Breadcrumbs */
.breadcrumbs {
    margin: 1%;
    color: #b0b0b0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
}

.breadcrumbs__link {
    color: #646260 !important
}

.breadcrumbs__link_home {
    padding-right: 9px;
    position: relative
}

.breadcrumbs__link_home::before {
    line-height: 1;
    font-size: 16px;
    color: #646260;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.breadcrumbs__sep {
    padding: 0 3px
}
img.ibR_breadcrums_icon_back {
    height: 18px;
}

.breadcrumbs__link_home::before,
.pagination__arrow_next::after,
.pagination__arrow_prev::after {
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    left: 0
}
/* profile biography */
.ibR_bio_sec_heading,.ibR_ttl_lvl1,.ibR_ttl_lvl2,.ibR_ttl_lvl3,.ibR_ttl_rt_lvl2{
    font-size: 22px;
    font-family: "ProximaNova";
    padding: 3px 16px ;
}

.ibR_bio_sec_heading {
    background-color: rgb( 111, 49, 55 );
    color: #fff;
}
.ibR_ttl_lvl3 {
    background-color: rgb( 234, 232, 229 );
    color: rgb( 111, 49, 55 );
}
.ibR_ttl_lvl2 {
    color: rgb( 111, 49, 55 );
    border-bottom: 2px solid rgb( 192, 171, 148 );
}
.ibR_ttl_lvl1{
    background-color: rgb( 135, 77, 83 );
    color: rgb( 255, 255, 255 );
    margin: 0 0 1% 0;
}
.ibR_lvl_2 ,.ibR_lvl_3 {
    width: 90%;
    margin-right: auto;
}
.ibR_lvl_3{
    margin-top: 1%;
    margin-bottom: 1%;
}
.ibR_lvl_1 img {
    width: 24px;
}
.ibR_ttl_rt_lvl2{
    background-color: rgb( 192, 171, 148 );
    color:#fff;
}
.ibR_user_bio_right_sec .ibR_ttl_lvl1 {
    margin: unset;
    padding: 6px 13px 6px 17px;
}
.ibR_user_bio_right_sec .ibR_ttl_rt_lvl2 {
    padding: 6px 15px 6px 40px;
}
.ibR_user_bio_right_sec .ibR_topic_title{
    background-color: rgb( 234, 232, 229 );
    font-size: 21px;
    padding: 6px 15px 6px 60px;
    font-family: "ProximaNova";
    color: rgb( 111, 49, 55 );
}
.ibR_user_bio_right_sec img {
    height: 30px;
    float:right;
}
.ibR_ttl_rt_lvl2 img,.ibR_topic_title img {
    height: 19px;
}

.ibR_user_bio_right_sec .ibR_bio_sec_heading,
.ibR_user_bio_right_sec .ibR_ttl_lvl1,
.ibR_user_bio_right_sec .ibR_ttl_rt_lvl2,
.ibR_user_bio_right_sec .ibR_topic_title,
.ibR_bio_sec_heading div,
.ibR_topic_title div
{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ibR_bio_rt_stat {
    background-color: #fff;
    color: #6f3137;
    font-size: 13px;
    font-family: "ProximaNova";
    margin: 7px;
    border-radius: 4px;
    padding: 3px;
} 
.ibR_bio_rt_stat img {
    height: 14px;
}
.ibR_bio_rt_stat span {
    margin: 0 4px;
}
.ibR_stat_icons .ibR_views img{
    height:11px;
}
.ibR_prof_author_wrap .ibR_author_img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 1px solid rgb( 192, 171, 148 );
}
.ibR_author_book_stat {
    background-color: rgb( 192, 171, 148 );
    color: #fff;
    font-family: "ProximaNova";
    font-size: 16px;
    padding: 6px 9px;
    margin: 0 3px;
}
.ibR_prof_author_heading {
    display: flex;
    margin: 2%;
    justify-content: space-around;
    align-items: center;
}
.ibR_prof_author_heading .ibR_author_name {
    font-size: 16px;
    color: rgb( 111, 49, 55 );
    font-weight:bold;
}
.ibR_prof_author {
    background-color: #fff;
    margin: 5% 0px;
}
.ibR_prof_author_content.p-3 {
    font-family: "ProximaNova";
    font-weight: bold;
}
.ibR_txt_read_more{
    display: block;
    font-family: "ProximaNova";
    color: rgb( 111, 49, 55 );
    font-weight: 200;
}
.ibR_prof_author_footer {
    background-color: rgb( 111, 49, 55 );
    color:#fff;
}
.ibR_prof_author_footer {
    background-color: rgb( 111, 49, 55 );
    color: #fff;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 4px;
}
.ibR_publisher_name {
    font-family: "ProximaNova ";
    font-size: 15px;
    display:block;
}

.ibR_publisher_time, .ibR_publisher_date {
    font-size: 13px;
    font-weight:bold;
}
.ibR_publisher_tool div {
    padding: 0 2px;
}
.ibR_publisher_tool{
    display: flex;
    justify-content: center;
}
.ibR_publisher_tool div {
    padding: 0 2px;
    display: flex;
    align-items: center;
}
.ibR_publisher_tool span {
    font-size: 13px;
}
.ibR_publisher_tool img {
    height: 15px;
}

/*  profile book tab */

.ibR_book_top {
    background-color: #fff;
}
.ibR_book_heading_base_img_wrap {
    position: relative;
    display: flex;
    justify-content: center;
}
.ibR_book_heading_base_img_wrap img {
    width: 145px;
    position: absolute;
    top: -11px;
}
.ibR_bk_name {
    z-index: 999999;
    color: #fff;
    font-family: "ProximaNova";
    font-size: 14px;
    position: absolute;
    top: -8px;
}
.ibR_book_expert {
    width: 70%;
    background-color: #6f3137;
    margin: auto;
    color: #fff;
    border-radius: 6px 6px 0 0;
    padding: 2px;
    text-align: center;
}

.ibR_book_stats img {
    height: 13px;
}

.ibR_bk_view img{
    height: 10px;
}
.ibR_book_content_bottom {
    margin: 6% auto 0;
}
.ibR_book_stats {
    background-color: #fff;
    border-radius: 5px;
    display: flex;
    justify-content: space-around;
    color: #6f3137;
    font-size: 12px;
    font-weight: 500;
    padding: 3px;
}

.ibR_book_author_name,.ibR_book_invtgr_name {
    padding: 6px 12px;
    font-family: "Proximanova";
    color: #6f3137;
    font-size: 15px;
    font-weight: bold;
}
.ibR_txt_srt {
    font-size: 19px;
    font-weight: bold;
    color: #6f3137;
}

.ibR_other_management_tool{
    display: flex;
    justify-content: center;
    position: relative;
}
.ibR_pinned_wrap {
    position: absolute;
    left: 15px;
    line-height: 50px;
    font-size: 20px;
}
/* email */
.email_verified ,.resend_email,.email_send_wrap{
    text-align: center;
    padding: 22px;
    border: 2px solid #3e0f05f5;
}
.resend_email h2 {
    color: #791e0b;
}

.trumbowyg-box .trumbowyg-editor, .trumbowyg-editor p , .trumbowyg-editor span {
    direction: rtl!important;
    text-align: right;
    font-size: 28px;
}

/* User profile styles */

.ibR_user-profile label{
    text-transform:capitalize;
}
.profile_image img {
    height: 200px;
    width: 200px;
    object-fit: contain;
}

/* Account authentication */
.ibR_acc-authentication{
    position: relative;
    border: 2px solid #3e0f05;
    margin: 4%;
    padding: 4%;
}
.ibR_acc-authentication .ibR_profile-heading {
    position: absolute;
    top: -20px;
    background-color: #e2dfda;
    padding: 0 19px;
    font-size: 27px;
    font-weight:bold;
    color: rgb( 111, 49, 55 );
    white-space: nowrap;
}
/* Delete account request */

.ibR_btn_del_acc_request{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
} 
button.ibR_button_del_acc_accept {
    background-color: green;
    border: unset;
    color: #fff;
    font-weight: 600;
    border-radius: 6px;
}
button.ibR_button_del_acc_deny {
    background-color: red;
    border: unset;
    color: #fff;
    font-weight: 600;
    border-radius: 6px;
}
#confirm_redirect_link {
    text-decoration: unset;
}

/*translation*/
/*@media only screen and (max-width:648px) {*/
/*    .ibR_new_lang_wrap {*/
/*        width: calc(100vw - 14vw);*/
/*    }*/
/*}*/
@media only screen and (max-width:1024px) {
    .ibsh_trans_form,.ibsh_flex,.ibsh_col2_flex {
        flex-direction: column;
        align-items: center !important;
    }
    .ibsh_w_count {
        margin: auto;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right : 0px!important;
        padding-top: 20px;

    }
}

@media only screen and (max-width:1024px) {
    .ibsh_trans_form,.ibsh_flex,.ibsh_col2_flex {
        flex-direction: column;
        align-items: center !important;
    }
    .ibsh_w_count {
        margin: auto;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right : 0px!important;
        padding-top: 20px;
    }
}


@media only screen and (max-width: 425px) {
    .gridview_course_list tr {
        background-color: unset !important;
        float: left;
        width: 100%;
        display: flex;
        margin-top: 10px;
    }
    .ibsh_w_count {
        margin-right : 0px!important;
        padding-top: 20px!important;;
    }

    #goTranslate .row .col-md-4{
        padding-left: 32px!important;;
        padding-right: 0!important;;
    }

}

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 960px)  {

    .gridview_course_list tr{
        width: 100%;
    }

    .ib_table_overflow .ibR_input_search_wrap{
        width: 250px;
        margin-left: 81px;
    }

    .ib_main_content{
        flex-direction: column;
    }

    .ib_page_content{
        order: 1;
    }

    #icon_sidebar{
        order: 2;
    }

    .nav_header{
        width: 100%;
    }

    .navigation_header{
        padding: 10px;
    }

    .ibR_header_wrap{
        margin-bottom: 25px;
    }

}


.ibsh_trans_table .ib_table tbody td {
    white-space: nowrap;
}
.ibsh_btns {
    display: flex;
    flex-wrap: wrap;
}
.ibsh_s_1 .ib_page_heading {
    font-size: 22px;
    font-weight: 500;
}
.ibsh_s_2 {
    height: 100%;
    padding: 30px;
}
.ibsh_content_wrap {
    height: calc( 100% - 2vw );
    /*margin:1vw;*/
    background-color: #f2f1f1;
}
.ibsh_btns button {
    background-color: #c0ab94;
    border: 0;
    color: #fff;
    padding: 8px 20px;
    border-radius: 7px;
    font-weight: 600;
    letter-spacing: 1px;
}
.ibsh_btns button:nth-child(1) {
    margin-right: 10px;
    margin-bottom: 10px;
}
.ibsh_trans_form {
    padding: 30px 0;
    align-items: flex-start;
}
.ibsh_flex {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 15px;
}
.ibsh_flex label {
    margin: 0 15px 10px;
}
.ibsh_flex input,.ibsh_col2_flex input {
    border-radius: 0;
}
.ibsh_drop{
    width:100%;
}
.ibsh_col2_flex {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 15px;
}
.ibsh_col2_flex label {
    margin: 0 15px 10px;
}
.ibsh_w_count {
    margin-right: 50px;
}
.ibsh_w_count > div {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
    padding: 7px 15px;
}
.ibsh_w_count {
    margin-left: 47px;
    max-width: 270px;
}
.ibsh_words {
    background-color: #c0ab94;
}
.ibsh_yt, .ibsh_nt {
    background-color: #fff;
}
.ibsh_words,.ibsh_yt span:nth-child(2),.ibsh_nt span:nth-child(2){
    color: #fff;
}
.ibsh_words span:nth-child(1),.ibsh_yt span:nth-child(1),.ibsh_nt span:nth-child(1){
    line-height: 30px;
    font-size: 20px;
    font-weight: bold;
}
.ibsh_words span:nth-child(2),.ibsh_yt span:nth-child(2),.ibsh_nt span:nth-child(2) {
    padding: 3px 10px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
}
.ibsh_words span:nth-child(2){
    background-color: #3e0e06;
}
.ibsh_yt span:nth-child(2){
    background-color: #338218;
}
.ibsh_nt span:nth-child(2){
    background-color: #e32138;
}
.ibsh_btn {
    background-color: #6e3137;
    color: #fff;
    border: 0;
    padding: 0 15px;
    font-weight: 600;
    letter-spacing: 1px;
    border-radius: 6px;
    line-height: 38px;
}
.ibsh_txt {
    line-height: 30px;
    border-color: #6e3137;
    border: 1px solid;
}
.ibsh_drop .item, .ibsh_tble_select .item {
    font-size: 15px;
    color: #7a7a7a;
}
.ibsh_trans_table {
    padding: 30px 0;
}
.ibsh_tble_txt {
    line-height: 32px;
    border: 1px solid #6e3137;
    width: 145px;
}
.ibsh_tble_select{
    display: inline-flex;
    width: 145px;
}
.ibsh_undo {
    background-color: #6e3137;
    color: #fff;
    padding: 4px 8px;
    font-size: 12px;
    border-radius: 6px;
    cursor: pointer;
}
.ibsh_art {
    width: 29px;
    background-color: #6e3137;
    border-radius: 6px;
    padding: 4px 8px;
}
.ibsh_tble_colr {
    border: none;
    outline: none;
    width: 40px;
    -webkit-appearance: none;
    height: 30px;
}
.ibsh_tble_colr::-webkit-color-swatch {
    border: none;
}
.ibsh_tble_colr::-webkit-color-swatch-wrapper {
    padding: 0;
    border: none;
}
.ibsh_tbl_clr_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px 0;
}
.ibsh_save {
    text-align: left;
}
.ibR_dir-write {
    line-height: 30px;
    padding: 2px 6px;
    text-transform: capitalize;
}
.ibR_new_lang_label{
    line-height: 30px;
    border: 1px solid #6e3137;
    color: #7a7c7e;
    padding: 2px 6px;
}
.ibsh_drop option{
    text-transform: capitalize;
}
.ibR_new_lang_wrap .row {
    margin: 1% 0;
}
.ibR_new_lang_wrap {
    background-color: #ded7d7;
    border: 7px solid #6f3137;
    padding: 22px;
    margin: 2%;
}
.ibR_trans_new_lang_heading {
    font-size: 24px;
    display: flex;
    font-weight: bold;
    justify-content: space-between;
    margin-bottom: 2%;
}

.ibR_trans_lang_btn_wrap{
    justify-content: space-between;
}
/* Activity log */
.ibR_acty_dt{
    float:left;
    color: #84694c;
    font-weight: 500;
}
.ibR_usr_activity_log ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    right: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
.ibR_usr_activity_log ul.timeline > li {
    margin: 20px 0;
    padding-right: 20px;
    margin: 20px 0;
    padding-left: 20px;
    background-color: rgba(192, 171, 148, 0.4);
    border-radius: 10px 0px 10px 0px;
    padding: 15px;
}
.ibR_usr_activity_log ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    right: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}

.article_icon_div .flex-icons{
    justify-content:left
}

.article_icon_div .flex-icons .article_icons{
    margin-right: 30px;
}

.select2-container .select2-selection--single .select2-selection__rendered{
    padding-left: 20px!important;
    padding-right: 20px!important;
}

.margin_right_10{
    margin-right: 10px;
}

.icon_margin_right_10{
    margin-right: 5px;
}

.read_more{
    justify-content: left;
    padding-left: 10px;
    color: #0075e8;
}

.ib_sidebar
.ibR_usr_activity_log ul.timeline > li:before {
    content: ' ';
    background: #f2f1f1;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #6f3137;
    right: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}

span.ibR_role_t {
    margin-right: 22px;
}
/* Main layout styles */
.ib_main_content{ display:flex; position:relative; }
.ib_sidebar {
    width: 415px;
    padding: 1vw;
    overflow: hidden;
    padding-top: 0;
}
.ib_page_content{ width:100%; /* padding:1vw; */ overflow: hidden; }

/* Common classes for the page */

/* required astrisk style */
.ib_required { display: none; color: red; font-size: 22px; margin-top: 20px; line-height: 0px; }

/* Page heading or Page title styles */
.ib_page_heading { background-color: #6f3137; color: white; font-size: 24px; line-height: 50px; text-align: center;text-transform: capitalize; }
.ib_page_heading_1{ background-color:#6f3137; color:white; font-size:22px; line-height: 40px; text-align:center; }

/* Error message styles */
.err_inp{ box-shadow: rgba(120, 19, 19, 0.67) 1px 2px 8px 2px; border: 2px solid #6f3137; }
.err_message{ color:#6f3137; font-weight:bold; }

/* table styles */
.ib_table tbody tr.tr-child-row:hover { background-color: white!important; }
.ib_table thead th { border: none; background-color: #6f3137; color: white; text-align:center; line-height: 40px; padding: 0 10px;white-space: nowrap;}
.ib_table thead th:before,.ib_table thead th:after{ top:0; }
.ib_table thead th:not(:first-child) { border-right:3px solid #f2f1f1; }
.ib_table tbody td{ border:none; color:#6f3137; text-align:right; line-height:30px; white-space:nowrap; }
.ib_table tbody tr:hover{background-color:#6f31370f !important; }
.ib_table tbody tr:nth-child(2n){ background-color: white; }
.ib_table_input{ border: 2px solid #6f3137; color: #6f3137; padding: 0 10px; line-height: 30px; }
.ib_table_input:focus { outline: none; }
.ib_table_button { background-color: #6f3137; color: white; border: none; line-height: 30px; padding: 0 30px; font-size: 18px; }
.ib_triple_arraw_down{ position:relative; padding:0 30px 0 30px;}
.ib_triple_arraw_down:after { content: ""; display: block; position: absolute; top: 5px; left: 10px; width: 20px; height: 20px; background-image: url('/icons/down-arrow.png'); background-size: contain; }
.btn_active{
    padding-left: 10px !important;
    padding-right: 10px !important;
}
/* Buttons styles */
.ib_btn { display: inline-block; width: max-content; padding: 3px; border: none; border-radius: 8px; background-color: #6f3137; color: white; }
.ib_btn > span { display: block; border: 1px solid white; border-radius: 5px; font-size: 16px; line-height: 25px; font-weight: 600;padding-right: 20px;padding-left: 20px;}
.ib_btn_2 { border: none; border-radius: 8px; background-color: #c0ab94; color: white; margin-right: 10px; padding: 0 10px; }
.ib_btn_2 span { margin-right: 5px; }

/* End Common classes for the page */

/* Slider Above Fold Styles */
.ib_slider_above_fold .carousel-inner .carousel-item { height: calc(100vh - 320px); }
.ib_slider_above_fold .carousel-inner img{ height: calc(100vh - 320px); }



/* Sidebar styles */
.ib_profile_display{ width: 100%; min-width: max-content; margin-bottom:20px; text-align: center;}
.ib_sidebar{ border-top: 38px solid #6f3137;}
.ib_profile_display .ib_user_img{ width: 100px; height: 100px; margin: 10px; object-fit: cover; border-radius: 50%; border: 4px solid #c0ab94;}
.ib_profile_display .ib_profile_display_heading{ color: #6f3137; margin: 0 20px; font-size: 20px; font-weight: 700; }
.ib_profile_display .ib_profile_display_sub_heading{ font-weight:500; }
.ib_profile_display .ib_check{ width:20px; margin-left:10px;}
.ib_sidebar_toggle { z-index:999;position: absolute;  right: 34px; transition: .6s; width: 40px; height: 40px; color: #6f3137; background-color: #f2f1f1; font-size: 40px; line-height: 40px; text-align: center; }
.ib_sidebar_open { right: calc(1vw + 270px);transition: .6s; }
.ib_sidebar_toggle .fa-angle-double-left:before {content: "\f101";}
.ib_sidebar_toggle .fa-angle-double-right:before { content: "\f100";}

.ib_head{ background-color: #6f3137; text-align: center; color: white; font-size: 18px; font-weight: 600; line-height: 40px; }
.ib_info_pair{ width:100%; min-width:max-content; margin:0; font-size:18px; line-height: 20px;display:flex;}
.ib_info_pair_title{ font-weight:600;padding-left: 10px; }
.ib_info_pair_value{ color: #6f3137;padding-left: 10px; }
.ib_user_profile_description{ margin: 5px; padding: 8px 12px; max-width: 300px; font-size: 12px; line-height: 16px; font-weight: 500; color: #333333; border: 1px solid #6f3137; }
.ib_user_profile_cover_img img{ max-width:300px; }

.ib_user_tools{margin-top:10px; width:300px;}
.ib_user_tools_head{ background-color: #6f3137; text-align: center; color: white; font-size: 18px; font-weight: 600; line-height: 40px;}
.ib_user_tools_container { margin: 10px 0; display: flex; flex-wrap: wrap;flex-direction: column; }
.user_tools,.management_tool {display: flex;flex-wrap: wrap;align-items: center; }
.user_tools{ margin-bottom: 10px; }
.ib_user_tools_tool { width: auto; text-align: center;flex: 0 0 20%;max-width: 20%;}
.ib_user_tool_img { width: 52px; height: 52px; margin: 18px auto 3px; background-color: #6f3137; text-align: center; border-radius: 50%;}
@media only screen and (min-device-width : 320px) and (max-device-width : 390px) {
	.ib_user_tool_img {
		margin: 18px auto 3px;
	}	
	.ib_user_tools_container{
		width:90%!important;
	}
}

.ib_user_tool_img img {  width: 30px; margin: 8px; }
.ib_user_tool_name{ display: block; font-size: 16px; white-space: nowrap; }
.ib_user_tool_count { color: #6f3137; font-weight: 700;display: block; font-size: 12px; line-height: 14px;}

.ib_my_profile { margin-top: 10px; width: 300px; }
.ib_my_profile_head { background-color: #6f3137; color: white; padding-left: 20px; font-size: 18px; font-weight: 600; line-height: 40px; }
.ib_my_profile_head img{ width: 30px; margin-top: -5px; margin-bottom: 5px; margin-right: 10px;}
.ib_my_profile_menu { padding: 8px 20px; margin: 0 4px; display: flex; align-items:center; }
.ib_my_profile_menu { border-top: 2px solid #c0ab94; }
.ib_my_profile_menu_icon { width: 20px; margin: 5px; margin-right: 10px;}
.ib_my_profile_menu_name { font-size: 18px; color: #595959; line-height: 30px; white-space: nowrap; }

.ib_group_management { margin-top: 10px; width: 300px; }
.ib_group_management_head { background-color: #6f3137; text-align: center; color: white; font-size: 18px; font-weight: 600; line-height: 40px; }
.ib_group_management_head a{ color:white; text-decoration:none; }
.ib_group_management_body { margin: 10px 0; display: flex; flex-wrap: wrap; }
.ib_group_management_blocks { flex:0 0 20%; max-width: 20%; text-align: center; }
.ib_group_management_img { width: 52px;height: 52px;margin: 18px auto 3px; background-color: #6f3137; text-align: center; border-radius: 50%;}
.ib_group_management_img img { width: 30px; margin: 11px; }
.ib_group_management_name { display: block; font-size: 12px; white-space: nowrap;color:#595959; }
.ib_group_management_count { color: #ffffff; font-size: 12px; padding: 0 8px; border-radius: 6px; background-color: #338218; }
.ib_group_management_actions button {margin: 0 3px;}
.ibR_msg_bar button {float: left;}


.ib_account_controls { width: 300px; margin-top: 10px; }
.ib_account_controls_head { background-color: #6f3137; color: white; font-size: 18px; font-weight: 600; line-height: 40px; text-align: center; }
.ib_account_controls_container { border: 2px solid #6f3137; padding: 10px 0; }
.ib_account_controls_user_settings { padding: 5px 10px; display: flex; justify-content: space-between; align-items:center; color: #5c5c5c;}
.ib_account_controls_label { font-size: 13px; }
.ib_account_controls_value{ width: 45%; height: 36px; }
.ib_user_permission { padding: 5px 10px; display: flex; justify-content: space-between; align-items: center; }
.ib_user_permission:nth-child(odd) { background-color: #e2dfda; }
.ib_user_permission span { font-size: 13px; color: #5c5c5c;}
.ib_user_permission_select { width: 45%; height: 36px; }
.ib_account_controls a { padding: 5px 10px; font-size: 13px; color: #5c5c5c; line-height: 40px; text-decoration: none; }
.ib_account_control_submit { padding: 5px 10px; display: flex; justify-content: flex-start; }

/* Group management styles */
.ib_group_management_container{ background-color:#f2f1f1;  height: calc(100% - 2vw); }
.ib_group_management_table{ padding:20px 15px;  overflow-x:auto;}
.ib_group_management_actions { display: flex; justify-content: flex-end; }
.ib_set_privileges { text-align: left; display:flex; flex-wrap:wrap;text-transform: capitalize; }
.ib_set_privileges_group { margin: 0; padding: 0 10px; font-weight: 600; color: white; background-color: #6f3137; border-radius: 4px; }
.ib_privileges_group { margin-right: 30px; margin-bottom:20px; }
.ib_privilege_container { display: flex;flex-wrap:wrap; }
.privilege_box { display: flex; align-items:center;flex: 1 0 33%;box-sizing: border-box;padding: 10px;}
.privilege_box span { margin: 0 10px 0 5px; font-weight: 600; white-space: nowrap; }
.ib_privilege_toggle { display: flex; }
.ib_privilege_toggle input{ position: absolute !important; clip: rect(0, 0, 0, 0); height: 1px; width: 1px; border: 0; overflow: hidden; }
.ib_privilege_toggle label{ background-color: #e4e4e4; color: rgba(0, 0, 0, 0.6); font-size: 12px; line-height: 1; text-align: center; padding: 4px 8px; margin:0; margin-right: -1px; border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1); transition: all 0.1s ease-in-out; }
.ib_privilege_toggle input:checked + label { background-color: #6f3137; color: white; box-shadow: none; }
.ib_privilege_toggle label:first-of-type {border-radius: 0px 4px 4px 0px; }
.ib_privilege_toggle label:last-of-type {  border-radius: 4px 0px 0px 4px; }
.ib_create_group_container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #ffffffed; z-index: 1; }
.ib_create_group_model { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #f1f1f1; }
.ib_create_member_model { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #f1f1f1;height: 100vh;overflow-y:scroll;  }
.ib_create_group_head { background-color: #6f3137; display: flex; justify-content: space-between; color: white; line-height: 40px; padding-left: 20px; font-size: 20px; }
.ib_create_group_body { padding: 10px; }
.ib_form_group {width:300px; display: flex; justify-content: space-between; margin: 10px; }
.ib_close_btn { width: 40px; text-align: center; color: red; font-weight: 700; cursor: pointer; }
.ib_create_group_submit_btn { display: block;  background-color: green; color: white; border: none; margin-left: auto;  margin-right: 10px; line-height: 30px; padding: 0 10px; }

/* Registration Managemet */
.ib_registration_management_container { background-color: #f2f1f1; height: calc(100% - 2vw); }
.ib_registration_management_actions { display: flex; justify-content: flex-end; }
.ib_registration_management_content { padding: 20px; }
.ib_new_registration_field_body { padding: 20px; margin: 0 !important; background-color: white; color: #6f3137; border:1px solid #6f3137;text-align:left; justify-content:center; }
.ib_form_toggle { display: flex; align-items: center; margin: 10px; width: 300px; justify-content: space-between; }
.ib_form_toggle_container { display: flex; }
.ib_form_toggle_container input { position: absolute !important; clip: rect(0, 0, 0, 0); height: 1px; width: 1px; border: 0; overflow: hidden; }
.ib_form_toggle_container label { background-color: #e4e4e4; color: rgba(0, 0, 0, 0.6); font-size: 12px; line-height: 1; text-align: center; padding: 4px 8px; margin: 0; margin-right: -1px; border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1); transition: all 0.1s ease-in-out; }
.ib_form_toggle_container label:first-of-type { border-radius: 4px 0 0 4px; }
.ib_form_toggle_container label:last-of-type { border-radius: 0 4px 4px 0; }
.ib_form_toggle_container input:checked + label { background-color: #6f3137; color: white; box-shadow: none; }
.ib_form_toggle span { font-weight: 600; }
.ib_select_input { width: 186px; }
.ib_form_group input[type=text] , .ib_form_group input[type=number]{ padding: 0 5px; border: 1px solid #6f3137; width:186px; height:36px; }
.ib_new_registration_actions.col-sm-8 { display: flex; justify-content: flex-end; margin: 10px; }
.ib_form_spacer { margin: 10px; }

/* Datatable sorting icons */
table.dataTable thead th.sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before{ position:absolute; content: "" !important; top: 10px !important; right: unset !important;left: 8px !important; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid white; }
table.dataTable thead th.sorting:after,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc:after{ position:absolute; content: "" !important; top: 22px !important; right: unset !important;left: 8px !important; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid white; }
table.dataTable thead th{ padding-left: 30px; padding-right:10px;}
.dataTables_wrapper > .row { width: 100%; margin:0; }

/* matching the layout with the psd */
.ibR_roles_manage {height: calc(100% - 2vw); }

/* Page wise style */
/* registration management */
.ib_registration_management_container .ib_table thead th{ background-color: #ffffff; color: #6f3137; border-bottom: 3px solid #c0ab94;  }
.ib_registration_management_container .ib_table thead th:not(:first-child) { border-right: 3px solid; }
.ib_registration_management_container .ib_table thead th:nth-child(2) { text-align: right; padding-right: 20px; }
.ib_registration_management_container .ib_table tbody td:nth-child(2) { text-align: right; padding-right: 20px; }

/* member management */
.ib_member_table .ib_table tbody td{ color: black; }
.ib_member_table table thead th:nth-child(3) { text-align: right; }
.ib_member_table table tbody td:nth-child(3) { text-align: right; }
.ibR_role_wrap{text-align:right !important;}

/* Group management */
.ib_group_management_container table thead th:nth-child(2) { text-align: right; }
.ib_group_management_container table tbody td:nth-child(2) { text-align: right; }

/* author profile page */
.ibR_profile_tab .nav-tabs .nav-link.active{ margin: 0 0 0 10px; border: none; height: 100%; line-height: 27px; }
.ibR_profile_tab .nav-tabs .nav-link { margin: 0 0 0 10px; border: none; height: auto;line-height: 27px; }


/*---------------------------------------------------MEDIA QURIES ---------------------------------------------------*/
@media (max-width: 1440px){ 
    .ib_sidebar_toggle{
        left:5.65vw;
    }
    .ib_sidebar_open {
        left: calc(1vw + 273px);
        transition: .6s;
    }
}
@media (max-width: 1345px){ 
    ib_sidebar_toggle{
        left:4.40vw;
    }
    .ib_sidebar_open {
        left: calc(1vw + 248px);
        transition: .6s;
    }
    .ibR_logo_middle img {
        height: 100px;
    }
    .ibR_login_btn button{
        width: 100%;
        margin: 1% 0;
        padding: 2% 6%;
        font-size: 14px;
    }
    a.navigation__link.navigation__link_header {
        line-height: 42px;
    }
    .navigation__content {
        font-size: 17px;
    }
    .ibR_section-warp-header .ibR_header-section-name {
        font-size: 10px;
        line-height: 11px;
    }
    .ibR_bk_name{
        font-size: 10px;
        top: -6px;
    }
    .ibR_book_heading_base_img_wrap img {
        width: 97px;
        top: -8px;
    }
}

@media (max-width: 1023px){   
    .ib_sidebar_toggle{
        left:3.30vw;
    }
    .ib_sidebar_open {
        left: calc(1vw + 367px);
        transition: .6s;
    }
    .ibR_user_bio_right_sec .ibR_bio_sec_heading{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .ibR_topic_title{
        flex-wrap: wrap;
        justify-content: center;
        padding: unset;
    }
    .ibR_prof_author_heading{
        margin: 0%;
        flex-wrap: wrap;
    } 
    .ibR_prof_author_footer{
        flex-wrap: wrap;
    }
    .ibR_login_btn button{
        font-size: 12px; 
    }
    .ibR_login_btn a{
        margin-top:2%;
    }
    .ibR_logo_middle h5{
        font-size: 15px;
    }
    .ibR_logo_middle img {
        height: 78px;
    }
    .ibR_logo_left img {
        width: 100px;
    }
    a.navigation__link.navigation__link_header{
        line-height: 38px;
    }
    .navigation__content {
        font-size: 14px;
    }
    .ibR_header-section .col-md-1 {
        padding: 1px;
    }
    .ibR_section-warp-header .ibR_header-section-name {
        font-size: 7px;
        line-height: 8px;
    }
    .ibR_slider .hero {
        left:35%;
    }
    .ibR_menu-footer a {
        font-size: 18px;
    }

    .ibR_user_books .ibR_dpdn_sortby{
        padding:unset;
    }
    .ibR_acc-authentication .ibR_user-profile label{
        white-space: nowrap;
    }
    .ibR_user-profile input {
        width: 84%;
    }
    .ibR_user-profile label {
        white-space: nowrap;
    }

}
@media (max-width: 768px){ 
    .ib_sidebar_toggle{
        left:3.30vw;
    }
    .ib_sidebar_open {
        left: calc(1vw + 371px);
        transition: .6s;
    }
    .ibR_header-login .ibR_login_btn {
        display: block;
    }
    .ib_main_content {
        flex-wrap: wrap;
    }
    .ib_sidebar > div {
        width: 100%;
    }
    .ib_user_profile_description {
        max-width: unset;
    }
    .ib_user_profile_cover_img img {
        max-width: 100%;
    }
    .ib_user_profile_details{
        text-align:center;
    }
    .ibR_slider .carousel-inner .carousel-item{
        height: auto;
    }
    .ibR_slider .carousel-inner img {
        position: relative;
        height: auto;
        width: 100%;
    }

}
@media (max-width: 767px){

    .trumbowyg-box .trumbowyg-editor, .trumbowyg-editor p , .trumbowyg-editor span {
        font-size: 22px;
    }

    .ib_sidebar_open,.ib_sidebar_toggle {
        left: unset;
        right: 0vw;
    }
    .ibR_btn_prm,.ibR_btn_create_acc {
        width: 100% !important;
    }    
    .ib_group_management_blocks {
        flex: 0 0 25%;
        max-width: 25%;
        text-align: center;
    }
    .ib_group_management_name{
        font-size:14px;
    }
    .language {       
        padding: 0;
        margin: 8px 0;
    }
    .ibR_header-left {
        flex-direction: column;
    }
    .ibR_header_main {
        justify-content: center;
        flex-direction: column;
    }
    .ibsh_search {
        flex: 0 0 100%;
        max-width: 100%;
        margin: auto;
    }
    .ibR_search_wrap {
        margin: 8px 0;
        padding-left: 0;
    }    
    .ibR_logo_middle img {
        height: 93px;
    }    
    .ibR_section-warp-header img {
        height: 30vw;
    }
    .ibR_section-warp-header .ibR_header-section-name{
        width:30vw;
        padding:0 20px;
    }
    .ibR_user-profile input {
        width:100%;
    }
    .profile_image img{
        max-height: 150px;
    }

}
@media (max-width: 480px){

    .mg-rght-20{
        text-align: left!important;
    }
    .navigation.navigation_header {
        width: 100%;
        position: absolute;
        top: 139px;
    }
    .navigation__content {
        display: block !important;
        font-size: 15px;  
        overflow: auto;
        max-height: 225px;
        height: auto;
    }
    a.navigation__link.navigation__link_header {
        padding: 11px 11px;
        line-height: 21px;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        text-align: center;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }
    .ibR_nav_bar_mob{
        display:block !important;
        position: absolute;
        right: 3%;
        font-size: 23px !important;
        color: #c0ab94;
    }
    .navigation_header{
        display:none;
    }
    .ibR_header_sub {
        padding: 3vw;
        width:unset;
    }
    .ibR_header-login{
        /*width: 80%;*/
        margin: auto;
    }
    .ibR_logo_left img {
        width: 90px;
        height: auto;
    }
    .ibR_logo_middle img {
        height: 68px;
    }
    .ibR_logo_middle H5 {
        font-size: 18px;
    }

    .ibR_header_sub .col-md-3,.ibR_header_sub .col-md-6{
        margin:1% 0;
    }
    .ibR_login_btn{
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .ibR_slider .hero {
        left:50%;
    }
    .ibR_logo-page-home {
        height: 215px;
    }
    .ibR_menu-footer a {
        font-size: 11px;
    }    
    .ibR_footer-social-icons .ibR_icon_social img {
        height: 20px;
        width: 20px;
    }
    .ibR_footer-logo img {
        width: 34vw;
    }

    .ibR_profile_tab .nav-tabs {
        border-bottom: 1px solid #dee2e6;
        padding: unset;
    }
    /* .ibR_profile_tab .nav-tabs .nav-item {
        width: 100%;
        margin: 1% 0;
    } */
    .ibR_book_heading_base_img_wrap img {
        width: 55vw!important;
        top: -20px;
    }
    .ibR_bk_name{
        font-size:20px;
    }
    .ibR_acc-authentication .ibR_profile-heading {
        top: -15px;
        font-size: 23px;
    }
    .ibR_btn_prm,.ibR_btn_create_acc {
        width: 100% !important;
    }
    .ibR_user-profile label {
        white-space: inherit;
    }
    .ib_sidebar {
        width: auto!important;
    }
    .article_icon_div .flex-icons .article_icons{
        margin-right: 4px !important;
        margin-left: 2px!important;
    }

    .articles-header{
        display: block;
    }

    #myPostData .data-date{
        width: 100%;;
        padding-left:3px;
        padding-right:0px;
    }

    .article_icon_div .flex-icons{
        justify-content: center!important;
    }

}

#myPostData .data-date{
    padding-left:0px!important;
    padding-right:0px!important;
}

@media (max-width:360px){
    .upload-btn-wrapper {
        margin-top: 25%;
    }
    .ibR_book_heading_base_img_wrap img {
        width: 53vw!important;
        top: -14px;
    }
    .ibR_bk_name{
        font-size:15px;
    }


}
.spec_edit,.btn-editicon{
    float: left;
}
table.dataTable thead th.sorting_disabled {
    padding-left:10px
}
.ib_table thead th  {
    padding-right: 10px !important; 
}  
#specialization_table  td  {
    text-align: center !important; 
} 
#specialization_table  td.float-left-cst{
    text-align: right !important;
}
.ib_user_tool_text{ display: block; font-size: 14px; white-space: nowrap; }

.trumbowyg-dropdown button {
    text-align: right !important;
}

.left-float{
    float: right;
}
.right-float{
    float: left;
}
img.ibR_article_check {
    height: 18px;
    float: right;
    margin-top: -22px;
    margin-left: 8px;
}
.ib_but{
    margin-left: 8px; 
}
.mar-right-10{
    margin-left: 10px!important;;
}
.gv-span {
    margin-right: 10px;
}
.topic_icons img, .topic_icons i{
    margin-left: 10px;
}
.ibJ_sq,.ibJ_qs {
    border-top-left-radius: 22px;
}
.ibJ_jaya { 
    text-align: left;
}
.left_sq {
    border-top-right-radius: 22px;
}

/*.gridview_table_length.single .selectize-input:after,.gv_direction_change.single .selectize-input:after,.gv_select_change.single .selectize-input:after,.table_member_management_length.single .selectize-input:after{ 
    right:5px !important;
}*/
/* profile */
.profile .user .avatar {
    right: 20px;
}
.pad-right-0{
    padding-left: 0px;
}

label.form__label {
    margin: 0  0 0 14px;
}
.cover_img_profile{
   /* bottom: 20px;
    left: 30px;*/
}
.newavatar .ibR_user_img_upload {
    /*bottom: 0;
    right: 43px;*/
}

.right-text{
    text-align: left;
}
.left-text{
    text-align: right; 
}
.selectize-center .selectize-input.items,.selectize-center .selectize-control.single .selectize-input.input-active, .selectize-input, .selectize-center  .selectize-dropdown-content{
     text-align: center !important; 
}
.trumbowyg-dropdown-left .trumbowyg-dropdown button{
    text-align: left !important; 
}
.trumbowyg-dropdown-left .trumbowyg-dropdown-textdirection {
    width: 137px;
}
.certificate_container .camera-class { position: absolute; bottom:0; left:10px; }
.white-btn {
    border: 2px solid #073763;
    border-radius: 6px;
    padding: 1px 12px;
    font-weight: 600;
    font-size: 20px;
}
.question_btn {
    width: 122px;
}
.sidebar_date_text {
    direction: ltr;
}

.ib_courses{
    background-color: rgb(255, 255, 255);
}

.course_bg_div {
    border-radius: 69px;
    height: 50px;
    width: 50px;
    margin: 0 auto;
}

.ib_account_controls_container{
    width: 50%;
}
   .search_subject{
        background-size: 20px;
        background-repeat: no-repeat;
        background-position: center;
        width: 45px;
        background-image: url(/uploads/searchicon.png);
   }
@media screen and (max-width:600px){
    .text-right{
        text-align: inherit!important;
    }

    .ibR_profile_tab .nav-tabs .nav-link{
        font-size: 15px!important;
    }

    .ib_account_controls_container{
        width: 100%;
    }
    .ib_tabs{
        padding-right: 0px;
        padding-left: 13px;
    }

    /* .nav-tabs .nav-item{
        width: 20%;
    } */
    .newimg-cover{
        width: 100%;
        height: auto;
    }

    .button_profile_left{
        padding-top: 20px;
    }

    .ibR_user_db_val{
        width: 138px!important;
    }

    .button_profile_right{
        position: relative;
        bottom: 53px;
    }

    .ib_tabs .nav-link span{
        font-size: 18px!important;
    }

    .following, .follower{
        width: 50%!important;
    }

    .all_follow{
        margin-right: -4px;
    }

    .adjust-width{
        font-size: 12px;
        text-align: center;
    }
    .button_filter_wrap{
        padding-top: 10px;
    }
   .search_subject{
        background-size: 20px;
        background-repeat: no-repeat;
        background-position: center;
        width: 45px;
        background-image: url(/uploads/searchicon.png);
        border: none !important;
    }
    /* .ibR_profile_tab .nav-tabs .nav-item {
        width: 105px;
        margin: 1% 0;
    } */
    .ib_table thead th, .ib_table thead td a{
        font-size: 11px!important;
    }

    .ibR_profile_tab .nav-tabs .nav-item a{
        font-size: 14px;
    }
    .gridview_table_length .selectize-input{
        width: 50px;
    }

        .ibR_header_main {
          flex-direction:column
        }
        .ibR_icon-social{
            order: 1;
            position: relative;
            right: 34px
        }
        .ibR_language{
            order: 2;
            float: right;
            position: absolute;
            top: 0px;
            right: 48px;
        }

        .ibR_mem_dpdn{
            display: inline;
        }
        .ibsh_search{
            max-width: 73%;
            margin: auto;
            float: left;
            margin-left: 60px;
            width: 73%;
        }
        .selectize-center{
            width: 100%;
        }

        .ibR_login_btn{
            width: 100%;
            padding-bottom: 48px;
        }

        .ibR_btn_prm{
            float: left;
            width: 48%!important;
            padding: 5px;
            height: 37px!important;
        }

        .ibR_btn_create_acc{
            float: left;
            width: 48%!important;
            height: 37px!important;
            float: right;
        }

        .dashbord_logout{
            float: right;
            position: absolute;
            left: 52%;
            width: 100%
        }

        .ibR_logo_middle img {
            height: 65px;
            width: 303px;
        }

        .ibR_logo_left img {
            width: 83px;
            height: 51px;
        }

        .course_tbl_gridviewbtn, .course_tbl_listviewbtn{
            position: relative;
            top: 40px;
            left: 240px;
        }

        .mar-right-10{
            width: auto;
        }

        .home_tab{
            flex-direction: column;
        }

        .home_tab .filter{
            order: 3;
        }

        .home_tab .ibR_search_wrap{
            order: 1;
        }

        .home_tab .courses{
            order: 2;
        }
        

        .ibR_txt_srt{
            margin-left: 10px;
            width: 100%;
        }

        .margin_sort{
            display: flex;
            position: absolute;
            width: 100%;
            right: 0px; 
        }

        .margin_sort .selectize-center{
            width: 50%;
        }

        .courses_col{
            width: 100%;
        }
        .ibR_bio_sec_heading{
            margin-top: -4px;
        }

        .new_course_desp.new_course_border{
            margin-bottom: 15px;
        }

        .ibR_login_btn a{
            width: 100%!important;
        }

        .mar-right-10{
            margin-bottom: 10px;
        }

        .ib_table td, .ib_table th {
            font-size: 11px!important;
        }
        

        .lesson-btns .ib_btn {
            width: auto!important;
        }
        .course-info_img {
            width: 100%;
            padding: 14px;
        }

        .course_bg_div {
            border-radius: 69px;
            height: 50px;
            width: 50px;
            margin: 0 auto;
        }
}


.icons{
    position: relative;
    display: inline-block;
    left: 45px;
}


  
  .icons .ex_icon {
    left: 50px!important;
    top: -5px!important;
  }
  


  .tooltipicon {
    position: relative;
    display: inline-block;
    margin-right: 6px;
  }
  
  /* Tooltip text */


  .tooltipicon .tooltipicontext {
    visibility: hidden;
    width: auto;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    bottom: 110%;
    left: 50%;
  }
  
  /* Show the tooltip text when you mouse over the tooltip container */
  .tooltipicon:hover .tooltipicontext {
    visibility: visible;
  }
/* ===== Locale-aware sidebar rail (clean & conflict-free) =====
   
*/

/* حوّل الغلاف إلى عمود مرن */
.katoop-sidebar-bridge {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: min(340px, 28vw);
}

/* LTR = يسار الواجهة */
html[dir="ltr"] .katoop-sidebar-bridge {
  margin-inline-start: 0;
  margin-inline-end: auto;     /* يدفع العمود إلى أقصى اليسار */
  align-items: flex-start;     /* محاذاة المحتوى لليسار */
}

/* RTL = يمين الواجهة */
html[dir="rtl"] .katoop-sidebar-bridge {
  margin-inline-start: auto;
  margin-inline-end: 0;        /* يدفع العمود إلى أقصى اليمين */
  align-items: flex-end;       /* محاذاة المحتوى لليمين */
}

/* أعِد العناصر الداخلية إلى التدفق العادي (بعضها كان fixed/float قديماً) */
.katoop-sidebar-bridge > *:not(.ib_sidebar_toggle) {
  position: static !important;
  left: auto !important;
  right: auto !important;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  text-align: inherit !important; /* يلتزم باتجاه الواجهة */
}

/* زر الإظهار/الإخفاء فقط نحافظ على موضعه حسب الاتجاه */
html[dir="ltr"] .katoop-sidebar-bridge .ib_sidebar_toggle {
  left: 5.65vw !important;
  right: auto !important;
}
html[dir="rtl"] .katoop-sidebar-bridge .ib_sidebar_toggle {
  right: 5.65vw !important;
  left: auto !important;
}

/* --- Final rail side fix (container-level, overrides legacy) --- */
/* LTR: rail on the LEFT */
html[dir="ltr"] .katoop-sidebar-bridge {
  float: left !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

/* RTL: rail on the RIGHT */
html[dir="rtl"] .katoop-sidebar-bridge {
  float: right !important;
  margin-right: 0 !important;
  margin-left: auto !important;
}

/* --- Sidebar content direction & alignment --- */
html[dir="ltr"] .katoop-sidebar-bridge {
  direction: ltr !important;
  text-align: left !important;
}
html[dir="rtl"] .katoop-sidebar-bridge {
  direction: rtl !important;
  text-align: right !important;
}

/* Let inner content inherit the container direction cleanly */
.katoop-sidebar-bridge * {
  text-align: inherit !important;
  direction: inherit !important;
}
.katoop-search-stub { opacity: .6; pointer-events: none; }
.katoop-search-input { padding: .35rem .6rem; border: 1px solid #ccc; border-radius: 6px; }
.katoop-header-logo { max-height: 64px; height: auto; width: auto; object-fit: contain; }
/* --- Batch 5.4: Tiny UI polish --- */
.navigation__link {
  display: inline-block;
  padding: .35rem .75rem;
  line-height: 1.2;
  text-decoration: none;
}
.navigation__link:hover { opacity: .92; }
.navigation__link:focus-visible {
  outline: 2px solid #6f3137;
  outline-offset: 2px;
  border-radius: 6px;
}
/* Active link underline effect */
.navigation__link_active {
  box-shadow: inset 0 -2px 0 currentColor;
}

/* Navbar title spacing */
.navigation_header__title {
  margin: .25rem 0 .5rem !important;
  font-weight: 700;
}

/* Search stub spacing */
.katoop-search-stub { margin-inline-start: .5rem; }

/* --- Optional: webp hint (no breaking changes) --- */
.webp img[data-webp="1"] {
  image-rendering: auto;
}

.sr-only { 
  position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; 
}
/* Skip link for accessibility */
.skip-link {
  position: absolute;
  left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden;
}
.skip-link:focus {
  left: 10px !important; top: 10px;
  width: auto; height: auto;
  background: #6f3137; color: #fff; padding: .4rem .6rem; border-radius: 6px;
  z-index: 10000;
}