body { margin: 0px; padding: 0px; height: 100%; width: 100%; font-family: 'Lato', sans-serif; font-weight: normal; position: relative; background: #fff; }
* { box-sizing: border-box; word-wrap: break-word; }

img { border: 0; outline: 0; }
a, input, button { text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; }

a, input[type="submit"], input[type="button"], button { cursor: pointer; }

/*input[type="submit"]:hover, input[type="button"]:hover, button:hover { opacity: .9; }*/
input[type="submit"]:focus, input[type="button"]:focus, button:focus, a:focus { outline: none; }

h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; font-weight: 600; }
h1, h2, h3, h4, h5, h6, span, p, a, li { word-break: break-word; -ms-word-break: break-word; -moz-word-break: break-word; -webkit-word-break: break-word; }

hr { padding: 0; margin: 0; }
pre { font-family: 'Montserrat', sans-serif; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }

h4 { font-size: 22px; font-weight: 600; }
h5 { font-size: 18px; font-weight: 600; }
h6 { font-size: 16px; font-weight: 600; }
p { font-size: 14px; line-height: 18px; color: #8e8e8e; word-break: break-word; -ms-word-break: break-word; -moz-word-break: break-word; -webkit-word-break: break-word; margin: 0; }
.clear { clear: both; }

ul { padding-left: 0; margin: 0; }

input[type="text"], input[type="password"] { border: 1px solid #e2e2e2; height: 30px; -webkit-appearance: none; }
input[type="submit"], input[type="button"], button { cursor: pointer; -webkit-appearance: none; }

input[type="checkbox"] { height: auto; vertical-align: middle; }
select option { padding: 5px 0px 5px 10px; color: #999; }
textarea { border: 1px solid #e6e6e6; resize: none; font-family: 'Montserrat', sans-serif; font-size: 14px; color: #455a64; -webkit-appearance: none; overflow: auto; }
select { border: 1.5px solid #e2e2e2; font-family: 'Montserrat', sans-serif; }
input:focus { outline: none; }
input[type="text"]:focus,input[type="email"]:focus, input[type="password"]:focus, textarea:focus, select:focus { outline: none; box-shadow: none; }
input[type="checkbox"]:focus,input[type="radio"]:focus { outline: none; } 

.yellowCircle { background: #e79e39; border-radius: 50%; width: 20px; height: 20px; margin-left: 60px; margin-top: -25px; z-index: 1; position: relative; }
.greenCircle { background: #008000; border-radius: 50%; width: 20px; height: 20px; margin-left: 60px; margin-top: -25px; z-index: 1; position: relative; }

.active_red { color: #ff5252 !important; }
.active_redBg { color: #fff !important; background: #ff5252 !important; }


/* ====---- Notification Badge -Start- ----==== */
.badge { position: absolute; background: #fff; border-radius: 50%; color: #000; font-weight: 600; text-align: center; font-size: 10px; width: 20px; height: 20px; line-height: 20px; margin-left: 5px; transition: all .4s ease-in-out; font-family: 'Open Sans', sans-serif; display: inline-block; }
.smallBdg { position: absolute; background: #e79e39; border-radius: 50%; color: #fff; font-weight: 600; line-height: 21px; text-align: center; font-size: 10px; width: 20px; height: 20px; display: inline-block; margin-left: 5px; transition: all .4s ease-in-out; }
.logOut-list li a .smallBadg { margin-left: 6px; }
/* ====---- Notification Badge -End- ----==== */



/* ====---- my Grid view start ----==== */
.container { max-width: 1170px; margin: 0px auto; }
.my-container { max-width: 1000px; margin: 0px auto; }
.small-container { width: 70%; min-height: 250px; background: #fff; margin: 0 auto; padding: 25px 50px; }
.grid { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; width: 100%; }
.grid * { box-sizing: border-box; word-wrap: break-word; }
.width-1 { width: 10%; float: left; }
.width-1-5 { width: 15%; float: left; }
.width-2 { width: 20%; float: left; }
.width-2-5 { width: 25%; float: left; }
.width-3 { width: 30%; float: left; }
.width-3-3 { width: 33.3%; float: left; }
.width-3-5 { width: 35%; float: left; }
.width-4 { width: 40%; float: left; }
.width-5 { width: 50%; float: left; }
.width-5-5 { width: 55%; float: left; }
.width-4-5 { width: 45%; float: left; }
.width-6 { width: 60%; float: left; }
.width-6-5 { width: 65%; float: left; }
.width-7 { width: 70%; float: left; }
.width-7-5 { width: 75%; float: left; }
.width-8 { width: 80%; float: left; }
.width-8-5 { width: 85%; float: left; }
.width-9 { width: 90%; float: left; }
.width-10 { width: 100%; }
/* ====---- my Grid view end ----==== */

/*.main-section { padding: 0 0 15px; min-height: 450px; }*/




/* == header_after_login_view.php -NEW- == */
header { position: fixed; top: 0; left: 0; width: 100%; z-index: 99; background: #fff; border-bottom: 2px solid #d8d8d8; padding: 11px 0 8px; font-family: 'Open Sans', sans-serif; }

.logo {  }
.logo img { height: 38px; }

.hedMenuSec {  }
.hedMenuBox { display: inline-block; width: 100%; text-align: right; }

.hedIco { display: inline-block; vertical-align: middle; margin: 0 20px; cursor: pointer; position: relative; }
.hedIco img { display: block; }
.hedIco .badge { top: 7px; right: -14px; background: red; }
.hedMsg .badge { background: #52be7f; color: #fff; }
.hedAleart .badge { background: #f94c70; color: #fff; }

.hedMyEnt_btn { display: inline-block; margin: 0 10px; }
.hedMyEnt_btn a { display: inline-block; padding: 5px 15px; background: #4fc5c5; color: #fff; font-size: 13px; border: none; border-radius: 5px; font-weight: 300; position: relative; }
.hedMyEnt_btn a .badge { position: relative; }

.hedUser { display: inline-block; position: relative; }
.hedUser .hedUserImg { display: inline-block; vertical-align: middle; margin-left: 6px; }
.hedUser .hedUserImg img { display: block; height: 40px; width: 40px; border-radius: 50%; }
.hedUserNm_drop { font-size: 12px; color: #232323; vertical-align: middle; position: relative; margin-left: 5px; cursor: pointer; }
.hedUserNm_drop:after { content: "\f0dd"; position: relative; font: normal normal normal 20px/1 FontAwesome; margin-left: 5px; top: -1px; }

.hedSearch { display: inline-block; position: relative; margin-right: 6px; }
.hedSearch form { display: inline-block; }
.hedSearch input[type="text"] { height: 28px; font-size: 13px; display: inline-block; border: none; color: #555; padding: 3px; padding-right: 25px; width: 0px; position: absolute; top: 0; right: 0; background: none; z-index: 3; transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000); cursor: pointer; }
.hedSearch input[type="text"]:focus { width: 200px; z-index: 1; border-bottom: 1px solid #4fc5c5; cursor: text; }
.hedSearch input[type="button"] { height: 25px; width: 25px; display: inline-block; background: url(../site_images/hedSearch.png) center center no-repeat; text-indent: -10000px; border: none; position: absolute; top: 0; right: 0; z-index: 2; cursor: pointer; cursor: pointer; transition: opacity .4s ease; }
.hedSearch input[type="button"]:after { content: "\f002"; position: relative; font: normal normal normal 20px/1 FontAwesome; margin-left: 5px; top: -1px;  }
.hedSearch input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px transparent inset !important; -webkit-transition: color 9999s ease-out, background-color 9999s ease-out; }

.menuMainBox { position: absolute; width: 100%; top: 64px; display: none; }
.menuSec { border: 1px solid #e4e4e4; border-bottom: 2px solid #cecece; width: 100%; background: #fff; margin-bottom: 15px; }
.menuSec .grid { height: 100%; }
.menuContentMain { padding: 25px 20px; }
.menuContent {  }
.menuHed { font-size: 14px; color: #4eb79d; text-transform: uppercase; font-weight: 600; margin-bottom: 15px; }
.menuContent { }
.menuContent ul { list-style: none; padding-left: 0; }
.menuContent ul li { width: 100%; display: block; }
.menuContent ul li a { font-size: 13px; color: #6a6a6a; display: inline-block; width: 100%; vertical-align: middle; padding: 5px 0; transition: .2s; }
.menuContent ul li a:hover { color: #4eb79d; }
.menuContent ul li a:before { content: ""; position: relative; font: normal normal normal 14px/1 FontAwesome; transition: .2s; opacity: 1;     vertical-align: middle; margin-right: 3px; }
.menuContent ul li a:hover:before { content: "\f178"; position: relative; font: normal normal normal 14px/1 FontAwesome; transition: .2s; opacity: 1; }
.menuLinkMainSec {  }
.menuLinkSec { padding: 25px 20px; }
.menuLink { display: inline-block; text-align: center; margin: 10px 10px 10px 0; padding: 0 10px; }
.menuLink .menuLinkImg { margin-bottom: 3px; }
.menuLink .menuLinkImg img { height: 38px; display: inline-block; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: .3s; }
.menuLink p { color: #6f6f6f; font-size: 12px; transition: .3s; }
.menuLink:hover .menuLinkImg img { filter: initial; transition: .3s; }
.menuLink:hover p { color: #4eb79d; transition: .3s; }

/*User Profile section*/
.logOut-sec{ position: relative; top: -6px;}
.logOut-list { position: absolute; background-color: #f5f5f5; width: 245px; z-index: 98; right: 0; top: 34px; margin-top: 7px; display: none; box-shadow: 0px 3px 8px rgb(100, 100, 100); }
.logOut-list:before { content: ''; position: absolute; width: 0; height: 0; border: 10px solid transparent; border-bottom: 10px solid #fff; top: -20px; right: 12%; }
.logOut-list ul { max-height: 285px; overflow: hidden; overflow-y: auto; width: 106%; }
.profileList { padding: 10px; overflow: hidden; }
.profilemng { text-align: left; color: #1c313a; font-size: 14px; padding: 7px 0; }
.profilemng a { display: inline-block; width: 100%; color: #1c313a; font-size: 14px; }
.profilemng a:hover { color: #4eb79d; }
.profilemng img, .profilemng a img { position: relative; top: 2px; margin-right: 8px; width: 15px; }
.profileList li { list-style: none; padding-left: 24px; }   
.profileList li a { padding: 6px 0; font-size: 13px; text-align: left; display: block; color: #718792; transition: all .3s ease-in-out; }
.profileList li a:hover { text-align: left; color: #4eb79d; transition: all .3s ease-in-out; }
.log_out { border-top: 1px solid #eaeaea; padding: 0; }
.log_out a { padding: 5px 10px 11px; }
.log_out a img { top: 5px; }
.profileList li a .badge { background: #4eb79d; color: #fff; margin-left: 6px; }

/* Message Hed Notification */
.msgBdg { position: absolute !important; top: -10px; right: -12px; background: #ffa87d; color: #fff; }
.hedMsgList { position: absolute; display: none; width: 300px; background: #fff; box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0.3); z-index: 5; right: 0; top: 35px; text-align: left; overflow: hidden; }
.newMenuMessage{ background: #fdf2e7; }
.notifyMsgHed { background: #4eb79d; padding: 12px 10px; color: #fff; font-size: 15px; text-align: left; }
.notifyMsgHed span { background: #fff; display: inline-block; color: #ff5252; padding: 2px 5px; border-radius: 3px; font-size: 12px; float: right; }
.newMessage{ background: #f5f5f5; }
.hedMsgSec { display: inline-block; position: relative; width: 300px; height: 265px; overflow: hidden; overflow-y: auto; }
.hedMsgBox { display: inline-block; width: 100%; padding: 15px 10px; padding-right: 35px; border-bottom: 1px solid #f3f3f3; float: left;     position: relative;  }
.hedMsgBox:last-child { border-bottom: none; }
.hedMsgBox:hover { background: #f5f5f5; }
.hedMsgImg { width: 20%; float: left; }
.hedMsgImg img { width: 40px; height: 40px; border-radius: 50%; }
.hedMsgContent { width: 80%; float: left; }
.hedMsg_hed { font-size: 14px; color: #4eb79d; font-weight: 500; }
.hedMsg_msg { color: #455a64; font-size: 13px; padding: 5px 0; }
.hedMsg_date { color: #455a64; font-size: 11px; }
.hedMsg_date i { margin-right: 5px; }
.hedMsg_viewAll { color: #455a64; font-size: 12px; font-weight: 600; text-align: center; padding: 8px 10px; border-top: 1px solid #f3f3f3; }
.hedMsgBox .msg_no { color: #4eb79d !important; border: 1px solid #4eb79d !important; }
.hedMsgBox .msg_no span { color: #4eb79d !important; }
.newMessage .msg_no span { background: #4eb79d; color: #fff !important; }
/* Aleart Hed Notification */
.hedAleart .hedMsgBox { padding-right: 10px; }


/* favourite list Sec */
.favSec { display: inline-block; position: relative; }
.addFav { display: inline-block;  }
.addFavCheck { display: inline-block; width: 20px; height: 20px; position: relative; top: 3px; left: 8px; }
.addFavCheck input[type="checkbox"] { display: none; }
.addFavCheck span { display: inline-block; cursor: pointer; position: relative; }
.addFavCheck input ~ span:after { content: "\f005"; color: #dadee0; font: normal normal normal 19px/1 FontAwesome; }
.addFavCheck input:checked ~ span:after { color: #f4c30e; }
.favListBtn { display: inline-block; font-size: 13px; color: #fff; text-transform: uppercase; height: 28px; line-height: 28px; margin-left: 15px; cursor: pointer; }
.favListBtn img { width: 18px; position: relative; top: 8px; }
.favListSec { position: absolute; display: none; box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0.3); width: 400px; height: auto; max-height: 450px; background: #fff; z-index: 5; overflow: hidden; overflow-y: auto; right: 0; top: 35px; display: none !important; }
.favListBox a { display: inline-block; width: 90.94%; padding: 10px 5px 10px 10px;  }
.favImg { display: inline-block; margin-right: 6px; vertical-align: middle; }
.favLinkNm { display: inline-block; width: 90%; vertical-align: middle; }
.favLinkNm h6 { color: #3c4c53; font-size: 12px; -webkit-flex-shrink: 1; white-space: nowrap; position: relative; overflow: hidden; text-overflow: ellipsis; }
.favLinkNm p { color: #3c4c53; font-size: 11px; font-weight: 300; -webkit-flex-shrink: 1; white-space: nowrap; position: relative; overflow: hidden; text-overflow: ellipsis;  }
.favDel { width: 8%; display: inline-block; text-align: center; color: #b4b4b4; font-size: 12px; vertical-align: middle; cursor: pointer; }
.favListBox:hover .favDel { color: #ff5252; font-weight: 600; }
.favListBox a:hover { background: #efefef; }
/* favourite list Sec end */

/* == header_after_login_view.php -NEW END- == */


.headerGap { height: 64px; }
hr {
    margin: 25px 0;
    border: none;
    border-top: 1px solid #e0e0e0;
}


.filter-sec {
    background: rgba(79, 197, 197, 0.2);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.15);
    height: calc(100vh - 64px);
    overflow: hidden;
    overflow-y: auto;
    position: fixed;
    width: 288px;
}

.myEntSB_hed {
    background: #718792;
    padding: 15px 15px 8px;
    position: relative;
    margin-bottom: 8px;
    display: inline-block;
    width: 100%;
}
.myEntSB_hed img {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -3px;
}
.myEntSB_hed span {
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    margin-left: 10px;
}

.myEntSB_menuBox {
    display: inline-block;
    width: 100%;
}
.myEnt-nav {
    list-style: none;
    display: inline-block;
    width: 100%;
    float: right;
    border-top: 1px solid #ececec;
}

.myEnt-nav li {
    position: relative;
    width: 100%;
    margin-bottom: 5px;
}

.myEnt-nav li a {
    display: inline-block;
    position: relative;
    width: 100%;
    /*background: #fff;*/
    color: #718792;
    font-size: 13px;
    padding: 10px 15px;
    transition: all .4s ease-in-out;
    font-weight: 500;
    margin-bottom: -1px;
    border-bottom: transparent;
}
.myEnt-nav li a:hover {
    background: #f0f0f0;
    transition: all .4s ease-in-out;
}
.myEnt-ative {
    background: #ffe5e5 !important;
    color: #4fc5c5 !important;
}
.myEnt-nav li a img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
    position: relative;
    top: -2px;
}
.myEnt-nav li a .entSBimg1 {
    display: inline-block;
}

.myEnt-ative .entSBimg1 {
    display: none !important;
}
.myEnt-nav li a .entSBimg2 {
    display: none;
}

.myEnt-ative .entSBimg2 {
    display: inline-block !important;
}

.myEnt-nav li a i {
    float: right;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    top: 4px;
}


.uf-btn {
    display: inline-block;
    background: #4fc5c5;
    color: #fff;
    font-size: 15px;
    padding: 7px 15px;
}


/*Main Content Start*/
.mainContent { padding: 25px; }
.mainContent h1, .mainContent h1 a {
    font-size: 42px;
    font-weight: 300;
    color: #4fc5c5;
    line-height: .9em;
    margin-bottom: 15px;
}

.mainContent h2, .mainContent h2 a {
    font-size: 26px;
    font-weight: 300;
    color: #455a64;
    line-height: 1em;
    margin-bottom: 20px;
}

.mainContent p {
    font-size: 17px;
    color: #718792;
    font-weight: 300;
    line-height: 1.3;
}
.mainContent p a {
	color: #4fc5c5;
}
.mainContent p a:hover {
	text-decoration: underline;
}

.text-section {
	padding: 10px 0;
}



.mainContent code {
    font-family: 'Roboto Mono',monospace;
    font-size: 13px;
    color: #f0506e;
    white-space: nowrap;
    padding: 2px 6px;
    background: #f8f8f8;
}






/*coding section start*/
pre {
    font: 12px / 1.5 'Roboto Mono',monospace;
    color: #666;
    -moz-tab-size: 6;
    tab-size: 6;
    overflow: auto;
    padding: 25px;
    border: 0 solid #e5e5e5;
    border-radius: 0;
    background: rgba(79, 197, 197, 0.05);
}

.hljs {
    display: block;
    color: #333;
}
.hljs-comment, .hljs-meta {
    color: #969896;
}

.hljs-tag {
    color: #333;
}
.hljs-section, .hljs-name {
    color: #63a35c;
}

.hljs-title, .hljs-attr, .hljs-selector-id, .hljs-selector-class, .hljs-selector-attr, .hljs-selector-pseudo {
    color: #795da3;
}
.hljs-string, .hljs-variable, .hljs-template-variable, .hljs-strong, .hljs-emphasis, .hljs-quote {
    color: #f0506e;
}




.codeBox {
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    font-weight: 300;
}
.codeBox .disable { color: #DDDDDD; }
.codeBox .tag { color: #779DEB; }

.codeBox .attr { color: #58af0e; }
.codeBox .attrVal { color: #e28100; }