body {
	/*padding-top: 73px;*/
	font-family:open sans;
}
.container {
    max-width: 1200px;
}

/* setup heading in each section */
.mobilecategories{
	display:none;
}
.notebgimage {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 265px auto;
    height: 150px;
    left: 0;
    top: 0;
}
.heading {
	margin: 0 0 30px;
	display: inline-block;
	text-transform: uppercase;
	font-weight: bold;
	position: relative;
	font-size: 42px;
	padding-bottom: 5px;
	font-family: serif;
}
.notetitle {
    margin-bottom: 10px;
    font-size: 1rem !important;
    font-family: open sans;
    }
.heading+p {
	margin: 10px 20% 35px;
	width: 60%;
}
.loginpage{
	width:900px;
}
.logodiv{
	 text-align:center;
	 margin-top:10%;
}
.txt img{
	max-height:130px;
}
.logodiv img{
	width:470px;
}
.logodiv p{
	font-size: 29px !important;
color: #000936;
font-family: open sans !important;
text-transform: inherit !important;
}
.modal-title{
 color:#009893;	font-family: open sans;
font-size: 15px;
	
}
.viewnoteimage{
	width:100%;
}
.form1 {
	background: url(white-box--login.png);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 auto;
	height: 337px;
	position: relative;
	
}
.form1 form{
	position: relative;
padding: 58px 0px 0 12px;
text-align: center;}
.form1 form h2{
position: relative;

padding: 0px 0px 20px 0px;

text-align: center;


font-size: 23px;

font-weight: bold;

font-family: open sans;}

.fpd{
color: #666666;
text-decoration: none;
display: block;
text-align: center;
font-family: open sans;
font-size: 14px;
margin-top: 10px;}

a.fpd:hover{
    text-decoration: none;
	color: #000936;
}


.form2 {
	background: url(white-box--login.png);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 auto;
	height: 337px;

	position: relative;
}
.form2 form{
	position: relative;
padding: 58px 0px 0 12px;
text-align: center;}

.form2 form h2{
position: relative;

padding: 0px 0px 20px 0px;

text-align: center;


font-size: 23px;

font-weight: bold;

font-family: open sans;}

@media (max-width: 767px) {
	.heading {
		font-size: 35px
	}
	.heading+p {
		margin: 10px 10% 35px;
		width: 80%;
	}
}


/* ====================================
        4. start home section
======================================= */

#home {
	background: #e6e6e6;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
	background-position: top center;
	width: 100%;
	height: 100vh;
	position: relative;
}

#home .cover {
	width: 100%;
}

#home .cover .next-section {
	position: absolute;
	bottom: 100px;
	display: block;
	left: calc(50% - 35px);
}

#home .cover .next-section>i {
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	transition: all 0.4s linear;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 70px;
	color: #FFF;
	height: 30px;
	width: 50px;
	line-height: 30px;
}

#home .cover .next-section>i:hover+i {
	opacity: 1;
}

#home .cover .next-section>i:last-of-type {
	opacity: 0;
	top: 15px;
	color: #e4f1ff;
	z-index: 2;
}

#home .cover .next-section i:first-of-type {
	z-index: 5;
}

#home .cover .container>div {
	position: relative;
	min-height: 150px;
	padding: 25px 10px;
}

#home .cover .container>div p {
	margin: 0;
}

#home .cover .container>div p:first-of-type {
	font-size: 20px;
	color: #FFF;
	text-transform: uppercase;
	font-weight: 100;
}

#home .cover .container>div p:first-of-type span {
	font-weight: 700;
}

#home .cover .container>div h1 {
	margin: 20px 0;
	font-size: 65px;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
}

#home .cover .container>div p:last-of-type {
font-size: 18px;
color: #000936;
text-transform: inherit;
font-family: serif;}

#home .cover .container>div p:last-of-type>span {
	position: relative;
	top: 0;
	-webkit-transition: all 0.31s linear;
	-moz-transition: all 0.31s linear;
	-o-transition: all 0.31s linear;
	-ms-transition: all 0.31s linear;
	transition: all 0.31s linear;
}

.left {
	top: -10px !important;
}

@media (max-width: 767px) {
	#home .cover .container>div h1 {
		font-size: 50px
	}
}


.forms {
	width: 100%;
	margin-left:70px;
}

.notes {
	background: #e6e6e6;
	}


/* ====================================
        10. start contact section
======================================= */

#contact {}

#contact .cover {
	padding: 0 0;
}

#contact .cover h2 {
	color: #FFF;
	border-bottom-color: #FFF;
}

.image {
display: block;
height: 283px;
width: 283px;
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
color: #FFF;
padding: 10px 10px 10px 10px;
cursor: pointer;
 position:relative;}

.txt {
	padding: 4px 0;}

.txt p {
	color: #ffffff;
margin: 23px 0px 0px 1px;
text-align: left;
font-size: 14px;}

.txt a {
	color: #000000;
	text-align: center;
	font-size:14px;
}
.notecomments{
	color:white !important;
}
.navbar-expand-lg .navbar-collapse {
    display: block;
    float: right;
    margin: 10px 0;
}
.categories{
 width:100%;	
}
.categories ul{
	list-style:none;
	margin:0;
	padding:0;
}
.categories ul li{
float: left;
}
.notenotification{
	color:#000936 !important;
}

.colorcircle{
	width:15px;
	height:15px;
	border-radius: 50%;
	 display:inline-block;

}
.purple{
	background:#6b5876;
}
.blue{
	background:#798da5;
}
.teal{
	background:#009b96;
}
.gold{
	background:#ceb178 ;
}
.yellow{
	background:#e8a621 ;
}
.orange{
	background:#fd823e ;
}
.amber{
	background:#c64e18 ;
}
.pink{
	background:#d89387 ;
}
.white{
	background:#843859  ;
}
.note{
 float:left;
}
/* ====================================
           end contact section
======================================= */


/*.contact-ways{padding: 12px 50px;} */

.nav-link {
	color: #000936 !important;
font-size: 14px;
font-family: open sans;}
.nav-link img{
 display:block;
 margin: 0 auto;
}
.navbar {
	display: block;
margin: 0 auto;
}
footer{
	 width:100%;
}
.comment {
	color: #606060;
	position:absolute;
	bottom:5px;
	right:5px;

}
.footer-links{
	
}
.footer-links a{
	
}

.contact-ways {
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: top center;
background-color: white;
border-radius: 10px;
}

.bg {
	padding: 60px 63px;
}

.user {
	font-size: 13px;
	color: #ffffff;
}

.extends {
	position: relative;
	margin-right: 0px;
margin-left: 0px;
}


/* ====================================
        11. start footer section
======================================= */

footer .links {
	padding: 80px 0;
	background-color: #212121;
	color: #FFF;
}

footer .links h5 {
	font-size: 18px;
	text-transform: uppercase;
	border-bottom: 1px solid #FFF;
	padding-bottom: 3px;
	display: inline-block;
	margin-bottom: 20px;
	font-family: 'Roboto', sans-serif;
	font-weight: bold
}

footer .links p {
	color: #ccc;
}

footer .links .custom-btn {
	border: none;
	background: #FFF;
	color: #333;
	cursor: pointer;
	padding: 10px 15px;
	font-weight: 400;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

footer .links .custom-btn:hover {
	color: #FFF;
	background-color: #000;
}

footer .links a:hover,
footer .links a:focus,
footer .links a {
	color: #FFF;
	text-decoration: none;
	position: relative;
}

footer .links li:not(:first-of-type) {
	margin: 5px 0
}

footer .links a::after {
	position: absolute;
	top: calc(100% + 3px);
	left: 0;
	width: 0;
	height: 1px;
	background-color: white;
	content: "";
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

footer .links a:hover::after,
footer .links a:focus::after {
	width: 100%
}

footer .links a>i {
	position: relative;
	top: 3px;
	font-size: 20px;
	margin-left: -7px
}

.footer-gallery .row {
	margin: 0 !important
}

footer .links .footer-select>.row>div {
	margin-bottom: 30px;
}

footer .links .footer-gallery div[class*="col-"] {
	padding: 3px;
}

footer .links .footer-gallery div[class*="col-"] img {
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	transition: all 0.4s linear;
	display: block;
	width: 100%;
	min-height: 90px;
	height: 100%;
	filter: grayscale(0.8);
}

footer .links .footer-gallery div[class*="col-"] img:hover {
	filter: grayscale(0);
}

footer .copyright {
	color: #000936;
	margin: 20px 10px;}

footer .copyright p {
margin: 6px;
font-weight: 500;
text-align: center;
width: 100%;
font-size: 20px;}

footer .copyright p a,
footer .copyright p a:hover,
footer .copyright p a:focus {
	color: dodgerblue;
	font-weight: bold;
	text-decoration: none
}


/* ====================================
          end footer section
======================================= */

.more {
	background: #ad9468;
	color: #fff;
	font-size: 13px;
	line-height: 20px;
	padding: 5px;
	cursor: pointer;
}

@media (min-width: 576px) {
	.modal-dialog {
		max-width: 800px;
		margin: 30px auto;
	}
}

.notetitle {
	margin-bottom: 10px;
	font-size:1.25rem !important;
}

.btn {
	cursor: pointer;
}

#exampleModal .modal-content {
	background-color: #f6f7f9;
}

.modal-header .close {
	cursor: pointer; 
}

.form1 input,
.form2 input {
	width: 240px;
border: 1px solid #000936;
text-align: center;
font-size: 20px;
font-family: open sans;}

.editnote {
	cursor: pointer;
	margin-left: 5px;
	position:absolute;
	bottom:5px;
}

.soc {
	display: inline-block;
	margin-top: -15px;
	float: right;
	margin-right: 20px;
}
.list-group .list-group-item p.mmc{
	 margin-bottom: 2px;
    border-bottom: 1px solid #f2f2f2;
}

.list-group-item {
    padding: 0 0.75rem 0.75rem 0.75rem;
	margin-bottom: 2px;
}
.footerlinks{color: #000936 !important;
font-weight: 500 !important;}

.articledesc h2{color: #212529 !important;margin-top:18px;}

.pages{
	
	    padding: 39px 53px;
}

.pages .extends{
	/*background:#fff;*/
}

.pages  h2 {

}

.err{
		color:red;font-size: 13px;
	}
	
	.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.navbar-nav .dropdown-toggle::after {
    display:none;
}
.label-danger {
    position: absolute;
    right: 10px;
    top: 0px;
    font-weight: bold;
	background-color: #fa3e3e;
    color: #fff;
	padding: 1px 3px;
	font-size: 10px;
    -webkit-font-smoothing: subpixel-antialiased;
    line-height: 1.3;
    min-height: 13px
}


.navbar-nav .dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.navbar-nav .dropdown-menu {
   min-width: 22rem;
  padding:5px 10px;
}

.navbar-nav .dropdown-menu > li > a {
    display: inline-block;
    padding: 0 !important;
    color: #000936 !important;
    font-size:14px;
   
}
.replyfor{
	float:right;
	text-align:right;
	font-weight:300;
	
}
.replyfor-input{
width: 100%;
padding: 12px;
border: 1px solid #ccc;
border-radius: 4px;
resize: vertical;
margin-bottom: 10px;
}

.deletefor{
	float:right;
	text-align:right;
	font-weight:300;
	
}
.deletefor-input{
width: 100%;
padding: 12px;
border: 1px solid #ccc;
border-radius: 4px;
resize: vertical;
margin-bottom: 10px;
}

.editfor{
	float:right;
	text-align:right;
	font-weight:300;
	
}
.editfor-input{
width: 100%;
padding: 12px;
border: 1px solid #ccc;
border-radius: 4px;
resize: vertical;
margin-bottom: 10px;
}

.favth-list-square{
	list-style-type: none;
	font-size:13px;
	margin-bottom: 8px;
}

ol.favth-list-square li{
	background: #f6f7f9;
    padding: 6px 8px;
	margin-bottom:1px;
}

ol.favth-list-square li span{
	color: #365899;
    font-weight: bold;
    font-size: 13px;
}

#exampleModal .modal-header {
    padding: 6px 15px;
    
}

#exampleModal .modal-footer {
   padding: 8px 0;
   
}

#exampleModal .modal-body {
   padding: 8px 10px;
}

#exampleModal .modal-footer .btn-primary {
    background-color: #009893;
    border-color: #4267b2;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    padding: 0px 16px;
    font-weight: bold;
    border: 1px solid;
    border-radius: 2px;
    text-transform: uppercase;
    border-radius: 8px;
    }
.addnote {
    background-color: #009893;
    border-color: #4267b2;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    padding: 0px 16px;
    font-weight: bold;
    border: 1px solid;
    border-radius: 2px;
    text-transform: uppercase;
    border-radius: 8px;
    }

#updateNote .modal-footer .btn-primary{
    
}

#updateNote .modal-footer {
    padding-right: 30px !important;
}

@media (min-width: 576px){
#exampleModal .modal-dialog {
    max-width: 665px;
}


}
.incomplete{
	    font-size: 15px;
    color: red;
    font-weight: bold;
}

#createNotes .modal-header{
  padding-left: 30px !important;
}

#createNotes .modal-footer{
 padding-right: 30px !important;
}

.mtp160{
	margin-top: 160px;
}

span.nbofcomments{
background: white;
color: black;
font-size: 13px;
padding: 1px 6px;
}

.navbar-brand img{
	    width: 300px;
}
.notificationlist{
	display:none !important;
}

.btn-default {
   background-color: transparent;
border-color: transparent;
color: #000936 !important;
font-size: 20px;
text-align: right;
float: right;
margin-right: 28px;
font-weight: bold;}
.updates{
    font-weight: bold;
    width: 163px;
    padding: 10px;
    float: right;
    margin-top: 15px;
}


.post-comment{
	display:none ;
}
.edit-comment{
	display:none ;
}

.post-comment .btn-success{
	border-radius: 0;
	    padding: 0 .75rem;
}


.login-btn-form{
background: #000936;
cursor: pointer;
position: relative;
color: white;
margin-top: 20px;}



#exampleModal .modal-footer .btn-danger {
    background-color: #dc3545;
    border-color: #dc3545;
    color: #fff;
    font-size: 14px;
        line-height: 20px;
    padding: 0px 16px;
    font-weight: bold;
    border: 1px solid;
    border-radius: 2px;
}
.barline{
	display:none;
	}

	.mobile-menu-rep{
		display:none;
	}
@media only screen and (max-width: 600px) {
.mobilecategories{
	display:block;
}

.websitecategories{
	display:none;
}
.mobilecategories ul li a img{
	width: 65px;
margin-bottom: 10px;
}
    .navbar-brand img {
    width: 100% !important;
}
.dropdown-toggle::after {
    margin-top: 10px;
}
#navbarSupportedContent{
	display:none !important;
}
.categories ul li {
    display: contents;
    margin: 0 auto 10px 0;
}
.categories ul {
       text-align: center;
    
    }
#home {
    background-image: url(background.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-position: top center;
    width: 100%;
    height: auto;
    position: relative;
    }
.mobilemenu img{
	width:32px;
}
.loginpage {

    width: 100%;

}
footer{
	display:none;
}
.logodiv img {

    width: 90%;

}
.main-notes .container{
	    width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}
.barline{
display: block;
width: 100%;
height: 10px;
background: #000936;}
.logodiv p {

    font-size: 20px !important;
    }
.image {
    display: block;
    height: 283px;

width: 283px;
        background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    color: #FFF;
    padding: 10px;
    cursor: pointer;
}
.bg {
    padding: 35px 30px;
}

.extends {
	
    position: relative;
}
.contact-ways {
    background-image: none;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: top center;
    background-color: white;
    margin: 0 16px;
    position: relative;
    height: auto;
    }
    .pages .extends {
    background: #fff;
    height: auto;
}
.pages {
    padding: 15px 10px;
}
.navbar-brand {
   width: 75%;
}
.mobile-menu-rep{   
     height: 100vh;               
     background: rgba(255, 255, 255, 0.90);
    position: absolute;
    top: 0;
    padding: 50px 20px;
    right: 0;
    z-index: 99;
} 
#logout{
	position: absolute;

bottom: 10px;
}
.note {

    float: none;
    margin: 10px auto;

}
.mobile-menu-rep .nav-link img{
	
	margin:auto;
}

.mobile-menu-rep ul{
	list-style-type:none;
}

.mobile-menu-rep .nav-link {
    color: #000 !important;
       padding: 0.2rem 1rem;
       display: inline-flex;
}

.mobile-menu-rep .nav-link img {
    margin-right:4px;
  
}

.navbar-light .navbar-toggler {
    z-index: 999;
}

.navbar-toggler {
    border: none;
   
}

.extends::-webkit-scrollbar { width: 0 !important }

.user {
   top: 0px;
position: relative;
left: 0px;}

.editnote {
    margin-left: 0px;
}
.comment {
    margin-right: 0px;
}



.forms {
    width: 100%;
    margin-left: auto;
}

.site img{
	width: 100%;
}

.container{
	    padding: 0;
	
}

}