@charset "utf-8";
/* CSS Document */
/* Created By S.Lourdoss */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&family=Open+Sans:wght@400;500;600;700&display=swap');


@font-face {
    font-family: 'icon-font';
    src: url('st-font.eot');
    src: url('st-font.eot?#iefix') format('embedded-opentype'), url('st-font.woff2') format('woff2'), url('st-font.woff') format('woff'), url('st-font.ttf') format('truetype'), url('st-font.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.log-out:before, .lt-arrow:before, .rt-arrow:before, .dn-arrow:before, .up-arrow:before, .calendar:before, .cancel:before, .tick:before, .edit:before, .folder-plus:before, .chat:before, .trash:before { font-family: icon-font; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; }

.log-out:before { content: '\e800'; }
.lt-arrow:before { content: '\e801'; }
.rt-arrow:before { content: '\e802'; }
.dn-arrow:before { content: '\e803'; }
.up-arrow:before { content: '\e804'; }
.calendar:before { content: '\e805'; }
.cancel:before { content: '\e806'; }
.tick:before { content: '\e807'; }
.edit:before { content: '\e808'; }
.folder-plus:before { content: '\e809'; }
.chat:before { content: '\e80a'; }
.trash:before { content: '\e80b'; }
.plus:before { content: '+'; }
.minus:before { content: '-'; }

*, *::before, *::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
::-webkit-scrollbar { -webkit-appearance: none; width: 7px; } 
::-webkit-scrollbar-thumb {
	height: 10px;
	border-radius: 4px;
	background-color: rgba(0,0,0,.25); 
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,.25);
	-moz-box-shadow: 0 0 1px rgba(255,255,255,.25);
	box-shadow: 0 0 1px rgba(255,255,255,.25);
}
@media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } }

/* Defaults
------------------------------------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure {
    border: 0;
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    outline: 0px;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
html, body { height: 100%; }
a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; text-decoration: none; cursor: pointer; outline: 0; }
a img { border: 0; }
img.block { width: 100%; width: inherit\9; max-width: 100%\9; }
ul, p, h1, h2, li { margin: 0px; padding: 0px; list-style: none; }
canvas { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }

.fix { overflow: hidden; }
.cp {
	cursor: pointer;
}
.f_left { float: left; }
.f_right { float: right !important; }
.f_none, .row, .form-info-group { float: none !important; }
.f_none:after, .row:after, .form-info-group:after { display: block; clear: both; content: "" }
.clear { clear: both; height: 0px; margin: 0px; padding: 0px; overflow: hidden; float: none !important; }

.m-auto { margin-left: auto !important; margin-right: auto !important; }

.m-0 { margin: 0px !important; }
.mt-0 { margin-top: 0px !important; }
.me-0 { margin-right: 0px !important; }
.mb-0 { margin-bottom: 0px !important; }
.ms-0 { margin-left: 0px !important; }

.me-1 { margin-right: 10px !important; }
.mb-1 { margin-bottom: 10px !important; }

.mt-2 { margin-top: 15px !important; }
.me-2 { margin-right: 15px !important; }
.mb-2 { margin-bottom: 15px !important; }

.mt-3 { margin-top: 20px !important; }
.mb-3 { margin-bottom: 20px !important; }

.mb-5 { margin-bottom: 30px !important; }

.p-0 { padding: 0px !important; }
.pt-0 { padding-top: 0px !important; }
.pe-0 { padding-right: 0px !important; }
.pb-0 { padding-bottom: 0px !important; }
.ps-0 { padding-left: 0px !important; }

.pt-1 { padding-top: 10px !important; }
.pb-1 { padding-bottom: 10px !important; }
.pes-1 { padding-left: 10px !important; padding-right: 10px !important; }

.pb-2 { padding-bottom: 15px !important; }
.pe-2 { padding-right: 15px !important; }
.ps-2 { padding-left: 15px !important; }

.p-2 { padding: 15px !important; }
.pt-2 { padding-top: 15px !important; }
.pe-2 { padding-right: 15px !important; }
.pb-2 { padding-bottom: 15px !important; }
.ps-2 { padding-left: 15px !important; }
.pes-2 { padding-right: 15px !important; padding-left: 15px !important; }

.p-3 { padding: 20px !important; }
.pt-3 { padding-top: 20px !important; }
.pe-3 { padding-right: 20px !important; }
.pb-3 { padding-bottom: 20px !important; }
.ps-3 { padding-left: 20px !important; }
.pes-3 { padding-right: 20px !important; padding-left: 20px !important; }

.bdr-0 { border: 0px !important; }
.bdrt-0 { border-top: 0px !important; }
.bdre-0 { border-right: 0px !important; }
.bdrb-0 { border-bottom: 0px !important; }
.bdrs-0 { border-left: 0px !important; }

.bdr-rds-0 { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px !important; }
.bdr-rds-te-0 { -webkit-border-top-right-radius: 0px; -moz-border-top-right-radius: 0px; border-top-right-radius: 0px !important; }
.bdr-rds-ts-0 { -webkit-border-top-left-radius: 0px; -moz-border-top-left-radius: 0px; border-top-left-radius: 0px !important; }
.bdr-rds-be-0 { -webkit-border-bottom-right-radius: 0px; -moz-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px !important; }
.bdr-rds-bs-0 { -webkit-border-bottom-left-radius: 0px; -moz-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px !important; }

.d-blk { display: block; }
.d-inline-blk { display: inline-block; }
.p-relative { position: relative; }

.txt-lt { text-align: left !important; }
.txt-center { text-align: center !important; }
.txt-upp { text-transform: uppercase !important; }
.txt-rt { text-align: right !important; }
.txt-just { text-align: justify !important; }

.f-Lora { font-family: Lora, Times New Roman, Times, serif; }

h1, h2, h3, h4, h5, h6, .h7 { color: #000000; font-weight: 700; padding-bottom: 10px; }

h1 { font-size: 32px; line-height: 42px; }
h2 { font-size: 30px; line-height: 40px; }
h3 { font-size: 28px; line-height: 38px; }
h4 { font-size: 26px; line-height: 36px; }
h5 { font-size: 24px; line-height: 34px; }
h6 { font-size: 21px; line-height: 30px; }
.h7 { font-size: 19px; line-height: 28px; }

p, .f-12, .f-14, .f-16, .f-18, .f-20, .list li { font-size: 14px; color: #000000; line-height: 28px; }

.f-12 { font-size: 12px; line-height: 24px; }
.f-16 { font-size: 16px; line-height: 28px; }
.f-18 { font-size: 18px !important; line-height: 30px; }
.f-20 { font-size: 20px !important; line-height: 30px; }

.list { margin-left: 20px; }
.list, .list li { list-style: disc; margin-bottom: 0px; }

.fw-600 { font-weight: 600; }
.fw-400 { font-weight: 400; }

.txt-white { color: #ffffff !important; }
.txt-blk { color: #000000 !important; }
.txt-clr-1 { color: #2b83f1 !important; }
.txt-clr-2 { color: #00ba8b !important; }
.txt-clr-3 { color: #27ae60 !important; }
.txt-clr-4 { color: #809700 !important; }
.txt-clr-5 { color: #f7a600 !important; }
.txt-clr-6 { color: #f07101 !important; }
.txt-clr-7 { color: #ed5564 !important; }
.txt-clr-8 { color: #8e44ad !important; }
.txt-clr-9 { color: #ec3023 !important; }
.txt-grey { color: #9b9b9b; }
.bg-clr-1 { background: #2b83f1 !important; }
.bg-clr-2 { background: #00ba8b !important; }
.bg-clr-3 { background: #27ae60 !important; }
.bg-clr-4 { background: #809700 !important; }
.bg-clr-5 { background: #f7a600 !important; }
.bg-clr-6 { background: #f07101 !important; }
.bg-clr-7 { background: #ed5564 !important; }
.bg-clr-8 { background: #8e44ad !important; }

.bg-tbl-clr-1 th { background: #cee2fd; color: #002d64; }
.bg-tbl-clr-1 th.tbl-title { background: #2b83f1; border: 0px; color: #ffffff; }

.bg-tbl-clr-2 th { background: #cbfef2; color: #03523f; }
.bg-tbl-clr-2 th.tbl-title { background: #00ba8b; border: 0px; color: #ffffff; }

.bg-tbl-clr-5 th { background: #ffedc7; color: #694305; }
.bg-tbl-clr-5 th.tbl-title { background: #f7a600; border: 0px; color: #ffffff; }

.bg-tbl-clr-8 th { background: #e5d4ec; color: #611183; }
.bg-tbl-clr-8 th.tbl-title { background: #8e44ad; border: 0px; color: #ffffff; }

.lbl-clr-1, .lbl-clr-2, .lbl-clr-3, .lbl-clr-4, .lbl-clr-5, .lbl-clr-6, .lbl-clr-7, .lbl-clr-8 { padding:5px 15px; line-height:28px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }

.lbl-clr-1 { background: rgba(43,131,241,0.1); color: #2b83f1 !important; }
.lbl-clr-2 { background: rgba(0,186,139,0.1); color: #00ba8b !important; }
.lbl-clr-3 { background: rgba(39,174,96,0.1); color: #27ae60 !important; }
.lbl-clr-4 { background: rgba(128,151,0,0.1); color: #809700 !important; }
.lbl-clr-5 { background: rgba(247,166,0,0.1); color: #f7a600 !important; }
.lbl-clr-6 { background: rgba(240,113,1,0.1); color: #f07101 !important; }
.lbl-clr-7 { background: rgba(237,85,100,0.1); color: #ed5564 !important; }
.lbl-clr-8 { background: rgba(142,68,173,0.1); color: #8e44ad !important; }

.bdr-clr-1 { border: 1px solid #2b83f1 !important; }
.bdr-clr-2 { border: 1px solid #00ba8b !important; }
.bdr-clr-3 { border: 1px solid #27ae60 !important; }
.bdr-clr-4 { border: 1px solid #809700 !important; }
.bdr-clr-5 { border: 1px solid #f7a600 !important; }
.bdr-clr-6 { border: 1px solid #f07101 !important; }
.bdr-clr-7 { border: 1px solid #ed5564 !important; }
.bdr-clr-8 { border: 1px solid #8e44ad !important; }

.mxw-600 { max-width: 600px !important; }
.mxw-500 { max-width: 500px !important; }
.mxw-250 { max-width: 250px !important; }
.mxw-200 { max-width: 200px !important; }
.mxw-120 { max-width: 120px !important; }
.mxw-120 { max-width: 120px !important; }

.row { margin-left: -10px; margin-right: -10px; width: -webkit-calc(100% + 20px); width: -moz-calc(100% + 20px); width: calc(100% + 20px); }
.row.no-gutters { width: 100%; }
.row.no-gutters, .row.no-gutters > * { margin-right: 0 !important; margin-left: 0!important; }

.col-5, .col-4, .col-3, .col-2, .col-1, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1 { margin: 0px 10px 20px 10px; float: left; }

.col-5 { width: -webkit-calc(100% - 20px); width: -moz-calc(100% - 20px); width: calc(100% - 20px); } /* 100% */
.col-4 { width: -webkit-calc(75% - 20px); width: -moz-calc(75% - 20px); width: calc(75% - 20px); } /* 75% */
.col-3 { width: -webkit-calc(50% - 20px); width: -moz-calc(50% - 20px); width: calc(50% - 20px); } /* 50% */
.col-2 { width: -webkit-calc(33.33% - 20px); width: -moz-calc(33.33% - 20px); width: calc(33.33% - 20px); } /* 33.33% */
.col-1 { width: -webkit-calc(25% - 20px); width: -moz-calc(25% - 20px); width: calc(25% - 20px); } /* 25% */

.row.no-gutters > .col-5 { width: 100%; } /* 100% */
.row.no-gutters > .col-4 { width: 75%; } /* 75% */
.row.no-gutters > .col-3 { width: 50%; } /* 50% */
.row.no-gutters > .col-2 { width: 33.33%; } /* 33.3% */
.row.no-gutters > .col-1 { width: 25%; } /* 25% */

@media (min-width: 576px) {
.col-sm-5 { width: -webkit-calc(100% - 20px); width: -moz-calc(100% - 20px); width: calc(100% - 20px); } /* 100% */
.col-sm-4 { width: -webkit-calc(75% - 20px); width: -moz-calc(75% - 20px); width: calc(75% - 20px); } /* 75% */
.col-sm-3 { width: -webkit-calc(50% - 20px); width: -moz-calc(50% - 20px); width: calc(50% - 20px); } /* 50% */
.col-sm-2 { width: -webkit-calc(33.33% - 20px); width: -moz-calc(33.33% - 20px); width: calc(33.33% - 20px); } /* 33.33% */
.col-sm-1 { width: -webkit-calc(25% - 20px); width: -moz-calc(25% - 20px); width: calc(25% - 20px); } /* 25% */

.row.no-gutters > .col-sm-5 { width: 100%; } /* 100% */
.row.no-gutters > .col-sm-4 { width: 75%; } /* 75% */
.row.no-gutters > .col-sm-3 { width: 50%; } /* 50% */
.row.no-gutters > .col-sm-2 { width: 33.33%; } /* 33.3% */
.row.no-gutters > .col-sm-1 { width: 25%; } /* 25% */
}
@media (min-width: 768px) {
.col-md-5 { width: -webkit-calc(100% - 20px); width: -moz-calc(100% - 20px); width: calc(100% - 20px); } /* 100% */
.col-md-4 { width: -webkit-calc(75% - 20px); width: -moz-calc(75% - 20px); width: calc(75% - 20px); } /* 75% */
.col-md-3 { width: -webkit-calc(50% - 20px); width: -moz-calc(50% - 20px); width: calc(50% - 20px); } /* 50% */
.col-md-2 { width: -webkit-calc(33.33% - 20px); width: -moz-calc(33.33% - 20px); width: calc(33.33% - 20px); } /* 33.33% */
.col-md-1 { width: -webkit-calc(25% - 20px); width: -moz-calc(25% - 20px); width: calc(25% - 20px); } /* 25% */

.row.no-gutters > .col-md-5 { width: 100%; } /* 100% */
.row.no-gutters > .col-md-4 { width: 75%; } /* 75% */
.row.no-gutters > .col-md-3 { width: 50%; } /* 50% */
.row.no-gutters > .col-md-2 { width: 33.33%; } /* 33.3% */
.row.no-gutters > .col-md-1 { width: 25%; } /* 25% */
}
@media (min-width: 931px) {
.col-lg-5 { width: -webkit-calc(100% - 20px); width: -moz-calc(100% - 20px); width: calc(100% - 20px); } /* 100% */
.col-lg-4 { width: -webkit-calc(75% - 20px); width: -moz-calc(75% - 20px); width: calc(75% - 20px); } /* 75% */
.col-lg-3 { width: -webkit-calc(50% - 20px); width: -moz-calc(50% - 20px); width: calc(50% - 20px); } /* 50% */
.col-lg-2 { width: -webkit-calc(33.33% - 20px); width: -moz-calc(33.33% - 20px); width: calc(33.33% - 20px); } /* 33.33% */
.col-lg-1 { width: -webkit-calc(25% - 20px); width: -moz-calc(25% - 20px); width: calc(25% - 20px); } /* 25% */

.row.no-gutters > .col-lg-5 { width: 100%; } /* 100% */
.row.no-gutters > .col-lg-4 { width: 75%; } /* 75% */
.row.no-gutters > .col-lg-3 { width: 50%; } /* 50% */
.row.no-gutters > .col-lg-2 { width: 33.33%; } /* 33.3% */
.row.no-gutters > .col-lg-1 { width: 25%; } /* 25% */
}
@media (min-width: 1081px) {
.col-xl-5 { width: -webkit-calc(100% - 20px); width: -moz-calc(100% - 20px); width: calc(100% - 20px); } /* 100% */
.col-xl-4 { width: -webkit-calc(75% - 20px); width: -moz-calc(75% - 20px); width: calc(75% - 20px); } /* 75% */
.col-xl-3 { width: -webkit-calc(50% - 20px); width: -moz-calc(50% - 20px); width: calc(50% - 20px); } /* 50% */
.col-xl-2 { width: -webkit-calc(33.33% - 20px); width: -moz-calc(33.33% - 20px); width: calc(33.33% - 20px); } /* 33.33% */
.col-xl-1 { width: -webkit-calc(25% - 20px); width: -moz-calc(25% - 20px); width: calc(25% - 20px); } /* 25% */

.row.no-gutters > .col-xl-5 { width: 100%; } /* 100% */
.row.no-gutters > .col-xl-4 { width: 75%; } /* 75% */
.row.no-gutters > .col-xl-3 { width: 50%; } /* 50% */
.row.no-gutters > .col-xl-2 { width: 33.33%; } /* 33.3% */
.row.no-gutters > .col-xl-1 { width: 25%; } /* 25% */
}

select, option, optgroup, input, textarea, .input-txt {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline:0px;
	margin: 0px;
} 
textarea { resize: vertical; } 
input[type='checkbox'] { -webkit-appearance: checkbox; }
input[type='radio'] { -webkit-appearance: checkbox; }
input[type="button"], input[type="submit"], input[type="reset"], button { -webkit-appearance: button; cursor: pointer; }
input[readonly], select[disabled], select:disabled, input:disabled { cursor: no-drop; opacity: 0.5; }
.mnthpick[readonly], .monthpick[readonly] { cursor: default; }
input::-ms-reveal, input::-ms-clear {
	display: none;
}
.opacity-05{ opacity: 0.5; }
.btn {
    padding: 10px 40px;
    margin: 0px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    border: 0px !important;
    font-size: 14px;
    color: #ffffff;
    height: 46px;
    line-height: 26px;
    display: inline-block;
    pointer-events: all;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
}
.back-btn, .reset-btn, .cancel-btn {
	background: #f1f1f1;
	color: #ed5564;
}
	.back-btn:hover, .reset-btn:hover, {
		color: #ffffff;
		background: #ed5564;
	}
	.back-btn:hover, .reset-btn:hover, .cancel-btn:hover {
		color: #ffffff;
		background: #ed5564;
	}
.submit-btn { background: #1cb950; }
.submit-btn:hover { background: #0e983c; }

.label-txt { font-size: 14px; color: #022a4f; font-weight: 400; padding: 0px 0px 8px 0px; min-height: 28px; display: block; }
.require { padding-left: 8px; color: rgb(236, 84, 99); }
.input-txt, .area-txt {
	width: 100%;	
	padding: 8px 15px;
	height: 46px;
	background: #f2f6fe;
	border: 1px solid #d6ddeb;
	margin: 0px 0px 5px 0px;
	font-size: 14px;
	color: #102f4e;
	line-height: 30px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
	.input-txt:focus, .area-txt:focus, .ms-options-wrap button:focus {
		border: 1px solid #115ba2;
		background: #ffffff;
	}
select.input-txt { 
	background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat #f2f6fe !important;
	background-size: 14px auto !important;
	background-position: center right 5px !important;
	background-blend-mode: darken;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	padding-right: 20px;
	border: 1px solid #d6ddeb;
}
select.input-txt:focus { 
	background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat #ffffff !important;
	background-size: 14px auto !important;
	background-position: center right 5px !important;
	background-blend-mode: darken;
}
.input-txt.datepick, .form-cont ul li .input-txt.datepick {
	padding-right: 40px; 
	background: url(../images/cal-icon.png) no-repeat right center #f2f6fe;
	border: 1px solid #d6ddeb;
	background-position: center right 10px; 
}
.area-txt { height: 80px; }
.error-txt { position: static; background: Transparent; text-align: right; font-style: italic; color: #FF788E; padding: 0px; line-height: 14px; font-size: 10px; display: none; }
.info-txt { font-size: 10px; color: #999999; line-height: 15px; font-style: italic; display: block; padding-top: 0px; }

.form-cont { width: 100%; margin: 0px auto; }
.form-cont ul { width: 100%; float: left; margin: 0px 0%; }
.form-cont ul.list4 { width: 50%; float: left; }
.form-cont ul li, .form-cont ul.list4 li { width: 100%; float: left; margin: 0px 0px 15px 0px; }
.form-cont ul.list2 li { width: 50%; float: left; }
.form-cont ul.list3 li { width: 33.33%; float: left; padding: 0px 5px; }
.form-cont ul li .label-txt { width: 42%; float: left; margin: 0px 2% 0px 0px; color: #0f5ca2; font-size: 16px; font-weight: 600; padding: 5px 10px 5px 40px; text-align: left; }
.form-cont ul li .wdth2 { width: 2%; float: left; margin: 0px 2% 0px 0px; font-size: 16px; color: #0f5ca2; font-weight: 600; padding: 5px 0px 5px 0px; min-height: 28px; }
.form-cont ul li .wdth1 { width: 52%; float: right; }
.form-cont ul li input[type="text"]:disabled, .form-cont ul li select[disabled] { color: #646b71; }
.form-cont ul li .input-txt { height: 50px; padding: 10px 15px; max-width: 300px; }
.form-cont ul li.btn-cont, .form-cont ul.list2 li.btn-cont { width: 100%; }
.form-cont div.list2 { width: 50%; float: left; }
.form-cont ul.list-details li { margin: 5px 0px; padding: 0px; }
.form-cont ul.list-details li .wdth1 { width: 25%; float: left; margin: 0px 2% 0px 0px; font-size: 16px; color: #0f5ca2; font-weight: 600; padding: 5px 10px 5px 40px; min-height: 28px; }
.form-cont ul.list-details li .wdth2 { width: 3%; float: left; margin: 0px 2% 0px 0px; font-size: 16px; color: #0f5ca2; font-weight: 600; padding: 5px 0px 5px 0px; min-height: 28px; }
.form-cont ul.list-details li .wdth3 { width: 68%; float: left; font-size: 16px; color: #314a68; padding: 5px 10px 5px 10px; min-height: 28px; }

.form-group ul li { margin-bottom: 10px !important; }
.form-group ul li .input-cont { max-width: 350px; margin: 0px; position: relative; min-height: 71px; }

.form-info-group ul { border-left: 1px solid #bac2cf; }
.form-info-group ul li { border-top: 1px solid #bac2cf; border-bottom: 1px solid #bac2cf; border-right:  1px solid #bac2cf; margin: 0px !important; margin-top: -1px !important; }
.form-info-group ul li .label-txt { position: static; font-size: 11px; color: #81829a; background: #f4f7f9; line-height: 18px; padding: 2px 8px; text-transform: uppercase; min-height: auto; }
.form-info-group ul li .input-cont { font-size: 14px; color: #022a4f; background: #ffffff; line-height: 28px; padding: 10px 8px; font-weight: 500;}
.form-info-group ul li > * { display: block; }

.search-cont ul, .search-cont ul li .wth2 { width: 100%; float: left; }
.search-cont ul li { width: 25%; float: left; padding: 0px 20px 20px 0px; min-height: 115px; }
.search-cont ul li .label-txt { font-size: 16px; color: #0f5ca2; font-weight: 600; padding: 0px 0px 5px 8px; line-height: 20px; display: block; }
.search-cont ul li .input-txt {
	width: 100%;
	background: #F2F6FE;
	border: 1px solid #F2F6FE;
	font-size: 16px;
	color: #102f4e;
	line-height: 30px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 10px;
	height: 50px;
}
.search-cont ul li.btn-cont { padding: 25px 0px 0px 0px; }
.search-cont ul li .info {
	width: 100%;
	font-size: 11px;
	line-height: 15px;
	font-style: italic;
	color: #777777;
	text-align: right;
	display: block;
	padding: 5px 0px 0px 0px;
}
.search-rt-cont.tp-cont { margin-top: -40px; }
.search-rt-cont ul { width: auto; float: right; }
.search-rt-cont ul li { width: auto; float: left; padding: 0px 20px 20px 0px; }
.search-rt-cont ul li .wth2 { width: 150px; float: left; }
.search-rt-cont ul li .input-txt, .search-rt-cont ul li .sele-txt {
	width: 100%;
	background: #F2F6FE;
	border: 1px solid #F2F6FE;
	font-size: 14px;
	color: #102f4e;
	line-height: 28px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 5px 10px;
	height: 38px;
}
.search-rt-cont ul li .btn { line-height: 28px; padding: 5px 25px; height: 38px; }

.alert-success, .alert-error, .alert-info {
    display: block;
    width: auto;
    max-width: 980px;
    padding: 8px 12px;
    background: rgba(41, 154, 64, 0.1);
    border: 1px solid rgba(41, 154, 64, 0.1);
    color: #299a40;
    font-size: 13px;
    line-height: 24px;
    margin: 0px auto 20px auto;
    text-align: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.alert-error { color: #f15352; background: rgba(241, 83, 82, 0.1); border: 1px solid rgba(241, 83, 82, 0.1); }
.alert-info { color: #115ba2; background: rgba(17, 91, 162, 0.1); border: 1px solid rgba(17, 91, 162, 0.1); }
.alert-success:empty, .alert-error:empty, .alert-info:empty { display: none; margin: 0px; }

.tbl-cont, .tbl-cont2 { overflow-x: auto; }
.tbl-cont table, .tbl-cont table th, .tbl-cont table td { border: 1px solid #e0e7f0; border-collapse: collapse; }
.tbl-cont table th { line-height: 30px; padding: 10px; background: #efad4d; border: 1px solid #efad4d; color: #ffffff; font-size: 16px; font-weight: 600; }
.tbl-cont table td { line-height: 30px; padding: 10px; font-size: 14px; color: #485367; background: #ffffff; }
.tbl-cont2 { overflow-x: auto; }
.tbl-cont2 table, .tbl-cont2 table th, .tbl-cont2 table td { border-collapse: collapse; }
.tbl-cont2 table th, .tbl-cont2 table td { line-height: 30px; padding: 10px 15px; font-weight: 600; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; }
.tbl-cont2 table th { font-family: "Lora", Times New Roman, Times, serif; font-size: 16px; }
.tbl-cont2 table td { padding: 5px 15px; font-size: 14px; color: #304b69; background: #f2f2f2; }
.tbl-cont2 table th:first-child, .tbl-cont2 table td:first-child { border-left: 0px; }
.tbl-cont2 table th:last-child, .tbl-cont2 table td:last-child { border-right: 0px; }
.tbl-cont2 table th.tbl-title { font-size: 21px; font-weight: 700; }
.tbl-cont2 table th.tbl-title sup { font-weight: 700; font-size: 14px; font-family: "Lora", Times New Roman, Times, serif; }
.tbl-cont2 table th.pt-th { visibility: hidden; }
.tbl-cont2 table td.pay-dtl {
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: sideways-lr;
	writing-mode: sideways-lr;
	padding: 0px;
	-webkit-border-radius: 0px 30px 30px 0px;
	-moz-border-radius: 0px 30px 30px 0px;
	border-radius: 0px 30px 30px 0px;
	width: 35px;
	line-height: 35px;
	font-size: 16px;
	font-weight: 700;
	color: #ffffff;
}
.tbl-cont2 table td.pay-dtl.success { background: #45b15a; }
.tbl-cont2 table td.pay-dtl.error { background: #ed5564; }

.action-list, .action-list>* { font-size: 13px; text-transform: uppercase; line-height: 30px; display: block; }
.action-list>* { display: inline-block; line-height: 30px; vertical-align: top; margin-left: 30px; }
.action-list .add-more { color: #0d6efd; }
.action-list .add-more:before, .action-list .delete:before { 
	display: inline-block; 
	margin-right: 8px;	
	width: 32px; 
	height: 32px; 
	line-height: 28px; 
	vertical-align: top;
	text-align: center;
	-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;
}
.action-list .add-more:before { content: '+'; font-size: 28px; border: 1px solid #0d6efd;  }
.action-list .delete:before {
	font-family: icon-font; 
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: grayscale;
	content: '\e80b'; 
	font-size: 16px;
	line-height: 30px;
	color: rgb(236, 84, 99);
	border: 1px solid rgb(236, 84, 99); 
}



/*table group styles
	________________________________________________________________________*/
.tbl-group { overflow-x: auto; }
.tbl-group table, .tbl-group table th, .tbl-group table td, .tbl-group2 table, .tbl-group2 table th, .tbl-group2 table td {
	border: 0px;
	border-collapse: collapse;
}
.tbl-group table th, .tbl-group table td, .tbl-group2 table th, .tbl-group2 table td { line-height: 30px; padding: 5px 12px; }
.tbl-group table th, .tbl-group2 table th { background: #416394; color: #fff; font-size: 14px; text-transform: uppercase; }
.tbl-group table th:first-child, .tbl-group2 table th:first-child { border-left: 1px solid #416394 }
.tbl-group table th:last-child, .tbl-group2 table th:last-child { border-right: 1px solid #416394 }
.tbl-group table td, .tbl-group2 table td { font-size: 14px; border-top: 1px solid #eceef7; border-bottom: 1px solid #eceef7; color: var(--bs-txt-clr-2); background: #ffffff; }
.tbl-group table td:first-child, .tbl-group2 table td:first-child { border-left: 1px solid #eceef7 }
.tbl-group table td:last-child, .tbl-group2 table td:last-child { border-right: 1px solid #eceef7 }
.tbl-group table th.pt-th { visibility: hidden; pointer-events: none; border: 0px; }
.tbl-group .mrk-info tbody tr td { vertical-align: top; }
.tbl-group.tbl-clr-1 table th.tbl-title1, .tbl-group.tbl-clr-2 table th.tbl-title1, .tbl-group.tbl-clr-3 table th.tbl-title1, .tbl-group.tbl-clr-4 table th.tbl-title1 {
	color: #ffffff;
	font-weight: 700;
	font-size: 16px;
}
.tbl-group.tbl-clr-1 table th.tbl-title1 { background: #2b83f1; color: #ffffff; border-left: #2b83f1; }
.tbl-group.tbl-clr-2 table th.tbl-title1 { background: #00ba8b; color: #ffffff; border-left: #00ba8b; }
.tbl-group.tbl-clr-3 table th.tbl-title1 { background: #f7a600; color: #ffffff; border-left: #f7a600; }
.tbl-group.tbl-clr-4 table th.tbl-title1 { background: #8e44ad; color: #ffffff; border-left: #8e44ad; }
.tbl-group.tbl-clr-1 table th.tbl-title2, .tbl-group.tbl-clr-2 table th.tbl-title2, .tbl-group.tbl-clr-3 table th.tbl-title2, .tbl-group.tbl-clr-4 table th.tbl-title2 { font-weight: 600; }
.tbl-group.tbl-clr-1 table th.tbl-title2 { background: #2b83f119; color: #002d64; border-left: #2b83f119; }
.tbl-group.tbl-clr-2 table th.tbl-title2 { background: #00ba8b19; color: #03523f; border-left: #00ba8b19; }
.tbl-group.tbl-clr-3 table th.tbl-title2 { background: #f7a60019; color: #694305; border-left: #f7a60019; }
.tbl-group.tbl-clr-4 table th.tbl-title2 { background: #8e44ad19; color: #611183; border-left: #8e44ad19; }
.pay-dtl, .tbl-group table tr td.pay-dtl { padding: 0px; -webkit-border-radius: 0px 30px 30px 0px; -moz-border-radius: 0px 30px 30px 0px; border-radius: 0px 30px 30px 0px; width: 35px; border: 0px; }
.pay-dtl.success, .tbl-group table tr td.pay-dtl.success { background: url(../images/paid.png) no-repeat center #45b15a; background-size: auto 50px; }
.pay-dtl.error, .tbl-group table tr td.pay-dtl.error { background: url(../images/npaid.png) no-repeat center #ed5564; background-size: auto 50px; }
.pay-dtl {
	min-height: 72px;
	height: 72px;
	max-height: max-content;
}


	.global-loader {
		position: fixed;
		top: 0px;
		bottom: 0px;
		width: 100%;
		height: 100%;
		background: url(../images/load.gif) no-repeat center rgba(255, 255, 255, 0.75);
		background-size: 70px auto;
		z-index: 1000;
		display: none;
	}

.title-head-txt { border-bottom: 1px dashed #d1d1d1; margin-bottom: 20px; }
.cont-title > *, .cont-title {
    font-family: "Lora", Times New Roman, Times, serif;
    font-size: 20px;
    text-align: center;
    color: #ffffff;
    background: #115ba2;
    padding: 8px;
    line-height: 32px;
    text-transform: uppercase;
    font-weight: 700;
}

/* Container
------------------------------------------------------------------------------------------------*/
#container { background: #ffffff; min-height: 100vh; position: relative; }
.container-fluid { width: 100%; max-width: 1330px; padding-left: 40px; padding-right: 40px; margin: 0px auto; }

/* Header
------------------------------------------------------------------------------------------------*/
.header > .container-fluid { padding-top: 20px; padding-bottom: 20px; }

.menu { width: 50px; height: 50px; margin: 0px; padding: 0px; display: none; }
.menu a { width: 50px; height: 50px; padding: 24px 11px; position: relative; margin: 0px; cursor: pointer; display: block; }
.menu a span {
	width: 28px;
	height: 2px;
	pointer-events: none;
	margin: 0px auto 0 auto;
	position: relative;
	background: #4d446b;
	display: block;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-ms-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
.menu a span:before, .menu a span:after {
	position: absolute;
	content: '';
	background: #4d446b;
	height: 2px;
	width: 16px;
	margin: 0px auto;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-ms-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-ms-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
.menu a span:before { width: 21px; left: 0px; top: -7px; }
.menu a span:after { left: 0px; bottom: -7px; }
.menu a:hover span:before { top: -10px; }
.menu a:hover span:after { bottom: -10px; }
.menu a.active span, .menu a.active:hover span {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')";
	filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand');
}
.menu a.active span:before {
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1.8369701987210297e-16, M12=-1, M21=1, M22=-1.8369701987210297e-16, SizingMethod='auto expand')";
	filter: progid:DXImageTransform.Microsoft.Matrix( M11=-1.8369701987210297e-16, M12=-1, M21=1, M22=-1.8369701987210297e-16, SizingMethod='auto expand');
	width: 51%;
	left: 14px;
	top: -15px;
}
.menu a.active span:after {
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1.8369701987210297e-16, M12=-1, M21=1, M22=-1.8369701987210297e-16, SizingMethod='auto expand')";
	filter: progid:DXImageTransform.Microsoft.Matrix( M11=-1.8369701987210297e-16, M12=-1, M21=1, M22=-1.8369701987210297e-16, SizingMethod='auto expand');
	width: 51%;
	left: 14px;
	bottom: 0px;
}

.logo { width: 15%; float: left; margin-right: 4%; margin-top: 32px; }
.logo a, .logo a img, .logo2 a, .logo2 a img { width: 100%; height: auto; margin: 0px auto; display: block; padding-right: 2px; }
.logo2 { 
	max-width: 220px;
  height: 43px;
  margin: 0px auto;
  text-align: center;
  display: block;
  width: 100%;
  margin-top: 0px;
}

.head-student-details { width: 62%; float: left; }
.head-student-details div.list1, .head-student-details div.list2, .head-student-details div.list3 {
	width: 49.5%;
	margin: 4px 0px;
	border: 1px solid #2a557f;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	float: left;
}
.head-student-details table td { margin: 0px; font-size: 14px; color: #112337; padding: 0px 10px; line-height: 22px; height: auto; }
.head-student-details div.list1 { padding: 3px 0px 4px 0px; }
.head-student-details div.list2, .head-student-details div.list3 { padding: 5px 0px; float: right; }
.head-student-details div table td.wdth1 { font-weight: 600; }
.head-student-details table td.wdth1 { text-transform: uppercase; width: 44.5%; }
.head-student-details table td.wdth2 { width: 1%; padding: 0px; }
.head-student-details table td.wdth3 { width: 55.5%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 210px; cursor: default; }
.head-student-details table tr.li-1 td { font-size: 15px; color: #2a557f; font-weight: 600; }
.head-student-details div.list1 table tbody tr td{ line-height: 36px }
.head-rt { width: 18%; margin: 0px 0px 0px 1%; float: right; position: relative; }
.head-rt ul li { display: block; }
.head-rt ul li a { line-height: 25px; font-size: 14px; color: #666666; display: block; }
.head-rt ul li a:hover { color: #1b6db9; }
.profile-img { text-align: center; }
.profile-img img { width: 72px; height: 72px; margin: 10px auto; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; }
.profile-title { font-size: 18px; font-weight: 600; color: #072444; display: block; text-align: center; padding: 0px 0px 5px 0px; }
.profile-title span { display: inline-block; color: #e6923c; text-transform: uppercase; font-weight: 700; }
.head-rt2 { display: none; width: 72px; margin: 0px 0px 0px 10px; float: right; }
.head-rt2 ul li { position: relative; }
.head-rt2 ul li a { display: block; }
.head-rt2 ul li .head-rt-sub-nav {
	position: absolute;
	right: 0px;
	top: 65px;
	z-index: 9999;
	height: auto;
	padding: 0px;
	background: #fff;
	-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 30px rgba(0,0,0,0.1);
	box-shadow: 0 0 30px rgba(0,0,0,0.1);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width: 250px;
	display: none;
}
.head-rt2 ul li .head-rt-sub-nav:after {
	bottom: 100%;
	right: 8px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 6px;
	margin-left: -6px;
}
.head-rt2 ul li .head-rt-sub-nav .profile-title { display: block; padding: 10px 0px; border-bottom: 1px solid #e1e1e1; }
.head-rt2 ul li .head-rt-sub-nav ul { width: 100%; position: relative; padding: 0px 0px 0px 0px; }
.head-rt2 ul li .head-rt-sub-nav ul li { width: 100%; display: block; margin: 0px; padding: 0px; font-size: 13px; float: none; height: auto; }
.head-rt2 ul li .head-rt-sub-nav ul li a {
	height: 100%;
	min-height: 40px;
	max-height: max-content;
	line-height: 40px;
	margin: 0px;
	padding: 0px 10px 0px 20px;
	font-size: 14px;
	display: block;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	width: 100%;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	float: none;
	color: #666666;
}
.head-rt2 ul li .head-rt-sub-nav ul li a:hover { color: #1b6db9; }
.head-rt2 ul li .head-rt-sub-nav ul li a.logout { border-top: 1px solid #e1e1e1; }

nav, .cont-title {
    background: #115ca2;
    background: -moz-linear-gradient(top, #115ca2 0%, #0958b2 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #115ca2), color-stop(100%, #0958b2));
    background: -webkit-linear-gradient(top, #115ca2 0%, #0958b2 100%);
    background: -o-linear-gradient(top, #115ca2 0%, #0958b2 100%);
    background: -ms-linear-gradient(top, #115ca2 0%, #0958b2 100%);
    background: linear-gradient(to bottom, #115ca2 0%, #0958b2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#115ca2', endColorstr='#0958b2', GradientType=0 );
}
nav .container-fluid { position: relative; padding-right: 80px; }
nav ul { display: block; text-align: center; }
nav ul li { display: inline-block; }
nav ul li a { font-family: "Lora", Times New Roman, Times, serif; font-size: 15px; font-weight: 700; color: #ffffff; line-height: 30px; padding: 10px 20px; display: block; text-transform: uppercase; }

.lg-cont { position: absolute; height: 50px; padding: 5px 0px; top: 0px; right: 40px; width: 40px; }
.lg-cont a {
	background: #ffffff;
	line-height: 30px;
	padding: 5px;
	font-family: "Lora", Times New Roman, Times, serif;
	font-size: 15px;
	color: #115ca2;
	font-weight: 700;
	height: 40px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	display: inline-block;
	text-transform: uppercase;
}
.lg-cont a .log-out {
	line-height: 30px;
	width: 30px;
	background: #115ca2;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	color: #ffffff;
	display: inline-block;
	text-align: center;
	padding-left: 3px;
	margin-left: 0px;
	font-size: 18px;
}

/* Content
------------------------------------------------------------------------------------------------*/
.content { min-height: calc( 80vh - 72px ); padding-top: 35px; padding-bottom: 35px }

.student-details.stu-sec { display: none; }
.student-details div.list1, .student-details div.list2, .student-details div.list3 {
    width: 49.5%;
    margin: 4px 0px;
    border: 1px solid #2a557f;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    float: left;
}
.student-details table td { margin: 0px; font-size: 14px; color: #112337; padding: 0px 10px; line-height: 22px; height: auto; }
.student-details div.list1 { padding: 3px 0px 4px 0px; }
.student-details div.list2, .student-details div.list3 { padding: 5px 0px; float: right; }
.student-details div table td.wdth1 { font-weight: 600; }
.student-details table td.wdth1 { text-transform: uppercase; width: 32%; }
.student-details table td.wdth2 { width: 1%; padding: 0px; }
.student-details table td.wdth3 { width: 67%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.student-details div table tr td:nth-child(3) { font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 180px; }

.view-more {
    text-align: center;
    color: #2a557f;
    text-transform: uppercase;
    line-height: 30px;
    border: 1px solid #2a557f;
    font-size: 14px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
    display: none;
}

.lt-cont { width: 21.5%; float: left; }
.md-cont { width: 49.5%; float: left; margin: 0px 2% 30px; }
.rt-cont { width: 25%; float: right; }
.md-cont2, .md-cont3 { width: 76.5%; float: right; margin: 0px 0px 30px 2%; }

.lt-menu {
    border: 1px solid #115ba2;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(17,91,162,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(17,91,162,1);
    box-shadow: 0px 0px 5px 0px rgba(17,91,162,1);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
}
.lt-menu ul li { border-top: 1px solid #115ba2; }
.lt-menu ul li.first { border-top: 0px solid #115ba2; }
.lt-menu ul li a {
	font-size: 16px;
	font-weight: 600;
	color: #115ba2;
	text-transform: uppercase;
	line-height: 28px;
	padding: 5px 50px 5px 15px;
	display: block;
	font-family: "Lora", Times New Roman, Times, serif;
	position: relative;
}
.lt-menu ul li a:after {
	content: '\e802';
	font-family: icon-font;
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
	color: #115ba2;
	position: absolute;
	width: 15px;
	height: 28px;
	line-height: 28px;
	top: 0px;
	bottom: 0px;
	right: 15px;
	margin: auto 0px;
}

.st-cont {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
}
.st-cont-title { font-family: "Lora", Times New Roman, Times, serif; font-size: 20px; text-align: center; color: #ffffff; padding: 8px; line-height: 32px; text-transform: uppercase; }
.st-detail { padding: 10px 15px; background: #ffffff; }
.st-cont.blue { border: 1px solid #115ba2; }
.st-cont.blue .st-cont-title { background: #115ba2; }
.st-cont.blue ul li { border-top: 1px solid #115ba2; }
.st-cont.yellow { border: 1px solid #fd8000; }
.st-cont.yellow .st-cont-title { background: #fd8000; }
.st-cont.yellow ul li { border-top: 1px solid #fd8000; }
.st-cont.green { border: 1px solid #299a40; }
.st-cont.green .st-cont-title { background: #299a40; }
.st-cont.green ul li { border-top: 1px solid #299a40; }
.st-cont.grey1 {    border: 1px solid #4e6889; }
.st-cont.grey1 .st-cont-title { background: #4e6889; }
.st-cont.grey1 ul li { border-top: 1px solid #4e6889; }
.st-cont.grey2 { border: 1px solid #727b8a; }
.st-cont.grey2 .st-cont-title { background: #727b8a; }
.st-cont.grey2 ul li { border-top: 1px solid #727b8a; }

.id-list ul li { padding: 10px 15px; }
.id-list ul li.first { border-top: 0px; }
.id-list ul li .id-date {
	font-size: 12px;
	background: #fd8000;
	text-align: center;
	color: #ffffff;
	width: 60px;
	height: auto;
	line-height: 18px;
	padding: 12px 0px;
	display: block;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	float: left;
	margin: 0px 10px 0px 0px;
}
.id-list ul li .id-desc { float: right; width: 60%; width: -webkit-calc(100% - 70px); width: -moz-calc(100% - 70px); width: calc(100% - 70px); }
.id-list ul li h6 { font-size: 18px; color: #102f4e; font-weight: 400; padding-bottom: 0px; }
.id-list ul li p { line-height: 20px; color: #102f4e; }

.lt-cont2, .rt-cont2 { width: 49%; float: left; }
.rt-cont2 { float: right; }
.md-cont3 .semester-tree { width: 49%; margin: 0px 0.5% 20px; float: left; }
.semester-tree ul { width: 100%; float: left; }
.semester-tree ul li { text-align: center; }
.semester-tree ul.list1 li { width: 100%; float: left; }
.semester-tree ul.list2 li { width: 50%; float: left; }
.semester-tree ul li .root { position: relative; padding-bottom: 10px; }
.semester-tree ul li .root > * { position: relative; z-index: 1; }
.semester-tree ul li .root:after { content: ""; width: 1px; height: 60%; position: absolute; left: 0px; right: 0px; top: 100%; margin: -10px auto; }
.semester-tree ul.blue li .root:after { background: #115ba2; }
.semester-tree ul.red li .root:after { background: #f15352; }
.semester-tree ul.green li .root:after { background: #07a278; }
.semester-tree ul li .root2 { display: block; position: relative; }
.semester-tree ul li .root2 > * { position: relative; z-index: 1; }
.semester-tree ul li .root2:before { content: ""; width: 100%; height: 1px; position: absolute; left: 0px; right: 0px; top: 50%; margin: 0px auto; }
.semester-tree ul.list1 li .root2:before { display: none; }
.semester-tree ul li.first .root2:before, .semester-tree ul li.last .root2:before { width: 50%; }
.semester-tree ul li.first .root2:before { left: 50%; }
.semester-tree ul li.last .root2:before { right: 50%; }
.semester-tree ul.blue li .root2:before { background: #115ba2; }
.semester-tree ul.red li .root2:before { background: #f15352; }
.semester-tree ul.green li .root2:before { background: #07a278; }
.semester-tree ul.yellow li .root2:before { background: #f08c2a; }
.semester-tree ul li a.sem-title {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 5px 20px;
	font-size: 18px;
	font-weight: 600;
	color: #ffffff;
	line-height: 30px;
	display: inline-block;
}
.semester-tree ul.blue li a.sem-title { background: #115ba2; }
.semester-tree ul.red li a.sem-title { background: #f15352; }
.semester-tree ul.green li a.sem-title { background: #07a278; }
.semester-tree ul.yellow li a.sem-title { background: #f08c2a; }
.semester-tree ul li a.sem-btn {
	border: 1px solid #115ba2;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(17,91,162,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(17,91,162,1);
	box-shadow: 0px 0px 5px 0px rgba(17,91,162,1);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	min-width: 150px;
	padding: 5px 20px;
	color: #115ba2;
	background: #ffffff;
	font-size: 18px;
	font-weight: 600;
	line-height: 30px;
	display: inline-block;
}
.sem-tree-cont {
    width: 95%;
    margin: 0px auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    background: #ffffff;
    position: relative;
    z-index: 1;
}
.semester-tree ul.blue li .sem-tree-cont { border: 1px solid #115ba2; }
.semester-tree ul.red li .sem-tree-cont { border: 1px solid #f15352; }
.semester-tree ul.green li .sem-tree-cont { border: 1px solid #07a278; }
.semester-tree ul.yellow li .sem-tree-cont { border: 1px solid #f08c2a; }
.sem-tree-cont ul, .semester-tree ul li .sem-tree-cont ul { float: none; }
.sem-tree-cont ul li, .semester-tree ul li .sem-tree-cont ul li { width: 100%; float: none; font-size: 16px; line-height: 22px; padding: 5px 15px; text-align: left; color: #102f4e; }
.semester-tree ul.blue li .sem-tree-cont ul li.odd { background: rgba(17,91,162,0.1); }
.semester-tree ul.red li .sem-tree-cont ul li.odd { background: rgba(241,83,82,0.1); }
.semester-tree ul.green li .sem-tree-cont ul li.odd { background: rgba(7,162,120,0.1); }
.semester-tree ul.yellow li .sem-tree-cont ul li.odd { background: rgba(240,140,42,0.1); }
.sem-apply div a { color: #394958; font-size: 18px; line-height: 35px; padding: 0px 50px 0px 0px; position: relative; display: block; }
.sem-apply div a .folder-plus { position: absolute; right: 0px; top: 0px; bottom: 0px; line-height: 35px; height: 35px; font-size: 35px; margin: auto 0px; }

/* Footer
------------------------------------------------------------------------------------------------*/
.footer { background: rgba(27,109,185,0.05); font-size: 13px; text-align: center; color: rgba(17,35,55,0.75); line-height: 24px; padding: 15px 0px; }
.chat-icon {
    width: 60px;
    height: 60px;
    background: #0958b2;
    font-size: 24px;
    color: #ffffff;
    line-height: 30px;
    padding: 15px 0px;
    text-align: center;
    -webkit-border-radius: 38px;
    -moz-border-radius: 38px;
    border-radius: 38px;
    display: block;
    position: fixed;
    right: 28px;
    bottom: 28px;
    -webkit-box-shadow: 0 0 17px rgba(50,50,50,0.5);
    -moz-box-shadow: 0 0 17px rgba(50,50,50,0.5);
    box-shadow: 0 0 17px rgba(50,50,50,0.5);
    z-index: 10;
}
.chat-widget {
    width: 80%;
    max-width: 450px;
    height: 80vh;
    max-height: 550px;
    position: fixed;
    right: 28px;
    bottom: 28px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden;
    display: none;
    -webkit-box-shadow: 0 0 10px rgba(50,50,50,0.5);
    -moz-box-shadow: 0 0 10px rgba(50,50,50,0.5);
    box-shadow: 0 0 10px rgba(50,50,50,0.5);
    z-index: 10;
}
.widget-header { height: 45px; background: #0958b2; padding: 0px 10px; }
.chat-widget .close { width: 45px; height: 45px; line-height: 30px; padding: 8px 0px 7px; text-align: center; color: #ffffff; font-size: 18px; display: block; float: right; }
.chat-widget .close:before { content: '\e806'; font-family: icon-font; line-height: 30px; }
.widget-content, .chat-inn-cont { height: 91%; height: -webkit-calc(100% - 45px); height: -moz-calc(100% - 45px); height: calc(100% - 45px); }
.widget-content { background: #efefef; }
.chat-inn-cont { position: relative; }
.chat-msg-scroll { position: absolute; bottom: 0; right: 0; left: 0; overflow-y: auto; max-height: 100%; padding: 10px; }
.chat-item { padding: 0px 0px 15px 0px; }
.chat-user { width: 25px; height: 25px; margin: 0px 10px 0px 0px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; overflow: hidden; float: left; }
.chat-item.respond .chat-user { float: right; margin: 0px 0px 0px 10px; }
.chat-user img { width: 100%; }
.chat-body { float: left; width: -webkit-calc(100% - 75px); width: -moz-calc(100% - 75px); width: calc(100% - 75px); display: block; position: relative; }
.chat-item.respond .chat-body { float: right; text-align: right; }
.chat-item.respond .chat-body:after { left: auto; right: -10px; border-color: #ffffff transparent transparent #ffffff; }
.chat-body p { background-color: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; padding: 5px 10px; position: relative; }
.chat-body p:after {
	left: -10px;
	top: 0;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	margin-right: -1px;
	border-color: #ffffff #ffffff transparent transparent;
	border-style: solid;
	border-width: 6px;
}
.chat-item.respond .chat-body p:after { left: auto; right: -10px; border-color: #ffffff transparent transparent #ffffff; }
.chat-sbt-cont { height: 45px; background: #ffffff; padding: 0px 10px; }
.chat-msg-snd { width: 90%; width: -webkit-calc(100% - 45px); width: -moz-calc(100% - 45px); width: calc(100% - 45px); height: 45px; float: left; cursor: pointer; }
.chat-txt { width: 100%; height: 45px; font-size: 14px; color: #666666; margin: 0px; border: 1px solid #ffffff; padding: 3px 10px; background: #ffffff; }
.chat-submit { width: 45px; height: 45px; background: url(../images/send.png) no-repeat center #ffffff; border: 0px; cursor: pointer; }

/* Profile
------------------------------------------------------------------------------------------------*/
.profile-cont { width: 200px; margin: 0px auto; }
.profile-ct, .profile-ct img { width: 120px; height: 120px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; border: 1px solid #e3e4ea; }
.profile-ct { margin: 0px auto; position: relative; overflow: hidden; }
.profile-ct img { object-fit: cover; }
.profile-edit {
	background: url("../images/pro-edit.png") no-repeat center #0D5AAA;
	background-size: 18px;
	position: absolute;
	padding: 0px;
	border-radius: 25px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	bottom: 3px;
	right: 3px;
}
.profile-edit input { position: absolute; bottom: 0px; right: 0px; cursor: pointer; opacity: 0; width: 32px; height: 32px; }
.rules-scroll-cont { height: 320px; overflow: auto; scroll-behavior: smooth; }
.sign-upload-cont label {
	width: 100%;
	border: 1px dashed #d1d1d1;
	display: block;
	text-align: center;
	cursor: pointer;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	position: relative;
	overflow: hidden;
}
.sign-upload-cont label .sign-up-ct1, .sign-upload-cont label .sign-up-ct2 { background: #F8F9FA; padding: 12px; height: 100px; position: relative; z-index: 1; }
.sign-upload-cont label .sign-up-ct2 { padding: 25px 12px; }
.sign-upload-cont .sign-up-input {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	cursor: pointer;
}
.sign-upload-cont .f-12 { color: rgb(0,0,0,0.5); }
.sp-img, .sp-img img { width: 42px; height: auto; margin: 0px auto; }
.sp-img2 { display: block; margin-right: 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; overflow: hidden; }
.sp-img2, .sp-img2 img { width: 50px; height: 50px; object-fit: cover; }
.sp-dts { width: 60%; width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px); width: calc(100% - 100px); }
.sp-name { font-size: 13px; width: 100%; height: 18px; overflow: hidden; text-overflow: ellipsis; line-height: 18px; display: block; white-space: nowrap; font-weight: 400; }
.sign-up-close { width: 30px; height: 32px; padding: 1px 0px; font-size: 16px; color:#ed5564; line-height: 30px; display: block; right: 5px; position: absolute; top: 0px; bottom: 0px; margin: auto 0px; }
.sign-up-close:before { content: '\e806'; line-height: 30px; display: block; font-family: icon-font; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; }
.sign-upload-cont label.error-border {
	border-color: #115ba2;
}
/* Sidebar
------------------------------------------------------------------------------------------------*/
.sidebar {
    width: 240px;
    background: #115ca2;
    background: -moz-linear-gradient(top, #115ca2 0%, #0958b2 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #115ca2), color-stop(100%, #0958b2));
    background: -webkit-linear-gradient(top, #115ca2 0%, #0958b2 100%);
    background: -o-linear-gradient(top, #115ca2 0%, #0958b2 100%);
    background: -ms-linear-gradient(top, #115ca2 0%, #0958b2 100%);
    background: linear-gradient(to bottom, #115ca2 0%, #0958b2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#115ca2', endColorstr='#0958b2', GradientType=0 );
    position: fixed;
    top: 84px;
    left: -300px;
    bottom: 0px;
    z-index: 4;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.sidebar.open { left: 0px; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
.sidebar ul { width: 100%; height: 100%; overflow-y: auto; padding: 15px 0px; }
.sidebar ul li { display: block; margin: 0px 0px 0px 0px; border-bottom: 1px solid rgba(0,0,0,0.15); }
.sidebar ul li a { font-family: "Lora", Times New Roman, Times, serif; font-size: 14px; font-weight: 700; color: #ffffff; line-height: 30px; padding: 7px 20px; display: block; text-transform: uppercase; }

/* Login
------------------------------------------------------------------------------------------------*/
#container.login-container { background: url(../images/login-bg-1.jpg) no-repeat top center; background-size: cover; background-attachment: fixed; }
.login-container table {
    width: 100%;
    min-height: 100vh;
    background: rgba(26,26,26,0.56);
    background: -moz-linear-gradient(45deg, rgba(26,26,26,0.56) 0%, rgba(0,38,81,0.56) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(26,26,26,0.56)), color-stop(100%, rgba(0,38,81,0.56)));
    background: -webkit-linear-gradient(45deg, rgba(26,26,26,0.56) 0%, rgba(0,38,81,0.56) 100%);
    background: -o-linear-gradient(45deg, rgba(26,26,26,0.56) 0%, rgba(0,38,81,0.56) 100%);
    background: -ms-linear-gradient(45deg, rgba(26,26,26,0.56) 0%, rgba(0,38,81,0.56) 100%);
    background: linear-gradient(45deg, rgba(26,26,26,0.56) 0%, rgba(0,38,81,0.56) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#002651', GradientType=1 );
}
.login-cont { width:95%; max-width:370px; margin:80px auto 40px auto; background:rgba(0,0,0,0.5); -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; padding:0px 30px 30px 30px; }
.login-cont .logo { width: 220px; height: 46px; float: none; margin: 0px auto 30px auto; padding: 0px; position: relative; top: -32px;}
.login-cont .logo a { width: 220px; height: auto; padding: 10px 18px; background: #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.login-cont .logo a img { width: 170px; height: 60px; }
.login-cont h6 { text-align: center; text-transform: uppercase; color: #ffffff; padding: 0px; }
.login-cont ul li { margin-top: 25px; position: relative; }
.login-cont .input-txt { width: 100%; height: 40px; line-height: 28px; padding: 6px 10px; background: #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 0px; padding-left: 42px; }
.login-cont ul li span.rmb-txt, .login-cont ul li a { width: 50%; float: left; color: #ffffff; font-size: 13px; }
.login-cont ul li a { float: right; text-align: right; }
.login-cont .input-btn {
	background: #fdc186;
	background: -moz-linear-gradient(top, #fdc186 0%, #f68514 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #fdc186), color-stop(100%, #f68514));
	background: -webkit-linear-gradient(top, #fdc186 0%, #f68514 100%);
	background: -o-linear-gradient(top, #fdc186 0%, #f68514 100%);
	background: -ms-linear-gradient(top, #fdc186 0%, #f68514 100%);
	background: linear-gradient(to bottom, #fdc186 0%, #f68514 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdc186', endColorstr='#f68514', GradientType=0 );
	font-size: 15px;
	font-weight: 600;
	color: #ffffff;
	border: 0px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	line-height: 30px;
	padding: 5px 0px;
	height: 40px;
	width: 100%;
	text-transform: uppercase;
	cursor: pointer;
}
.login-cont .input-btn:hover {
	background: #f68514;
	background: -moz-linear-gradient(top, #f68514 0%, #fdc186 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #f68514), color-stop(100%, #fdc186));
	background: -webkit-linear-gradient(top, #f68514 0%, #fdc186 100%);
	background: -o-linear-gradient(top, #f68514 0%, #fdc186 100%);
	background: -ms-linear-gradient(top, #f68514 0%, #fdc186 100%);
	background: linear-gradient(to bottom, #f68514 0%, #fdc186 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f68514', endColorstr='#fdc186', GradientType=0 );
}
.login-container .footer { background: rgba(0,0,0,0.5); color: #ffffff; }
.login-icon {
	width: 16px;
  height: 16px;
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 13px;
  left: 16px;
  background-size: 16px !important;
}

.login-cont input.input-txt:-webkit-autofill, .login-cont input.input-txt:-webkit-autofill:hover, .login-cont input.input-txt:-webkit-autofill:focus, .login-cont input.input-txt:-webkit-autofill:active {
	-webkit-transition: background-color 5000s ease-in-out 0s;
	-moz-transition: background-color 5000s ease-in-out 0s;
	-ms-transition: background-color 5000s ease-in-out 0s;
	-o-transition: background-color 5000s ease-in-out 0s;
	transition: background-color 5000s ease-in-out 0s;
}
	.login-icon.mail-ico {
		background: url("../images/mail.png") no-repeat center right;
	}

	.login-icon.lock {
		background: url("../images/lock.png") no-repeat center right;
	}
.eye-cont {
	width: 32px !important;
    height: 32px;
	cursor: pointer;
	position: absolute;
	top: 5px;
	right: 10px;
	background: url("../images/eye-hide.png") no-repeat center;
	background-size: 20px !important;
	mix-blend-mode: darken;
}
.eye-cont.eye { background: url("../images/eye-view.png") no-repeat center; }

/* Notification
------------------------------------------------------------------------------------------------*/
.notification-cont {
    position: fixed;
    right: -350px;
    top: 0px;
    bottom: 0px;
    margin: auto 0px;
    height: 300px;
    width: 410px;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    z-index: 9;
}
.notification-cont.active { right: 0px; z-index: 5; }
.notify-btn-cont { width: 50px; height: 50px; margin: 0px 10px 0px 0px; float: left; position: relative; }
.notify-btn {
    width: 50px;
    height: 50px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    display: block;
    background: #fd0511;
    background: -moz-linear-gradient(top, #fd0511 0%, #ffb0b3 89%, #ffb0b3 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #fd0511), color-stop(89%, #ffb0b3), color-stop(100%, #ffb0b3));
    background: -webkit-linear-gradient(top, #fd0511 0%, #ffb0b3 89%, #ffb0b3 100%);
    background: -o-linear-gradient(top, #fd0511 0%, #ffb0b3 89%, #ffb0b3 100%);
    background: -ms-linear-gradient(top, #fd0511 0%, #ffb0b3 89%, #ffb0b3 100%);
    background: linear-gradient(to bottom, #fd0511 0%, #ffb0b3 89%, #ffb0b3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd0511', endColorstr='#ffb0b3', GradientType=0 );
    position: relative;
    padding: 5px;
    z-index: 1;
}
.notify-btn span { width: 40px; height: 40px; background: url(../images/megaphone.png) no-repeat center; background-size: 35px auto; display: block; margin: 0px; pointer-events: none; }
.pls-circle {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    background: #fd0511;
    -webkit-animation: scaleIn 4s infinite cubic-bezier(.36, .11, .89, .32);
    -moz-animation: scaleIn 4s infinite cubic-bezier(.36, .11, .89, .32);
    -ms-animation: scaleIn 4s infinite cubic-bezier(.36, .11, .89, .32);
    -o-animation: scaleIn 4s infinite cubic-bezier(.36, .11, .89, .32);
    animation: scaleIn 4s infinite cubic-bezier(.36, .11, .89, .32);
}
@-webkit-keyframes scaleIn { from { -webkit-transform: scale(.5, .5); opacity: .5; } to { -webkit-transform: scale(2, 2); opacity: 0; } }
@-moz-keyframes scaleIn { from { -moz-transform: scale(.5, .5); opacity: .5; } to { -moz-transform: scale(2, 2); opacity: 0; } }
@-ms-keyframes scaleIn { from { -ms-transform: scale(.5, .5); opacity: .5; } to { -ms-transform: scale(2, 2); opacity: 0; } }
@-o-keyframes scaleIn { from { -o-transform: scale(.5, .5); opacity: .5; } to { -o-transform: scale(2, 2); opacity: 0; } }
@keyframes scaleIn { from { transform: scale(.5, .5); opacity: .5; } to { transform: scale(2, 2); opacity: 0; } }
.notify-cont.st-cont { width: -webkit-calc(100% - 60px); width: -moz-calc(100% - 60px); width: calc(100% - 60px); }
.notify-list ul { height: 250px; overflow-y: auto; }
.notify-list li { padding: 10px 15px; }
.notify-list li a { font-size: 13px; color: #222222; line-height: 24px; }

/* Other Pages
------------------------------------------------------------------------------------------------*/
.url-tab { text-align: center; background: #F2F6FE; }
.url-tab a {
	display: inline-block;
	padding: 11px 20px 15px 20px;
	margin: 0px 3px;
	line-height: 32px;
	font-size: 16px;
	font-weight: 600;
	font-family: "Lora", Times New Roman, Times, serif;
	background: #F2F6FE;
	border-top: 4px solid #F2F6FE;
}
.url-tab a.active {
	line-height: 32px;
	border-top: 4px solid #115ba2;
	color: #115ba2;
	text-transform: uppercase;
	background: #ffffff;
	-webkit-box-shadow: 0px -3px 3px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px -3px 3px 0px rgba(0,0,0,0.15);
	box-shadow: 0px -3px 3px 0px rgba(0,0,0,0.15);
}
.url-tab-cont { border: 1px solid #F2F6FE; border-top: 0px; padding: 15px 25px 25px 25px; }

.profile-info { width: 100%; max-width: 400px; margin: 0px auto; padding: 0px 0px 20px; position: relative; }
.profile-info .profile-img { width: 70px; margin: 0px 15px 0px 0px; float: left; }
.profile-info .profile-img img { width: 70px; height: 70px; }
.profile-info .profile-dts { width: -webkit-calc(100% - 85px); width: -moz-calc(100% - 85px); width: calc(100% - 85px); float: right; margin-top: 15px; }
.profile-info ul, .profile-info ul li { font-size: 14px; display: block; width: 100%; }
.profile-info ul li.pro-name { font-size: 21px; line-height: 32px; color: #115ba2; }

.edit-cont, .tick-cont { width: 100%; margin: 0px auto; text-align: right; margin-top: -50px; position: relative; z-index: 1; }
.edit-cont a.edit, .tick-cont a.tick { display: inline-block; font-size: 16px; font-weight: bold; text-transform: uppercase; color: #0195ff; }
.edit-cont a.edit:before, .tick-cont a.tick:before { padding: 0px 5px 0px 0px; font-weight: 600; }

.crs-dtl-cont ul { width: 100%; float: left; }
.crs-dtl-cont ul li { width: 49%; float: left; margin-bottom: 25px; }
.crs-dtl-cont ul li.even { width: 49%; float: right; }
.crs-dtl-cont ul li .st-detail { padding: 15px 20px; }

.form-title { background: #206495; line-height: 40px; font-size: 20px; font-weight: 500; color: #ffffff; padding: 10px 50px 10px 20px; }
.form-info-cont ul { width: 100%; float: left; border-top: 1px solid #bac2cf; border-left: 1px solid #bac2cf; }
.form-info-cont ul li {
	border-right: 1px solid #bac2cf;
	border-bottom: 1px solid #bac2cf;
	width: 25%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.form-info-cont ul li .label-txt, .form-info-cont ul li .label-txt2 { font-weight: 600; color: #32425b; display: block; }
.form-info-cont ul li .label-txt { background: #f3f7fc; line-height: 20px; padding: 0px 10px; font-size: 13px; text-transform: uppercase; }
.form-info-cont ul li .label-txt2 { font-size: 15px; line-height: 28px; padding: 10px; }

.dot-list li { list-style: disc; margin: 0px 0px 0px 20px; font-size: 14px; color: #454545; text-align: justify; line-height: 28px; padding: 0px 0px; }
.dropzone { background: white; border-radius: 5px; min-height: 400px; border: 2px dashed #0087f7; position: relative; cursor: pointer; }
.dz-default {
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin: auto !important;
    padding: 0px 0px 0px 0px !important;
    width: 100% !important;
    height: 40px !important;
    line-height: 40px;
    min-height: auto !important;
    font-size: 45px;
    color: #646c7f;
    text-align: center;
    pointer-events: none;
}
.upload-btns a {
    line-height: 20px;
    padding: 5px 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    margin: 0px 5px 0px 0px;
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
}
.report-grp { width: 100%; float: left; margin: 0px 0px 30px 0px; }
.report-grp { width: 100%; float: left; }
.report-card {
    width: 33.33%;
    width: -webkit-calc(33.33% - 15px);
    width: -moz-calc(33.33% - 15px);
    width: calc(33.33% - 15px);
    padding: 20px 10px;
    float: left;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0px 15px 20px 0px;
}
.rp-c-1 {
    background: rgba(63,156,202,1);
    background: -moz-linear-gradient(top, rgba(63,156,202,1) 0%, rgba(14,78,253,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(63,156,202,1)), color-stop(100%, rgba(14,78,253,1)));
    background: -webkit-linear-gradient(top, rgba(63,156,202,1) 0%, rgba(14,78,253,1) 100%);
    background: -o-linear-gradient(top, rgba(63,156,202,1) 0%, rgba(14,78,253,1) 100%);
    background: -ms-linear-gradient(top, rgba(63,156,202,1) 0%, rgba(14,78,253,1) 100%);
    background: linear-gradient(to bottom, rgba(63,156,202,1) 0%, rgba(14,78,253,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f9cca', endColorstr='#0e4efd', GradientType=0 );
}
.rp-c-2 {
    background: rgba(255,196,128,1);
    background: -moz-linear-gradient(top, rgba(255,196,128,1) 0%, rgba(255,118,59,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,196,128,1)), color-stop(100%, rgba(255,118,59,1)));
    background: -webkit-linear-gradient(top, rgba(255,196,128,1) 0%, rgba(255,118,59,1) 100%);
    background: -o-linear-gradient(top, rgba(255,196,128,1) 0%, rgba(255,118,59,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,196,128,1) 0%, rgba(255,118,59,1) 100%);
    background: linear-gradient(to bottom, rgba(255,196,128,1) 0%, rgba(255,118,59,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc480', endColorstr='#ff763b', GradientType=0 );
}
.rp-c-3 {
    background: rgba(251,170,162,1);
    background: -moz-linear-gradient(top, rgba(251,170,162,1) 0%, rgba(252,82,133,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(251,170,162,1)), color-stop(100%, rgba(252,82,133,1)));
    background: -webkit-linear-gradient(top, rgba(251,170,162,1) 0%, rgba(252,82,133,1) 100%);
    background: -o-linear-gradient(top, rgba(251,170,162,1) 0%, rgba(252,82,133,1) 100%);
    background: -ms-linear-gradient(top, rgba(251,170,162,1) 0%, rgba(252,82,133,1) 100%);
    background: linear-gradient(to bottom, rgba(251,170,162,1) 0%, rgba(252,82,133,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbaaa2', endColorstr='#fc5285', GradientType=0 );
}
.student-id { font-size: 42px; color: #232323; font-weight: 700; padding-bottom: 10px; display: block; }
.degree-course { font-size: 30px; padding-bottom: 10px; display: block; }
.university { font-size: 18px; color: #777777; display: block; }
.span-txt { font-size: 12px; font-style: italic; color: #999999; display: block; }

.steps-sec { padding: 40px 0px; position: relative; }
.steps-sec ul li { width: 25%; display: inline-block; float: left; position: relative; text-align: center; font-family: Roboto Slab, Times New Roman, Times, serif; font-size: 18px; }
.steps-sec ul li a {
	background: #cfcfcf;
	border-radius: 50%;
	width: 60px;
	text-align: center;
	line-height: 24px;
	padding: 18px 0px;
	position: relative;
	margin: 0 auto 10px auto;
	color: #fff;
	font-family: Roboto Slab, Times New Roman, Times, serif;
	font-size: 18px;
	cursor: default;
	z-index: 1;
	display: block;
}
.steps-sec ul li.active a { background: #0394d8; }
.steps-sec ul li.finish a span { visibility: hidden; }
.steps-sec ul li.finish a { background: url(../images/white-tick.png) no-repeat center #33af33; background-size: 18px auto; }
.steps-sec ul li:after { content: ''; width: 100%; height: 4px; background: #cfcfcf; position: absolute; top: 25px; right: 50%; }
.steps-sec ul li.active:after {
	background: rgba(51,175,51,1);
	background: -moz-linear-gradient(left, rgba(51,175,51,1) 0%, rgba(3,149,216,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(51,175,51,1)), color-stop(100%, rgba(3,149,216,1)));
	background: -webkit-linear-gradient(left, rgba(51,175,51,1) 0%, rgba(3,149,216,1) 100%);
	background: -o-linear-gradient(left, rgba(51,175,51,1) 0%, rgba(3,149,216,1) 100%);
	background: -ms-linear-gradient(left, rgba(51,175,51,1) 0%, rgba(3,149,216,1) 100%);
	background: linear-gradient(to right, rgba(51,175,51,1) 0%, rgba(3,149,216,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33af33', endColorstr='#0395d8', GradientType=1 );
}
.steps-sec ul li.finish:after { background: #33af33; }
.steps-sec ul li.first:after { display: none; }

.events-list { max-width: 850px; width: 100%; margin: 0px auto; }
.events-list > ul > li { margin: 0px 0px 20px 0px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; }
.events-list ul li h3 { padding: 5px 0px; font-size: 21px; text-align: center; text-transform: uppercase; }
.event-info-list { width: 79%; padding: 0px 0px 0px 0px; display: inline-block; vertical-align: top; }
.event-reg-cont { width: 20%; padding: 0px 5% 0px 0px; display: inline-block; vertical-align: top; }

.event-info-list.form-cont a { text-decoration: underline; }
.event-reg-cont .registered, .event-reg-cont .participate { display: none; }
.registered .event-reg-cont .registered, .participate .event-reg-cont .participate { display: block; }
.event-reg-cont ul li { padding: 20px 10px 10px; text-align: center; }
.event-reg-cont ul li img { width: 40px; height: 40px; margin: 0px auto 10px; }
.achievements-list ul, .exm-dtl-cont ul { width: 100%; float: left; }
.achievements-list ul li, .exm-dtl-cont > ul > li {
	width: 32.33%;
	width: -webkit-calc(33.33% - 15px);
	width: -moz-calc(33.33% - 15px);
	width: calc(33.33% - 15px);
	margin: 20px 15px 0px 0px;
	float: left;
}

.achievements-list ul li .st-cont-title, .achievements-list ul li .st-cont-title span { font-size: 16px; font-family: "Lora", Times New Roman, Times, serif; line-height: 30px; }
.achievements-list ul li .st-cont-title span { display: block; }
.achievements-list ul li.st-cont.grey1 .achieve-details.form-cont ul li, .achievements-list ul li.st-cont.grey2 .achieve-details.form-cont ul li, .exm-dtl-cont ul li.st-cont.grey1 .exm-details.form-cont ul li, .exm-dtl-cont ul li.st-cont.grey2 .exm-details.form-cont ul li { width: 100%; border: 0px; }
.achieve-details.form-cont ul.list-details li .wdth1, .achieve-details.form-cont ul.list-details li .wdth2, .achieve-details.form-cont ul.list-details li .wdth3, .exm-details.form-cont ul.list-details li .wdth1, .exm-details.form-cont ul.list-details li .wdth2, .exm-details.form-cont ul.list-details li .wdth3 { padding: 5px; font-size: 14px; font-weight: 400; }
.achieve-details.form-cont ul.list-details li .wdth1, .exm-details.form-cont ul.list-details li .wdth1, .exm-details.form-cont ul.list-details li .wdth3 { padding: 5px 5px 5px 10px; }

.achievement-form { max-width: 520px; width: 100%; margin: 0px auto; }
.achievement-form.form-cont ul li { margin: 0px 0px 10px 0px; }
.achievement-form.form-cont ul li .label-txt { width: 24%; padding-left: 0px; }
.achievement-form.form-cont ul li .wdth1 { width: 70%; }
.achievement-form.form-cont ul li .input-txt { height: 40px; padding: 5px 10px; }
.lg-download { display: none; }
.lg-toolbar .lg-close:after { content: '\e806' !important; font-family: icon-font; -webkit-font-smoothing: antialiased; font-size: 21px; font-weight: 400; }
.lg-actions .lg-next:before { content: '\e802' !important; font-family: icon-font; -webkit-font-smoothing: antialiased; font-size: 22px; }
.lg-actions .lg-prev:after { content: '\e801' !important; font-family: icon-font; -webkit-font-smoothing: antialiased; font-size: 22px; }

/* Popup
------------------------------------------------------------------------------------------------*/
.popup-cont { width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.2); position: fixed; top: 0px; left: 0px; z-index: 100000; display: none; }
.popup-cont.show { display: block; }
.popup-cont>table, .popup-cont>table>tr, .popup-cont>table>tr>td { width: 100vw; height: 100vh; text-align: center; }
.pop-cont {
    width: 90%;
    max-width: 500px;
    height: auto;
    max-height: 95%;
    padding: 10px 20px 20px 20px;
    background: #ffffff;
    border: 1px solid #CFE0F1;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    -webkit-box-shadow: 0px 5px 20px 0px rgba(17,102,187,0.25);
    -moz-box-shadow: 0px 5px 20px 0px rgba(17,102,187,0.25);
    box-shadow: 0px 5px 20px 0px rgba(17,102,187,0.25);
    margin: auto;
    position: relative;
    text-align: left;
}
.pop-close {
    width: 35px;
    height: 35px;
    font-size: 14px;
    color: #ed5564;
    display: block;
    position: absolute;
    top: -20px;
    right: -20px;
    line-height: 25px;
    padding: 5px 0px;
    background: #f1f1f1;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    cursor: pointer;
    text-align: center;
}
	.pop-close:before {
		content: '\e806';
		font-family: icon-font;
		line-height: 25px;
		font-size: 18px;
	}
.pop-title .ptitle { width: -webkit-calc(100% - 160px); width: -moz-calc(100% - 160px); width: calc(100% - 160px); }
.pop-title .date { width: 150px; }

.pop-cont.apply-form .form-cont ul li { margin: 10px 15px 0px 15px; border: 1px solid #206495; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; width: auto; }
.pop-cont.apply-form .form-cont ul li .label-txt { width: 25%; padding: 5px 10px; margin: 0px; }
.pop-cont.apply-form .form-cont ul li .wdth1 { width: 72%; float: right; }
.pop-cont.apply-form .form-cont ul li .input-txt, .pop-cont.apply-form .form-cont ul li .area-txt { max-width: 450px; padding: 10px 10px 10px 5px; border: 0px; margin: 0px; }
.pop-cont.apply-form .form-cont ul li .area-txt { height: 140px; font-size: 16px; padding: 5px; line-height: 24px; color: #0c1e2c; }
.pop-cont.apply-form .form-cont ul li.btn-cont {
	margin: 10px 0px 0px 0px;
	border: 0px solid #206495;
	-webkit-border-radius: 0px 0px 15px 15px;
	-moz-border-radius: 0px 0px 15px 15px;
	border-radius: 0px 0px 15px 15px;
	background: #d7dfe2;
	background: -moz-linear-gradient(top, #d7dfe2 0%, #ffffff 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #d7dfe2), color-stop(100%, #ffffff));
	background: -webkit-linear-gradient(top, #d7dfe2 0%, #ffffff 100%);
	background: -o-linear-gradient(top, #d7dfe2 0%, #ffffff 100%);
	background: -ms-linear-gradient(top, #d7dfe2 0%, #ffffff 100%);
	background: linear-gradient(to bottom, #d7dfe2 0%, #ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7dfe2', endColorstr='#ffffff', GradientType=0 );
	text-align: center;
	padding: 8px 0px;
}

.checkmark { width: 60px; height: 60px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: block; padding: 0px 0px; margin: 30px auto; }
.checkmark svg {
	width: 60px;
	height: 60px;
	-webkit-border-radius: 50% !important;
	-moz-border-radius: 50% !important;
	border-radius: 50%;
	display: block;
	stroke-width: 2;
	stroke: #fff;
	stroke-miterlimit: 10;
	margin: 0px auto;
	box-shadow: inset 0px 0px 0px #33AF33;
	animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}
.checkmark__check { transform-origin: 50% 50%; stroke-dasharray: 48; stroke-dashoffset: 48; animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards; }
.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #33AF33;
    fill: none;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
@keyframes stroke { 100% { stroke-dashoffset: 0; } }
@keyframes scale {
    0%, 100% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
    50% { -webkit-transform: scale3d(1.1, 1.1, 1); -moz-transform: scale3d(1.1, 1.1, 1); -ms-transform: scale3d(1.1, 1.1, 1); -o-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); }
}
@keyframes fill { 100% { -webkit-box-shadow: inset 0px 0px 0px 50px #33AF33; -moz-box-shadow: inset 0px 0px 0px 50px #33AF33; box-shadow: inset 0px 0px 0px 50px #33AF33; } }



/* Responsive
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1400px) {
.container-fluid { padding-left: 30px; padding-right: 30px; }
nav .container-fluid { position: relative; padding-right: 70px; }
.lg-cont { right: 30px; }
}
@media screen and (max-width: 1360px) {
.container-fluid { padding-left: 20px; padding-right: 20px; }
nav .container-fluid { position: relative; padding-right: 60px; }
.lg-cont { right: 20px; }
}
@media screen and (max-width: 1280px) {
.logo { margin-right: 0px; }
.head-student-details { width: 66%; }
}
@media screen and (max-width: 1185px) {
.logo { width: 12%; }
.head-student-details { width: 69%; }
.lt-menu { display: none; }
.lt-cont, .rt-cont, .md-cont, .lt-cont2, .rt-cont2, .md-cont2, .md-cont3, .md-cont3 .semester-tree { width: 100%; float: none; margin-left: 0px; margin-right: 0px; }
.semester-tree, .md-cont3 .semester-tree { float: left; }
.st-cont { margin: 25px 0px; }
}
@media screen and (max-width: 1080px) {
h1 { font-size: 30px; line-height: 40px; }
h2 { font-size: 28px; line-height: 38px; }
h3 { font-size: 26px; line-height: 36px; }
h4 { font-size: 24px; line-height: 34px; }
h5 { font-size: 21px; line-height: 30px; }
h6 { font-size: 18px; line-height: 30px; }
.h7 { font-size: 16px; line-height: 28px; }
.header > .container-fluid { padding-top: 12px; padding-bottom: 12px; }
.menu { display: block; margin-right: 10px; float: left; }
.header .logo, .logo2 { margin: 5px auto; width: 60%; width: -webkit-calc(100% - 130px); width: -moz-calc(100% - 130px); width: calc(100% - 130px); }
.logo a, .logo a img, .logo2 a, .logo2 a img { width: auto; height: 50px; }
.head-student-details { display: none; }
nav { display: none; }
.head-rt { display: none; }
.head-rt2 { display: block; width: 60px; margin: 0px; }
.head-rt2 .profile-img img { width: 60px; height: 60px; margin: 0px; }
.content { padding-top: 20px; padding-bottom: 20px }
.student-details { margin-bottom: 7px; }
.student-details.stu-sec { display: block; }
.student-details table td.wdth1 { width: 39%; }
.student-details table td.wdth3 { width: 60%; }
	.student-details .list1 table tbody tr td{ line-height: 36px; }
	.tbl-cont table, .tbl-cont2 table {
		min-width: 1080px;
	}
.form-cont ul.list2 li { width: 100%; }
.form-cont div.list2 { width: 100%; }
.search-cont ul li { width: 33.33%; }
.form-info-cont ul li { width: 33.33%; }
.form-cont ul.list3 li { width: 50%; }
.form-cont ul.list4 { width: 100%; float: left; }
.achievements-list ul li, .exm-dtl-cont > ul > li { width: 49%; width: -webkit-calc(50% - 15px); width: -moz-calc(50% - 15px); width: calc(50% - 15px); }
.chat-icon { width: 45px; height: 45px; font-size: 18px; padding: 8px 0px 7px; right: 15px; bottom: 15px; }
.chat-widget { right: 15px; bottom: 15px; }
.row-list10, .row-list11, .row-list12 { display: flex; flex-wrap: wrap;}
.frm-li { display: flex; flex-direction: column; justify-content: space-between; height: 100%; }

.row-list10 .frm-li{ height: auto !important; }
.row-list11 .frm-li{ height: auto !important; }
.row-list12 .frm-li{ height: auto !important; }
}
@media screen and (max-width: 915px) {
h1 { font-size: 28px; line-height: 38px; }
h2 { font-size: 26px; line-height: 36px; }
h3 { font-size: 24px; line-height: 34px; }
h4 { font-size: 21px; line-height: 30px; }
h5 { font-size: 18px; line-height: 30px; }
h6 { font-size: 16px; line-height: 30px; }
.container-fluid { padding-left: 12px; padding-right: 12px; }
.header > .container-fluid { padding-top: 0px; padding-bottom: 0px; }
.menu { display: block; margin: 5px 10px 5px 0px; float: left; }
.header .logo, .logo2 { margin: 8px auto 7px; width: 40%; width: -webkit-calc(100% - 115px); width: -moz-calc(100% - 115px); width: calc(100% - 115px); }
.logo a, .logo a img, .logo2 a, .logo2 a img { width: auto; height: 45px; }
.head-rt2 { width: 45px; margin: 8px auto 7px 10px; }
.head-rt2 .profile-img img { width: 45px; height: 45px; }
.head-rt2 ul li .head-rt-sub-nav { top: 50px; }
.sidebar { top: 60px; }
.student-details div.list1, .student-details div.list2, .student-details div.list3 { width: 100%; float: none; margin: 0px 0px 8px 0px; }
.show-li { display: none; }
.view-more { display: block; }
.url-tab { width: 100%; float: left; }
.url-tab a { display: block; float: left; width: 25%; margin: 0px; padding: 11px 10px 15px 10px; }
.sem-apply div a { font-size: 16px; margin: 0px 0px 10px 0px; }
.search-cont ul li { width: 50%; }
.form-info-cont ul li { width: 50%; }
.steps-sec ul li { font-size: 15px; }
.steps-sec ul li a { width: 40px; padding: 8px 0px; font-size: 15px; }
.steps-sec ul li:after { top: 18px; }
.student-id { font-size: 30px; }
.degree-course { font-size: 20px; }
.university { font-size: 14px; }
.crs-dtl-cont ul li, .crs-dtl-cont ul li.even { width: 100%; float: none; }
.achievements-list ul li, .exm-dtl-cont > ul > li { width: 100%; margin: 20px 0px 0px 0px; float: left; }
}
@media screen and (max-width: 768px) {
.show-li { display: block; }
.view-more { display: none; }
.notification-cont { display: block; }
}
@media screen and (max-width: 767px) {
.show-li { display: none; }
.view-more { display: block; }
.form-cont ul li .label-txt { padding: 5px 10px 5px 0px; }
.event-info-list, .event-reg-cont { width: 100%; display: block; }
}
@media screen and (max-width: 640px) {
.search-cont ul li { width: 100%; padding: 0px 0px 20px 0px; }
.search-cont ul li.btn-cont { text-align: center; }
.form-info-cont ul li { width: 100%; }
.form-cont ul.list3 li { width: 100%; padding: 0px; }
.search-rt-cont.tp-cont { margin-top: 0px; }
.form-cont ul.list-details li .wdth1 { padding: 5px 10px; }
.notification-cont{ width: 340px; right: -280px; }
.notify-btn-cont { width: 50px; height: 50px; }
.notify-btn { width: 40px; height: 40px; }
.notify-btn span { width: 30px; height: 30px; background: url(../images/megaphone.png) no-repeat center; background-size: auto; background-size: 24px auto; }
.pls-circle { display: block; position: absolute; top: -5px; right: 6px; bottom: 4px; left: -4px; }
.notify-cont.st-cont { width: -webkit-calc(100% - 90px); width: -moz-calc(100% - 90px); width: calc(100% - 90px); }
}
@media screen and (max-width: 575px) { 
	.form-group ul li .input-cont { max-width: 100%; }
	.eq-ht{ height: auto !important; }
.row-list1 .frm-li{ height: auto !important; }
.row-list2 .frm-li{ height: auto !important; }
.row-list3 .frm-li{ height: auto !important; }
.row-list4 .frm-li{ height: auto !important; }
.row-list5 .frm-li{ height: auto !important; }
.row-list6 .frm-li{ height: auto !important; }
.row-list7 .frm-li{ height: auto !important; }
.row-list8 .frm-li{ height: auto !important; }
.row-list9 .frm-li{ height: auto !important; }
}
@media screen and (max-width: 560px) and (orientation:portrait) {
h1 { font-size: 26px; line-height: 36px; }
h2 { font-size: 24px; line-height: 34px; }
h3 { font-size: 21px; line-height: 30px; }
h4 { font-size: 18px; line-height: 30px; }
h5 { font-size: 16px; line-height: 30px; }
.student-details table td.wdth1 { font-size: 12px; }
.student-details table tr.li-1 td.wdth1 { font-size: 13px; }
}
@media screen and (max-width: 560px) {
h1 { font-size: 26px; line-height: 36px; }
h2 { font-size: 24px; line-height: 34px; }
h3 { font-size: 21px; line-height: 30px; }
h4 { font-size: 18px; line-height: 30px; }
h5 { font-size: 16px; line-height: 30px; }
.profile-info { padding: 0px 0px 20px; }
.profile-info a.edit { position: static; width: auto; margin: 0px 0px 0px auto; float: right; }
.profile-info ul li .wdth1 { width: 38%; }
.profile-info ul li .wdth2 { width: 62%; }
.form-cont ul li .label-txt, .form-cont ul li .wdth1, .pop-cont.apply-form .form-cont ul li .label-txt, .pop-cont.apply-form .form-cont ul li .wdth1 { width: 100%; }
.form-cont ul li .input-txt { max-width: none; }
.url-tab a, .url-tab a.active { padding: 11px 10px 15px 10px; line-height: 24px; text-align: center; }
.form-title { font-size: 18px; line-height: 30px; }
.report-card { width: 100%; margin: 0px 0px 20px 0px; }
.form-cont ul.list-details li .wdth1, .form-cont ul.list-details li .wdth2, .achievement-form.form-cont ul li .label-txt, .achievement-form.form-cont ul li .wdth2 { width: auto; }
.form-cont ul.list-details li .wdth3, .achievement-form.form-cont ul li .wdth1 { width: 60%; }
.achieve-details.form-cont ul.list-details li .wdth3 { padding: 5px 10px; }
	.submit-btn{
		max-width: 145px !important;
	}
	.back-btn, .reset-btn, .cancel-btn {
		max-width: 100px !important;
		padding: 10px 24px !important;
		margin-right: 0px !important;
	}
}

@media screen and (max-width: 450px) {
.url-tab a, .url-tab a.active { padding: 11px 20px 15px 20px; line-height: 24px; }
}
@media screen and (max-width: 440px) {
.student-details table td.wdth1 { font-size: 12px; }
.student-details table tr.li-1 td.wdth1 { font-size: 13px; }
.url-tab a, .url-tab a.active { padding: 11px 5px 15px 5px; line-height: 24px; font-size: 14px; }
.url-tab a.active { font-size: 12px; }
}


/* datepicker
------------------------------------------------------------------------------------------------*/
.ui-helper-clearfix { display: none; }
.ui-datepicker {
    font-size: 13px;
    color: #222222;
    display: none;
    width: 310px;
    padding: 0px;
    border: 0px;
    border-bottom: 0px solid #ffffff;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    overflow: hidden;
    z-index: 3 !important;
    background: #ffffff;
    -webkit-box-shadow: 0px 2px 5px rgba(0, 29, 59, 0.15);
    -moz-box-shadow: 0px 2px 5px rgba(0, 29, 59, 0.15);
    box-shadow: 0px 2px 5px rgba(0, 29, 59, 0.15);
}
.dt-pick .ui-datepicker, .atnd-summ .ui-datepicker {
    width: 100%;
    -webkit-box-shadow: 0px 2px 5px rgba(0, 29, 59, 0);
    -moz-box-shadow: 0px 2px 5px rgba(0, 29, 59, 0);
    box-shadow: 0px 2px 5px rgba(0, 29, 59, 0);
    -webkit-border-radius: 0px 0px 8px 8px;
    -moz-border-radius: 0px 0px 8px 8px;
    border-radius: 0px 0px 8px 8px;
}
.ui-datepicker.ui-datepicker-multi-2 { width: 564px !important; }
.ui-monthpicker { width: 200px; background: #ffffff; }
.ui-widget-header {
    background: #ffffff;
    color: #222222;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    line-height: 27px;
    padding: 0px 0px;
    border: 0px solid #7f858d;
    border-radius: 0px;
    display: block;
}
.dt-pick .ui-datepicker .ui-widget-header, .atnd-summ .ui-datepicker .ui-widget-header { background: #2b83f1; color: #ffffff; }
.ui-widget-header.ui-helper-clearfix { display: block; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next, .month-picker-previous a, .month-picker-next a {
    width: 32px;
    height: 27px;
    position: absolute;
    font-size: 20px;
    top: 0px;
    cursor: pointer;
    text-align: center;
}
.ui-datepicker .ui-datepicker-prev { left: 0px; }
.ui-datepicker .ui-datepicker-next { right: 0px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: none; }
.ui-datepicker .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-next:before { font-family: icon-font; font-size: 14px; color: #222222; }
.ui-datepicker .ui-datepicker-prev:before { content: '\e801'; }
.ui-datepicker .ui-datepicker-next:before { content: '\e802'; }
.dt-pick .ui-datepicker .ui-datepicker-prev:before, .dt-pick .ui-datepicker .ui-datepicker-next:before, .atnd-summ .ui-datepicker .ui-datepicker-prev:before, .atnd-summ .ui-datepicker .ui-datepicker-next:before {
    color: #ffffff;
}
.ui-datepicker .ui-datepicker-title { padding: 0px 45px; text-align: center; line-height: 27px; height: 27px; }
.ui-monthpick .ui-datepicker-header { padding: 5px; }
.ui-datepicker .ui-datepicker-title select, .ui-monthpick .ui-datepicker-header .mtz-monthpicker-year {
	border: 1px solid #ffffff;
	height: 28px;
	line-height: 27px;
	width: 45%;
	margin: 0px;
	padding: 0px;
	background: #ffffff;
	color: #222222;
	font-size: 13px;
}
.ui-monthpicker.ui-datepicker .ui-datepicker-title select { width: 85%; }
.ui-datepicker .ui-datepicker-title span { color: #222222; font-size: 16px; font-weight: bold; line-height: 27px; }
.dt-pick .ui-datepicker .ui-datepicker-title span, .atnd-summ .ui-datepicker .ui-datepicker-title span { color: #ffffff; }
.ui-datepicker-title select:focus { background: #ffffff; color: #2c3e50; }
.ui-datepicker-title select.ui-datepicker-month { margin: 0px 5% 0px 0px; }
.ui-datepicker table, .month-picker table { border-collapse: collapse; margin: 0px; width: 100%; }
.ui-monthpick.ui-datepicker table { width: 100%; }
.ui-datepicker table thead { border: 0px solid #ffffff; }
.ui-datepicker-calendar tr th {
    background: #ffffff;
    font-size: 16px;
    text-align: center;
    width: 40px;
    font-weight: normal;
    border-collapse: collapse;
    height: 38px;
    line-height: 38px;
    color: #006787;
    padding: 0px;
}
.ui-datepicker table tbody { border: 0px solid #ffffff; }
.ui-datepicker-calendar tr td, .ui-monthpick tr td {
    color: #006787;
    font-size: 14px;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 40px;
    height: 38px;
    line-height: 38px;
}
.ui-monthpick tr td { width: auto; color: #222222; height: 25px; cursor: pointer; padding: 5px; }
.ui-datepicker-calendar tr td a, .ui-datepicker-calendar tr td span {
    width: 25px;
    height: 25px;
    padding: 0px 0px;
    color: #222222;
    line-height: 25px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    text-align: center;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    display: block;
    margin: 0px auto;
}
.ui-datepicker-calendar tr td span { color: #b5b5b5; }
.ui-datepicker-calendar tr td a:hover, .ui-datepicker-calendar a.ui-state-active { background: #2b83f1; color: #FFFFFF; -webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius: 45px; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: #ffffff; border: 0px; }
.ui-datepicker-calendar tr td.ui-datepicker-today a, .ui-datepicker-calendar tr td.ui-datepicker-today a:hover {
    background: #2b83f1;
    color: #FFFFFF;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    border: 0px;
}
.ui-datepicker-calendar .ui-datepicker-days-cell-over a { background-color: #00a6e2; color: #FFFFFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.ui-datepicker-calendar .ui-datepicker-days-cell-over.date-range-start a, .date-range-start > .ui-state-default {
    -webkit-border-radius: 4px 0px 0px 4px;
    -moz-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;
    background: #00a6e2 !important;
    font-weight: bold;
    color: #FFFFFF;
}
.date-range-in > .ui-state-default, .ui-datepicker-calendar .date-range-in > .ui-state-default { background-color: #00a6e2; font-weight: bold; color: #FFFFFF; }
.ui-datepicker-calendar .date-range-end a, .date-range-is-to .date-range-end > .ui-state-default {
    -webkit-border-radius: 0px 4px 4px 0px;
    -moz-border-radius: 0px 4px 4px 0px;
    border-radius: 0px 4px 4px 0px;
    background: #00a6e2 !important;
    font-weight: bold;
    color: #FFFFFF;
}
.ui-datepicker-calendar tr td.date-range-in a.ui-state-default:hover { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
.ui-datepicker-buttonpane { background: #f1f1f1; height: 40px; margin: 0px; padding: 0px; border: 1px solid #7f858d; border-top: 0px; text-align: right; display: none; }
.ui-datepicker-buttonpane button {
	border-style: none;
	border-color: inherit;
	border-width: 0px;
	height: 40px;
	line-height: 40px;
	padding: 0px 10px;
	margin: 0px 0px 0px 10px;
	font-size: 13px;
	font-weight: normal;
	color: #2c3e50;
	cursor: pointer;
}
.ui-datepicker-multi.ui-datepicker table tbody { border: 0px; }
.ui-monthpicker { display: inline-block; position: absolute; z-index: 9999; width: 200px; background: #ffffff; }
.ui-datepicker-group { width: 50%; float: left; border-left: 1px solid #7f858d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 268px; }
.ui-datepicker-group.ui-datepicker-group-last { border-right: 1px solid #7f858d; }
.ui-datepicker > button { display: none; }
.ui-datepicker-calendar tr td.ui-datepicker-other-month a { pointer-events: none; color: #999999; }

/*Tooltip
------------------------------------------------------------------------------------------------*/
.ui-tooltip {
	background: rgba(0,0,0,.75);
	border: 0px solid rgba(0,0,0,.75);
	color: #fff;
	font-size: 10px;
	font-weight: normal;
	padding: 0px 4px 4px 4px;
	position: absolute;
	text-align: left;
	z-index: 3000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 0px #666666 !important;
	box-shadow: 0px 0px 0px #666666 !important;
}
.ui-tooltip h6, .ui-tooltip div { font-size: 11px; line-height: 20px; margin: 0; }
.ui-tooltip .ui-tooltip-content, .ui-tooltip table { max-width: 350px; }
.ui-tooltip table tr td { vertical-align: top; }
.ui-helper-hidden-accessible { display: none !important; }
table .chennai td, table .holiday td { background: rgba(236, 48, 35,0.05); color: rgba(236, 48, 35,1); pointer-events: none; }

/* Custom Scroll bar
------------------------------------------------------------------------------------------------*/
.rules-scroll-cont::-webkit-scrollbar { width: 8px; }
.rules-scroll-cont::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; }
.rules-scroll-cont::-webkit-scrollbar-thumb { background: #888; border-radius: 10px; }
.rules-scroll-cont::-webkit-scrollbar-thumb:hover { background: #555; }
.rules-scroll-cont { scrollbar-width: thin; scrollbar-color: #888 #f1f1f1; }
.rules-scroll-cont:hover { scrollbar-color: #555 #f1f1f1; }

/*Multi Selector
------------------------------------------------------------------------------------------------*/
.multiselect-cont .multiselect-native-select { position: relative; display: block; }
.multiselect-cont .multiselect-native-select select { position: absolute; visibility: hidden; }
.multiselect-cont .multiselect-native-select .multiselect, .multiselect-cont .ms-options-wrap button {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	line-height: 28px;
	padding: 8px 25px 8px 15px;
	width: 100%;
	color: #000000;
	display: block;
	text-align: left;
	font-size: 14px;
	background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat #f2f6fe !important;
	background-size: 14px auto !important;
	background-position: center right 5px !important;
	background-blend-mode: darken;
	border: 1px solid #d6ddeb;
	cursor: default;
}
.ms-options-wrap { position: relative; }
.ms-options-wrap, .ms-options-wrap * { box-sizing: border-box; }
.ms-options-wrap > button:focus, .ms-options-wrap > button {
	position: relative;
	width: 100%;
	text-align: left;
	margin-top: 0px;
	outline-offset: -2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ms-options-wrap > button:focus { border: 1px solid #115ba2; background-color: #ffffff !important; }
.ms-options-wrap > button[disabled] {
	background-color: #e5e9ed;
	color: #808080;
	opacity: 0.6;
}
.ms-options-wrap.ms-has-selections > button { color: #333; }
.ms-options-wrap > .ms-options {
	position: absolute;
	right: 0;
	top: 46px;
	width: 100%;
	margin-top:0px;
	margin-bottom: 0px;
	background: white;
	z-index: 2000;
	border: 1px solid #aaa;
	overflow: auto;
	visibility: hidden;
	max-height: 250px !important;
	min-height: auto !important;
	border-radius: 8px;
	max-width: 350px;
}
.ms-tp .ms-options-wrap > .ms-options { top: auto; bottom: 41px; }
.ms-options-wrap.ms-active > .ms-options { visibility: visible; }
.ms-options-wrap > .ms-options > .ms-search input { width: 100%; padding: 4px 5px; border: none; border-bottom: 1px groove; outline: none; }
.ms-options-wrap > .ms-options > .no-result-message { padding: 4px 5px; display: none; }
.ms-options-wrap > .ms-options .ms-selectall { display: block; color: #000000; font-size: 14px; font-weight: 400; padding: 12px 15px; text-align: left; }
.ms-options-wrap > .ms-options > ul, .ms-options-wrap > .ms-options > ul > li { width: 100%; float: none; padding: 0px; min-height: 32px; margin: 0px !important; }
.ms-options-wrap > .ms-options > ul, .ms-options-wrap > .ms-options > ul > li.optgroup ul { list-style-type: none; padding: 0; margin: 0; }
.ms-options-wrap > .ms-options > ul li.ms-hidden { display: none; }
.ms-options-wrap > .ms-options > ul > li.optgroup { padding: 5px; }
.ms-options-wrap > .ms-options > ul > li.optgroup + li.optgroup { border-top: 1px solid #aaa; }
.ms-options-wrap > .ms-options > ul > li.optgroup .label { display: block; padding: 5px 0 0 0; font-weight: bold; }
.ms-options-wrap > .ms-options > ul label {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 6px 4px 8px 15px;
	margin: 0px 0;
	border: 0px dotted transparent;
	font-size: 13px;
	font-weight: 400;
	text-align: left;
	cursor: pointer;
}
.ms-options-wrap > .ms-options.checkbox-autofit > ul label, .ms-options-wrap > .ms-options.hide-checkbox > ul label { padding: 4px; }
.ms-options-wrap > .ms-options > ul label.focused, .ms-options-wrap > .ms-options > ul label:hover { background-color: #efefef; border-color: #999; }
.ms-options-wrap > .ms-options > ul li.selected label { background-color: #efefef; border-color: transparent; }
.ms-options-wrap > .ms-options > ul input[type="checkbox"] { margin: 0 10px 0 0; }
.ms-options-wrap > .ms-options.hide-checkbox > ul input[type="checkbox"] { position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); }
/*Table Inner Scroll
	______________________________________________________________*/

.tbl-grp-inner-scrl{
	height: 460px;
	overflow-y: auto;
	scroll-behavior: smooth;
	scrollbar-width: thin;
	scrollbar-track-color: #323232;
}
.tbl-grp-inner-scrl::-webkit-scrollbar {
	width: 8px;
}

.tbl-grp-inner-scrl::-webkit-scrollbar-thumb {
	background-color: #b1b1b1;
	border-radius: 32px;
}

.tbl-grp-inner-scrl::-webkit-scrollbar-track {
	background: #f1f1f1;
}
.tbl-grp-inner-scrl thead{ position: sticky; top: 0; z-index: 2; }
.tbl-grp-inner-scrl tbody tr.sticky-row {
	position: sticky;
	bottom: 0;
}
.first-td-sticky{
	position: sticky;
	left: 1px;
	top: 0px;
	overflow: hidden;
}


.wrongmark {
	width: 60px;
	height: 60px;
	-webkit-border-radius: 50% !important;
	-moz-border-radius: 50% !important;
	border-radius: 50%;
	display: block;
	stroke-width: 2;
	stroke: #ff4444;
	stroke-miterlimit: 10;
	margin: 30px auto;
	animation: wrongmark-fadein 0.6s ease-in-out;
}


.wrongmark__circle {
	stroke-dasharray: 166;
	stroke-dashoffset: 166;
	animation: wrongmark-stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.wrongmark__symbol {
	transform-origin: 50% 50%;
	stroke-dasharray: 48;
	stroke-dashoffset: 48;
	animation: wrongmark-stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.5s forwards;
}

@keyframes wrongmark-stroke {
	100% {
		stroke-dashoffset: 0;
	}
}

@keyframes wrongmark-fadein {
	0% {
		opacity: 0;
		transform: scale(0.8);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}