@charset "utf-8";
/* CSS Document */
*{padding:0px;margin:0px;}
@import url(//fonts.googleapis.com/earlyaccess/notosanskannada.css);

@font-face {
font-family: 'Roboto-Regular';
src: url(../fonts/Roboto-Regular.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'segoe';
src:url(../fonts/ufonts.com_segoe-ui-light.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}

.segoe-font{font-family:'segoe';}
.roboto-font{font-family:'Roboto-Regular';}
.amharicfont{font-family: 'Noto Sans Kannada', sans-serif;}

html, body{
	width:100%; height:100%;
	font-family: 'Lato';
}
.kontext .yklayer {
	position: absolute;
	width: 100%;
	min-height: 100%;
	top: 0;
	left: 0;
	visibility: hidden;
	/*box-shadow: 0px 0px 120px rgba( 0, 0, 0, 0.8 );*/
}
/* BACKGROUND 
.bg{background:url(../bg/bg.png) center center fixed no-repeat;}
.bg-frosted{background:url(../bg/bg_frosted.png) center center fixed no-repeat;}
*/
.bg-full-size{
	-webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
}
/* WRAPPER */
.pge{float:left;width:100%;height:100%}

/* HEADER */
.hdr{
	width:100%;
	float:left;
	position:fixed;
	overflow:hidden;
}
.hdr-strt{
	background:rgba(255, 255, 255, .4);
	border-bottom:solid 1px #fff;
}
.hdr-logo-txt{
	float:left;
	padding:0.25% 1% 0%;
	font-size:18px;
	color:#fff;
}
.hdr-pge-name{
	float:left;
	padding:0% 1%;
	font-size:16px;
	color:#fff
}



/* BODY */
.bdy{}
.arrow_back{
	background:url(../images/arrow_back.png) no-repeat;
	width:35px; height:35px; cursor:pointer;
}
.strt-menu-hldr{
	float:left; width:100%;
}
.hldr-col-text{
	text-align:justify;
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
	-webkit-column-gap: 5px; /* Chrome, Safari, Opera */
    -moz-column-gap: 5px; /* Firefox */
    column-gap: 15px;
}
.pge-slide-holder{
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
}
.pge-slide{
	position: absolute;
	top: 0px; left: 0px;
	width: 100%; height: 100%
}


/* FOTTER */
.ftr{}

/****MISCELANIOUS****/
/* BORDER */
.brdrad-3{border-radius:3px;}
.brdrad-5{border-radius:5px;}
.brdrad-10{border-radius:10px;}
.brdrad-15{border-radius:15px;}

/* TITLING */
.title-1{
	font-size:36px;
	color:#fff;
	text-transform:uppercase
}
.title-2{
	font-size:16px;
	color:#fff;
}

/* LISTING */
.list-1{float:left;}
.list-1 li{display:block;margin:20px 5px;float:left}

.list-2{float:left;width:100%}
.list-2 li{
	float:left; 
	display:block;
	padding:3px 8px; 
	margin:5px 0px;
	border-radius:3px;
	font-size:14px;
	color:#2b78e4;
	background-color:rgba(241, 246, 248, .2);
	border-radius:3px;
	cursor:pointer
}
.list-2 li:hover{
	background-color:rgba(241, 246, 248, .4);
}
.list-2 li.active{
	background-color:rgba(241, 246, 248, .6);
}

.list-3{float:left;width:100%;margin:0px;padding:5px;}
.list-3 li{
	display:block;
	padding:3px 8px; 
	margin:0px 10px;
	height:25px;
	float:left
}
	
.list-4{
	float:left;
}
.list-4 li{
	display:block;
	float:left
}
.list-4 li.activity{
	padding:3px 8px; 
}
.list-4 li.activity:hover{
	border-radius:10px;
	background:rgba(241, 246, 248, 1);
	cursor:pointer
}


/* Miscelanious */
.clear{clear:both;}
.border{border:1px solid #2b78e4;}
.border-top{border-top:1px solid #2b78e4;}

.input-custom{
	border: 1px solid #8392a9;
	height: 40px;
  font-weight: 100;
	background-color: #fff;
}
.input-custom::placeholder {
  color: #8392a9;
  font-weight: 100;
}
/* Change autocomplete styles in WebKit */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid #8392a9;
	color:#0d47a1
  -webkit-text-fill-color: #8392a9;
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
  transition: background-color 5000s ease-in-out 0s;
}


.btn-custom{
	border:none;
	color:#fff;
	font-weight:100;
	padding:5px 10px;
	background-color:#2b78e4;
	border-radius:5px;
	
}
.btn-custom i:before {
    content: " "; /* Insert content that looks like bullets */
    padding-left: 100px;
    color: blue; /* Or a color you prefer */
}
.btn-custom-1{
	color:#2b78e4;
	font-weight:100;
	padding:5px 10px;
	background:none;
	border-radius:5px;
	
}
.label-yk{
	border:#FFF 1px solid;
	font-weight:100;
	
}

.zind2{z-index:2}
.zind3{z-index:3}
.zind4{z-index:4}
.zind5{z-index:5}
.zind6{z-index:6}
.zind7{z-index:7}
.zind8{z-index:8}
.zind9{z-index:9}

.wid-12{width:100%}

.fltlft{float:left;}
.fltrgt{float:right;}

.abslt{position:absolute;}
.rltv{position:relative;}
.fixd{position:fixed;}

.toplft{top:0px; left:0px;}
.toprgt{top:0px; right:0px;}
.toplft5{top:5px; left:5px;}
.toprgt5{top:5px; right:5px;}
.toplft10{top:10px; left:10px;}
.toprgt10{top:10px; right:10px;}

.btmlft{bottom:0px; left:0px;}
.btmrgt{bottom:0px; right:0px;}
.btmlft5{bottom:5px; left:5px;}
.btmrgt5{bottom:5px; right:5px;}
.btmlft10{bottom:10px; left:10px;}
.btmrgt10{bottom:10px; right:10px;}

.padd0{padding:0px;}
.padd3{padding:3px;}
.padd5{padding:5px;}
.padd10{padding:10px;}
.padd15{padding:15px;}
.padd20{padding:20px;}
.padd25{padding:25px;}
.padd40{padding:40px;}

.dispnon{display:none;}
.dispblck{display:block;}

/* OVERFLOW */
.ovrhdn{overflow:hidden}

/* CURSOR */
.curpo{cursor:pointer}
.curdf{cursor:default}
.curre{cursor:n-resize}

.brdred{border:1px solid #FC767F;}
.brdblue{border:1px solid #2b78e4;}
.brdgrey{border:1px solid #6c6e79;}
.brdgreen{border:1px solid #345d00;}
.brdpurple{border:1px solid #520577;}
.brdorange{border:1px solid #f47a11;}

.clrwhite{color:#fff}
.clrbwhite{color:#f6f6f6}
.clrblue{color:#0d47a1}
.clrlblue{color:#457dd5}
.clrlblue40{color:rgba(241, 246, 248, .4)}
.clrdblue{color:#00488d}
.clrgrey{color:#6c6e79}
.clrlgrey{color:#ebebeb}
.clrdgrey{color:#4C4C4C}
.clrgreen{color:#345d00}
.clrorange{color:#f47a11}
.clrpurple{color:#520577}
.clrlpurple{color:#E0E0E0}
.clrred{color:rgb(217, 83, 79)}
.clrblack{color:#000000}

.bgblue{background-color:#1652b0;}
.bglblue{background-color:#eff0f2}
.bglblue80{background:rgba(241, 246, 248, .8)}
.bglblue60{background:rgba(241, 246, 248, .6)}
.bglblue40{background:rgba(241, 246, 248, .4)}
.bglblue20{background:rgba(241, 246, 248, .2)}
.bgdblue{background-color:#00488d}
.bgred{background-color:#FC767F}
.bglred{background-color:#f6665e;}
.bgyellow{background-color:#f5c210}
.bglyellow{background-color:#f6ce44}b
.bggreen{background-color:#00963f}
.bglgreen{background-color:#4ac37d}
.bgmsgblue{background-color:#0E86FE}
.bgdgrey{background-color:#4C4C4C}
.bggrey{background-color:#ebebeb}
.bglgrey{background-color:#e5ebee}
.bglpurple{background-color:#c224ff}
.bgpurple{background-color:#E0E0E0}
.bgbwhite{background-color:#feffff}
.bgwhite{background:rgba(255, 255, 255, 1);}
.bgwhite80{background:rgba(255, 255, 255, .8)}
.bgwhite60{background:rgba(255, 255, 255, .6)}
.bgwhite40{background:rgba(255, 255, 255, .4)}



/* ICONS */
.icon-action{
	background:url(../images/icon_action.png) no-repeat;
	width:26px; height:26px; cursor:pointer;
}
.icon-edit{background-position:-257px -20px;}
.icon-edit:hover{cursor:pointer;background-position:-257px -68px;}
.icon-add{background-position:-113px -20px;}
.icon-add:hover{cursor:pointer;background-position:-113px -68px;}
.icon-delete{background-position:-65px -20px;}
.icon-delete:hover{cursor:pointer;background-position:-65px -68px;}
.icon-view{background-position:-209px -20px;}
.icon-view:hover{cursor:pointer;background-position:-209px -68px;}
.icon-minus{background-position:-161px -20px;}
.icon-minus:hover{cursor:pointer;background-position:-161px -68px;}

/* LOADER */
.ldr-img{background:url(../images/loader.png) no-repeat;}

.ldr-sm{width:20px; height:20px; position:relative; float:left;}
.ldr-sm-quad{width:10px; height:10px;}
/* 25% */
.ldr-sm-line-5{background-position:-405px -28px;}
.ldr-sm-line-10{background-position:-405px -5px;}
.ldr-sm-line-15, .ldr-sm-line-20{background-position:-430px -5px;}
.ldr-sm-line-25{background-position:-430px -28px;}
/*50*/
.ldr-sm-line-30{background-position:-455px -28px;}
.ldr-sm-line-35{background-position:-455px -5px;}
.ldr-sm-line-40, .ldr-sm-line-45{background-position:-480px -5px;}
.ldr-sm-line-50{background-position:-480px -28px;}
/*75*/
.ldr-sm-line-55{background-position:-480px -50px;}
.ldr-sm-line-60{background-position:-480px -75px;}
.ldr-sm-line-65, .ldr-sm-line-70{background-position:-455px -75px;}
.ldr-sm-line-75{background-position:-455px -50px;}
/*100*/
.ldr-sm-line-80{background-position:-430px -50px;}
.ldr-sm-line-85{background-position:-430px -75px;}
.ldr-sm-line-90, .ldr-sm-line-95{background-position:-405px -75px;}
.ldr-sm-line-100{background-position:-405px -50px;}

.ldr-lg{width:80px; height:80px; position:relative; float:left;}
.ldr-lg-quad{width:40px; height:40px;}
/* 25% */
.ldr-lg-dot-5{background-position:-10px -10px;}
.ldr-lg-dot-10{background-position:-60px -10px;}
.ldr-lg-dot-15{background-position:-110px -10px;}
.ldr-lg-dot-20{background-position:-160px -10px;}
.ldr-lg-dot-25{background-position:-160px -10px;}
/* 50% */
.ldr-lg-dot-30{background-position:-210px -10px;}
.ldr-lg-dot-35{background-position:-260px -10px;}
.ldr-lg-dot-40{background-position:-310px -10px;}
.ldr-lg-dot-45{background-position:-360px -10px;}
.ldr-lg-dot-50{background-position:-360px -10px;}
/* 75% */
.ldr-lg-dot-55{background-position:-360px -60px;}
.ldr-lg-dot-60{background-position:-310px -60px;}
.ldr-lg-dot-65{background-position:-260px -60px;}
.ldr-lg-dot-70{background-position:-210px -60px;}
.ldr-lg-dot-75{background-position:-210px -60px;}
/* 100% */
.ldr-lg-dot-80{background-position:-160px -60px;}
.ldr-lg-dot-85{background-position:-110px -60px;}
.ldr-lg-dot-90{background-position:-60px -60px;}
.ldr-lg-dot-95{background-position:-10px -60px;}
.ldr-lg-dot-100{background-position:-10px -60px;}

/* 25% */
.ldr-lg-line-5{background-position:-10px -110px;}
.ldr-lg-line-10{background-position:-60px -110px;}
.ldr-lg-line-15{background-position:-110px -110px;}
.ldr-lg-line-20{background-position:-160px -110px;}
.ldr-lg-line-25{background-position:-210px -110px;}
/* 50% */
.ldr-lg-line-30{background-position:-260px -110px;}
.ldr-lg-line-35{background-position:-310px -110px;}
.ldr-lg-line-40{background-position:-360px -110px;}
.ldr-lg-line-45{background-position:-410px -110px;}
.ldr-lg-line-50{background-position:-460px -110px;}
/* 75% */
.ldr-lg-line-55{background-position:-460px -160px;}
.ldr-lg-line-60{background-position:-410px -160px;}
.ldr-lg-line-65{background-position:-360px -160px;}
.ldr-lg-line-70{background-position:-310px -160px;}
.ldr-lg-line-75{background-position:-260px -160px;}
/* 100% */
.ldr-lg-line-80{background-position:-210px -160px;}
.ldr-lg-line-85{background-position:-160px -160px;}
.ldr-lg-line-90{background-position:-11px -160px;}
.ldr-lg-line-95{background-position:-60px -160px;}
.ldr-lg-line-100{background-position:-10px -160px;}

.material-switch > input[type="checkbox"],
	.material-switch > input[type="radio"] {
    display: none;   
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 40px;  
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before,
.material-switch > input[type="radio"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after,
.material-switch > input[type="radio"]:checked + label::after {
    background: inherit;
    left: 20px;
}

hr {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #EEEEEE -moz-use-text-color #FFFFFF;
  border-style: solid none;
  border-width: 1px 0;
  margin: 18px 0;
}

.nav-sidebar.nav-pills > li > a {
    border-radius: 0;
}
.nav-sidebar.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
		color: #fff;
}
.nav-sidebar.nav > li > a:hover {
    background: transparent
}

.caret {
	padding:0px;
}

.carousel .carousel-inner .item img {
    width: 100%;
}
.carousel .carousel-indicators li {
    border-color: rgba(255, 255, 255, 1);
    background: rgba(255, 255, 255, 0.0);
}
.carousel .carousel-indicators li:hover {
    border-color: rgba(255, 255, 255, 1);
    background: rgba(255, 255, 255, 0.0);
}
.carousel .carousel-indicators li.active {
    border-color: rgba(255, 255, 255, 1);
    background: rgba(255, 255, 255, 1);
}
.carousel-indicators {
    display: table;
    table-layout: fixed;
    width: calc(100% + 4px);
    left: -2px;
    right: -2px;
    margin: 0;
    border-spacing: 2px 0;
}
.carousel-indicators li {
    width: auto;
    height: 5px;
    margin: 0;
    display: table-cell;
    border-radius: 0;
    -webkit-transition: height 0.5s ease;
    -moz-transition: height 0.5s ease;
    transition: height 0.5s ease;
}
.carousel:hover .carousel-indicators li {
    height: 14px;
}
.carousel-indicators li.active {
    width: auto;
    height: auto;
    margin: auto;
}
.carousel-indicators {
    top: 0;
}
.carousel .carousel-caption {
    color: rgba(255, 255, 255, 1);
    font-size: 25px;
    font-weight: 200;
    text-align: left;
    display: block;
    z-index: 0;
}
.carousel-control {
    opacity: 1;
    color: rgba(255, 255, 255, 0.6);
}
.carousel-control:hover,
.carousel-control:focus,
.carousel-control:active {
    opacity: 1;
    color: rgba(255, 255, 255, 0.95);
}
.carousel-control.left,
.carousel-control.right {
    background: rgba(0, 0, 0, 0.25);
}
.carousel-control.left:hover,
.carousel-control.left:focus,
.carousel-control.left:active {
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.0001) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.0001) 100%);
}
.carousel-control.right:hover,
.carousel-control.right:focus,
.carousel-control.right:active {
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.4) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.4) 100%);
}
.carousel .carousel-control span {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
}
.carousel .carousel-control.left span {
    margin-left: -10px;
    left: 50%;
}
.carousel .carousel-control.right span {
    margin-right: -10px;
    right: 50%;
}
@media (min-width: 768px) {
    .carousel-control span {
        width: 30px;
        height: 30px;
        margin-top: -10px;
        font-size: 30px;
    }
}
.carousel .carousel-control {
    top: 50%;
    width: 30px;
    height: 60px;
    margin-top: -30px;
}
.carousel .carousel-control.left {
    border-radius: 0 5px 5px 0;
}
.carousel .carousel-control.right {
    border-radius: 5px 0 0 5px;
}
.carousel .carousel-control span {
    margin-top: -10px;
}
.carousel .carousel-control.left span {
    margin-left: -10px;
}
.carousel .carousel-control.right span {
    margin-right: -10px;
}
@media (min-width: 768px) {
    .carousel .carousel-control {
        width: 40px;
        height: 80px;
        margin-top: -40px;
    }
    .carousel .carousel-control span {
        margin-top: -14px;
    }
    .carousel .carousel-control.left span {
        margin-left: -14px;
    }
    .carousel .carousel-control.right span {
        margin-right: -14px;
    }
}

.nav-tabs { border-bottom: 2px solid #DDD; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
    .nav-tabs > li > a { border: none; color: #666; }
        .nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none; color: #4285F4 !important; background: transparent; }
        .nav-tabs > li > a::after { content: ""; background: #4285F4; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
    .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
.tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
.tab-pane { padding: 15px 0; }
.tab-content{padding:20px}

.card {background: #FFF none repeat scroll 0% 0%; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); margin-bottom: 30px; }


.scroll-style::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.1);
	border-radius: 3px;
	background-color: #2b78e4;
}

.scroll-style::-webkit-scrollbar
{
	width: 5px;
	background-color: rgba(241, 246, 248, 1);
}

.scroll-style::-webkit-scrollbar-thumb
{
	border-radius: 2px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
	background-color: rgba(241, 246, 248, 1);
}

#marker-red-40{
	background:url(../images/icons8-marker-40-red.png) no-repeat;
	width: 40px; height: 40px;
}
#marker-blue-26{
	background:url(../images/icons8-marker-26-blue.png) no-repeat;
	width: 26px; height: 26px;
}



.grid-layout {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    grid-gap: 5px;
    grid-auto-rows: minmax(180px, auto);
    grid-auto-flow: row dense;
		padding: 0px;
}

.grid-item {
    padding: 0px;
}

.ui-datepicker .ui-datepicker-title select {
    color: black !important;
}