.font-dosis{font-family:Dosis,Roboto,sans-serif}.bg-ui-general{background-image:url(../img/header/general.png)}.doc-btn-spacing .btn{margin-bottom:10px;margin-right:6px}.doc-btn-spacing .btn-group{margin-bottom:10px}.doc-btn-spacing .btn-group .btn,.doc-btn-spacing .btn-group .btn-group,.doc-btn-spacing .btn-group-vertical .btn{margin-bottom:0;margin-right:0}.doc-dropdown .dropdown,.doc-dropdown .dropup{display:inline-block}.doc-dropdown .dropdown-grid,.doc-dropdown .dropdown-menu{-webkit-transform:scale(1,1);transform:scale(1,1)}.doc-bg-colors-spacing>[class*=bg-]{padding:8px;margin-bottom:8px}.doc-link-colors-spacing>a[class]{padding-right:8px}.doc-topbar-static .topbar{position:static;-webkit-box-shadow:0 0 5px rgba(0,0,0,.08);box-shadow:0 0 5px rgba(0,0,0,.08)}.doc-topbar-static .topbar .sidebar-toggler,.doc-topbar-static .topbar .topbar-menu-toggler{display:none}.topbar-menu-open .doc-topbar-static .topbar .topbar-navigation{display:none}.doc-aos div{width:200px;height:200px;margin:0 auto 50px;background-color:#fff;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;-webkit-box-shadow:0 0 15px rgba(0,0,0,.07);box-shadow:0 0 15px rgba(0,0,0,.07)}.demo-code-for-media .code-title{background-color:#fff}.demo-code-for-media .code-preview{padding:0}.demo-code-for-media .code-toggler~pre{display:none}.doc-media-bg .media{background-color:#f9fafb}.demo-icons-list{display:-webkit-box;display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;font-size:32px}.demo-icons-list li{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;margin-right:20px;margin-bottom:20px;width:72px;height:72px;text-align:center;cursor:pointer;-webkit-transition:.1s;transition:.1s}.demo-icons-list li .material-icons{font-size:inherit}.demo-icons-list li [data-i8-icon]{margin:0 10px}.demo-icons-list li [data-provide~=emoji] svg{width:32px;height:32px}.demo-icons-list li:hover{background-color:#f7fafc}.demo-icons-list.icons-size-16px{font-size:16px}.demo-icons-list.icons-size-16px li{width:56px;height:56px}.demo-icons-list.icons-size-24px{font-size:24px}.demo-icons-list.icons-size-24px li{width:64px;height:64px}.demo-icons-list.icons-size-32px{font-size:32px}.demo-icons-list.icons-size-32px li{width:72px;height:72px}.demo-icons-list.icons-size-48px{font-size:48px}.demo-icons-list.icons-size-48px li{width:88px;height:88px}.demo-icons-list.icons-size-64px{font-size:64px}.demo-icons-list.icons-size-64px li{width:104px;height:104px}.demo-icons-list.icons-size-80px{font-size:80px}.demo-icons-list.icons-size-80px li{width:120px;height:120px}.demo-icons-list.icons-size-96px{font-size:96px}.demo-icons-list.icons-size-96px li{width:136px;height:136px}.demo-emoji-list-container .demo-icons-list li{margin-right:0;margin-bottom:0;width:52px;height:52px}.demo-emoji-list-container .demo-icons-list.icons-size-16px li{width:36px;height:36px}.demo-emoji-list-container .demo-icons-list.icons-size-16px li [data-provide~=emoji] svg{width:16px;height:16px}.demo-emoji-list-container .demo-icons-list.icons-size-24px li{width:44px;height:44px}.demo-emoji-list-container .demo-icons-list.icons-size-24px li [data-provide~=emoji] svg{width:24px;height:24px}.demo-emoji-list-container .demo-icons-list.icons-size-32px li{width:52px;height:52px}.demo-emoji-list-container .demo-icons-list.icons-size-32px li [data-provide~=emoji] svg{width:32px;height:32px}.demo-emoji-list-container .demo-icons-list.icons-size-48px li{width:68px;height:68px}.demo-emoji-list-container .demo-icons-list.icons-size-48px li [data-provide~=emoji] svg{width:48px;height:48px}.demo-emoji-list-container .demo-icons-list.icons-size-64px li{width:84px;height:84px}.demo-emoji-list-container .demo-icons-list.icons-size-64px li [data-provide~=emoji] svg{width:64px;height:64px}.demo-emoji-list-container .demo-icons-list.icons-size-80px li{width:100px;height:100px}.demo-emoji-list-container .demo-icons-list.icons-size-80px li [data-provide~=emoji] svg{width:80px;height:80px}.demo-emoji-list-container .demo-icons-list.icons-size-96px li{width:116px;height:116px}.demo-emoji-list-container .demo-icons-list.icons-size-96px li [data-provide~=emoji] svg{width:96px;height:96px}.demo-color-list{list-style:none;padding:0;margin:0}.demo-color-list li{display:-webkit-inline-box;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;margin:20px;margin-right:0;border:1px solid #f1f2f3}.demo-color-list li>span{display:-webkit-box;display:flex;-webkit-box-flex:1;flex-grow:1;flex-basis:100px;min-height:80px;min-width:160px}.demo-color-list p{font-size:12px;padding:6px 12px;margin-bottom:0;background-color:#fcfdfe;border-top:1px solid #f1f2f3}.demo-tooltip-static .tooltip{position:relative;display:inline-block;opacity:1;margin-bottom:15px}.custom-badge-container{

                position: relative !important;

            }

            .custom-badge-lay{

                position: absolute !important;

                top: 22px !important;

                left: 24px !important;

                font-size: 9px !important;

            }

            .te-custom-badge-container{

                position: relative !important;

            }

            .te-custom-badge-lay{

                position: absolute !important;

                top: 15px !important;

                left: 23px !important;

                font-size: 9px !important;

            }

            .sidebar-header > *{

     margin-left: 0px !important;

margin-right: 0px !important;

 }

 .sidebar-header{

     padding: 0 !important;

 }

 .dataTables_paginate {

    float: right;

    text-align: right;

    padding-top: 0.25em

}

.dataTables_paginate .paginate_button {

    box-sizing: border-box;

    display: inline-block;

    min-width: 1.5em;

    padding: 0.5em 1em;

    margin-left: 2px;

    text-align: center;

    text-decoration: none !important;

    cursor: pointer;

    *cursor: hand;

    color: #333 !important;

    border: 1px solid transparent;

    border-radius: 2px

}

.dataTables_paginate .paginate_button.current,

.dataTables_paginate .paginate_button.current:hover {

    color: #333 !important;

    border: 1px solid #979797;

    background-color: white;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));

    background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);

    background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);

    background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);

    background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);

    background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%)

}

.dataTables_paginate .paginate_button.disabled,

.dataTables_paginate .paginate_button.disabled:hover,

.dataTables_paginate .paginate_button.disabled:active {

    cursor: default;

    color: #666 !important;

    border: 1px solid transparent;

    background: transparent;

    box-shadow: none

}

.dataTables_paginate .paginate_button:hover {

    color: white !important;

    border: 1px solid #111;

    background-color: #585858;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));

    background: -webkit-linear-gradient(top, #585858 0%, #111 100%);

    background: -moz-linear-gradient(top, #585858 0%, #111 100%);

    background: -ms-linear-gradient(top, #585858 0%, #111 100%);

    background: -o-linear-gradient(top, #585858 0%, #111 100%);

    background: linear-gradient(to bottom, #585858 0%, #111 100%)

}

.dataTables_paginate .paginate_button:active {

    outline: none;

    background-color: #2b2b2b;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));

    background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);

    background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);

    background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);

    background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);

    background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);

    box-shadow: inset 0 0 3px #111

}

.dataTables_paginate .ellipsis {

    padding: 0 1em

}

.sr-fb-color{

    background-color: #3b5998 !important;

    color:white !important;

}

.sr-tw-color{

    background-color: #00aced !important;

    color:white !important;

}

.datatablephbuttons, .datatableshowresult{

     text-align:left !important;

 }

 .datatablephsearchbox, .datatablespagination{

     text-align:right !important;

 }

 @media(max-width:768px){

     .datatablephbuttons, .datatableshowresult{

         text-align:center !important;

         margin-bottom:10px !important;

          float:none !important;

     }

     .datatablephsearchbox, .datatablespagination{

     text-align:center !important;

      margin-bottom:10px !important;

       float:none !important;

 }

 .dataTables_paginate{

       float:none !important;

       margin:0 auto !important;

 }

 .phcard-action{

     text-align: right !important;

 }

 .phbtnlabel{

     padding:0px !important;

     font-weight:bold !important;

     width: 35px !important;

     

 }

 .phbtnlabelcolor1{

     background-color:#33cabb !important;

 }

 .phbtnlabelcolor2{

     background-color:#f2a654 !important;

 }

 .table-bordered{

   border: 1px solid #e9ecef !important;  

 }

 .phbuttonlayer{

     width: 35px !important;

height: 35px !important;

 }

 .phcard-action i{

     top: 3px;

vertical-align: middle;

font-size: 24px;

position: relative;

 }

 .phcard-action .btn-label{

      width: 35px !important;

      padding-left:0 !important;

 }

 

 }

 .kmcsection1{

	background-color:rgba(0,0,0,0.5);

}

.carousel-inner{

	height:600px !important;

}

.carousel-caption{

	top:25vh !important;

}

.carousel-caption h3{

	font-size:60px !important;

	font-weight:bold !important;

	background-color: rgba(0,0,0,0.5);

width: 60%;

margin: 0 auto;

border-bottom: 2px solid #ef5350;

text-shadow: 1px 0px black;

text-transform:capitalize;

}

.carousel-caption p{

	font-size:14px;

	text-shadow: 1px 0px black;

}

.phdottedbg{

	background-image:url('')

}

.kmnavmenu{

height:81px;

padding:0 !important;

}

.kmcheadercontainer .nav-item{

padding: 24px 10px !important;

}

.kmcheadercontainer .nav-item .nav-link{

color: #929daf !important;

font-size: 17px !important;

}

.kmcheadercontainer .navbar-nav .active{

	background-color: #ef5350 !important;

}

.kmcheadercontainer .navbar-nav .active a{

	color:white !important;

}

.kmcheadercontainer{

	width:100% !important;

	position: fixed !important;

z-index: 100 !important;

box-shadow: 1px -2px 24px gray !important;

}

.kmcbrandwrapper{

	height: 81px !important;

	width: 343px !important;

}

.kmc-maincontent{

	padding:0 !important;

}

.kmceventbtn{

	background-color:transparent !important;

	color:white;

	border:2px solid white !important;

	border-radius:50px !important;

	padding:8px 20px;

	font-size:20px;

	font-weight:bold;

	opacity:1;

	cursor:pointer;

}

.kmceventbtn:hover{

	opacity:0.7;

}

/*PASTOR PAGE*/

.kmccarousel-caption{

	height: 605px;

}

.kmccarousel-caption h3{

	font-size:60px !important;

	font-weight:bold !important;

	background-color: rgba(0,0,0,0.5);

width: 60%;

margin: 0 auto;

border-bottom: 2px solid #ef5350;

text-shadow: 1px 0px black;

text-transform:capitalize;

position: relative;

top: 57%;

text-align: center;

}

.kmcsectionpastor{

	position:fixed;

	min-height:300px;

}

.kmcpastor-main{

background-color:#f3f5f7;

position: relative;

}

.blog-card-extdgn{

	text-align: center !important;

}

.blog-ext-design{

	height: 60px !important;

	width: 200px !important;

	text-align: center !important;

	margin-left: 115px !important;

	padding: 20px !important;

	position: relative !important;

	top: -19px !important;

	left: auto !important;

	right: auto !important;

	margin: 0 auto !important;

}

.cust-90-wd{

	width: 90% !important;

	margin:0 auto !important;

}

.cust-wd{

	text-align: center !important;

}

.blog-ext-design span{

	margin: 0 auto !important;

}

.blog-card-extdgn .media{

	text-align: left !important;

}

.cust-social-design1{

	display: flex;

}

.cust-social-design2{

	align-self: center;

	margin: 0 auto;

}

@media(max-width: 768px){

 .phcard-action{

     text-align: right !important;

 }

 .phbtnlabel{

     padding:0px !important;

     font-weight:bold !important;

     width: 35px !important;

     

 }

 .phbtnlabelcolor1{

     background-color:#33cabb !important;

 }

 .phbtnlabelcolor2{

     background-color:#f2a654 !important;

 }

 .table-bordered{

   border: 1px solid #e9ecef !important;  

 }

 .phbuttonlayer{

     width: 35px !important;

height: 35px !important;

 }

 .phcard-action .btn-square{

      display:block !important;

	 padding: 5px !important;

	 width: 20px !important;

	 height: 20px !important;

 }

 }
 .pop-up-overlay{
    width:100%;
    position:fixed;
    height:100vh;
    z-index:998;
    text-align:center;
    background-color:rgba(0,0,0,0.6);
    display: flex;
    top:0;
    left:0;
    /* margin-left: -40px; */
 }
 .pop-up-box{
width: 700px;
margin: 0 auto;
background-color: white;
padding: 10px;

position: relative;
align-self: center;

 }
 .inline-popup{
    display: inline-block;
 }
 .pop-up-close{
    text-align: right;
    float: right;
 }
 .pop-up-header{
    display: flex;
    width: 100%;  
    align-items: center; 
 }
 .pop-up-title{
background: linear-gradient(to right, #133755 , #7c1f1e) !important;
padding: 10px;
margin: 0px 0px 20px 0px;

box-shadow: 1px 1px 2px black;
color: white;
width: 100%;
display: flex;
justify-content: space-between;
height: 52px;
align-items: center;
}
.pop-up-title h3{
color: white;
font-weight: 400;
text-transform: uppercase;
margin-bottom: 0;
}
 .pop-up-close .fa-times-circle{
font-size: 23px;
color: white;
 }
 #submitInput{
    margin-top:10px;
 }
 .leftsidesec{
    padding:10px;
 }
 .borderHor{
    border-top:1px dashed white;
 }
 .canditem{
    text-align: center;

 }
 .candInfoContainer{
    padding:10px;
 }
 .itemInlineEle{
    display: inline-block;
 }
 .itemTextSize{
    font-size:16px;
    margin-top:10px;
 }
 .borderSides{
    border-left:1px solid #ffffff4d;
    border-right:1px solid #ffffff4d;
    padding:0px 5px;
 }
 .borderHor2{
    border-top:1px dashed gray;
 }
 .pbcustom{
    padding-bottom:0px !important;
 }
 .sidebarCnt{
    position:relative;
 }
 .imgSrcbg{
    position: absolute;
width: 69%;
height: auto;
bottom: 0;
 }
 .notificationBellCont{
color: #565656;
border-left: 1px solid #d8d8d8;
padding: 0px 19px;
 }
 .secondNavBar{
/* background-color:#124185; */
background: linear-gradient(to right, #133755 , #7c1f1e) !important;
width:100%;
height:50px;
 transition: all 1s ease;
/* box-shadow: 1px 1px 5px gray; */
 }
 .secondarymarginon{
     margin-top:64px;
 }
 .secondarymarginnone{
     margin-top:0;
 }
 .topbar{
box-shadow: 4px 0 5px rgba(0, 0, 0, 0.5) !important;
 }
 .secondNavItems{
     margin:0;
     display: inline-block;
     height:100%;
     padding: 0;
    border-right: 1px solid #003177;

 }
  .secondNavItems:last-child{
      border-right: 1px solid transparent;
  }
  .secondNavItems:first-child{
    margin-left:30px !important;
  }
 .secndNavIcn{
     margin-right:3px;
 }
.secnavItemWrap{
     height:100% !important;
    padding: 2px 6px;
    color:#fff;
font-weight: 300;
font-size: 18px;
 }
 .secnavItemWrap:visited{
    color:#fff;
}
 .secnavItemWrap a:active{
    color:#000!important;
 }
 
 .secnavItemWrap a:hover{
    color:#000;
 }
.secnavItemWrap:link{
    color:#fff;
 }

 /* Active nave item background and ancher color will change */
 .secMenuActive{
    background: rgba(200, 200, 200, 0.7);
     /* color:#00aced; */
 }
 .secMenuActive > a{
    color:#000!important;
 }
 /* on mouse hover nav-item background and ancher color will change */
 .secondNavItems:hover{
    background: rgba(200, 200, 200, 0.7);
    color:#000;
 }

 /* mouse hover on nav-item  ancher color wil change */
 .secondNavItems a:hover{
    color:#000;
    }


 .aeries-ListNotific .media-new{
     display: inline-block;
 }
 .notigictionDdMenu .dropdown-menu .media-new{
     word-break: break-all;
 }
 .referNanNo{
    border-top: 1px solid #1e4185;
    padding-top: 10px;
    font-weight: normal !important;
 }
 .refeidtext{
     color:#1e4185;
 }

 /* #login_form .btn{
    background: linear-gradient(to right, #133755 , #7c1f1e) !important;
    color:#fff;
    border: none;
    padding: 15px 20px;
    border-radius: 25px;
    box-shadow: none;
 } */

 .pop-up-pad{
     padding:10px;
 }
   .green-circle{ 
   background: #bdfdbd;
   padding: 10px;
   border-radius: 100px;
   } 
   .modal-body {
   position: relative;
   flex: 1 1 auto;
   padding: 15px;
   }
   .modal-footer {
   border: none;
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
   }
   .tdmodal {
   border: 1px solid #dddddd;
   text-align: center;
   padding: 8px;
   }
   
.custom-bgModal{
   background: #f3e6e6;
    padding: 4px;
    color: #000;
}


.showiteminline {
    display: inline;
    visibility: visible;
}
.customtagbox {
    border: 1px solid #808080;
    color:    #000;
    padding: 5px 12px;
    font-size: 14px;
    line-height: inherit;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
    min-height: 40px;
    border-radius: .25rem !important;
    visibility: visible;
    position: relative;
}
.tagname {
    border-radius: 14px;
    background-color: 
    #e7e6e6;
    margin: 10px;
    padding: 4px 10px;
    text-transform: capitalize;
}
.card {
    word-wrap: break-word;
}
input, button {
    height: 35px;
    margin: 0;
    padding: 6px 12px;
    border-radius: 2px;
    font-family: inherit;
    font-size: 100%;
    color: inherit;
}
input, select {
    border: 1px solid #CCC;
    width: 50px;
}
.ml-10 {
    margin-left: 10px !important;
}
.form-group label[class="error"] {
    color:     red !important;
    font-size: 12px !important;
    z-index: 99 !important;
    position: absolute;
    left: 14px;
    top: 53px;
}
.form-group label {
    color: #000;
    font-weight: 400;
    display: block;
    margin-bottom: 3px;
}
.form-group {
    position: relative !important;
}
.showNo{
    display: none;
}
.showYes{
    display: block;
}