/*=========================================================================================
DESIGN AND DEVELOPED BY :  SHUBHAM CHAWADE
=========================================================================================*/

@charset "utf-8";

@font-face {
font-family: 'opensans';
src: url('../../bootstrap/webfont/OpenSans-Regular-webfont.eot');
src: url('../../bootstrap/webfont/OpenSans-Regular-webfont.eot?iefix') format('eot'), url('../../bootstrap/webfont/OpenSans-Regular-webfont.woff') format('woff'), url('../../bootstrap/webfont/OpenSans-Regular-webfont.ttf') format('truetype'), url('../../bootstrap/webfont/OpenSans-Regular-webfont.svg') format('svg');
}

/*@font-face {
font-family: 'ptsans';
src: url('../../bootstrap/webfont/PTS55F-webfont.eot');
src: url('../../bootstrap/webfont/PTS55F-webfont.eot?iefix') format('eot'), url('../../bootstrap/webfont/PTS55F-webfont.woff') format('woff'), url('../../bootstrap/webfont/PTS55F-webfont.ttf') format('truetype'), url('../../bootstrap/webfont/PTS55F-webfont.svg') format('svg');
}*/

@font-face {
font-family: 'nptsans';
src: url('../../bootstrap/webfont/PTN57F-webfont.eot');
src: url('../../bootstrap/webfont/PTN57F-webfont.eot?iefix') format('eot'), url('../../bootstrap/webfont/PTN57F-webfont.woff') format('woff'), url('../../bootstrap/webfont/PTN57F-webfont.ttf') format('truetype'), url('../../bootstrap/webfont/PTN57F-webfont.svg') format('svg');
}

/*@font-face {
font-family: 'opensans-bold';
src: url('../../bootstrap/webfont/OpenSans-Bold-webfont.eot');
src: url('../../bootstrap/webfont/OpenSans-Bold-webfont.eot?iefix') format('eot'), url('../../bootstrap/webfont/OpenSans-Bold-webfont.woff') format('woff'), url('../../bootstrap/webfont/OpenSans-Bold-webfont.ttf') format('truetype'), url('../../bootstrap/webfont/OpenSans-Bold-webfont.svg') format('svg');
}*/

  /*------loader---*/
      #preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:1000;
   
}
#loader-img {
      display: block;
    position: relative;
    left: 50%;
    top: 22%;
    transform: translate(-50%, -50%) scale(0.6);
    width: 135px;
    height: 100px;
    background-image: url('../../IMAGES/loader_image.png');
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
    z-index: 1020;
}
#loader {
    display: table;
    left: 50%;
    width: 100px;
    height: 100px;
    margin: auto;
    border-radius: 50%;
    border: 1px solid transparent;
/*    border-top-color: #1d94c6;*/
   -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
    z-index: 1001;
}
#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #78c043;
    -webkit-animation: spin 2.5s linear infinite;
    animation: spin 2.5s linear infinite;
}
#loader:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #1d94c6;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


.loaded-img {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all .3s 1s ease-out;
    transition: all .3s 1s ease-out
}
        

        
    #loader-img p {
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translateX(-50%);
    color: #1d94c6;
    font-size: 20px;
    font-weight:500    
    }
        
        #loader-img p span {
            font-weight:700;
            font-size:35px;
            color:#78c043
        }
        
         @keyframes blink {
   
    0% {
      opacity: .2;
    }
   
    20% {
      opacity: 1;
    }
   
    100% {
      opacity: .2;
    }
}

                .saving span {
   
    animation-name: blink;
   
    animation-duration: 1.4s;
  
    animation-iteration-count: infinite;
   
    animation-fill-mode: both;
}

.saving span:nth-child(2) {
   
    animation-delay: .2s;
}

.saving span:nth-child(3) {
   
    animation-delay: .4s;
}
/*-------loader end---------*/
.label-div label{
    font-weight:200 !important;

}
.label-div .label-content {
    font-weight:bold;
    /*float:right;*/
}
.radio-box {
margin:24px 0;
}
.radio-box label {
    /* padding: 3px 4px; */
    padding-right: 5px;
}
.text-d-green {
    color:#7f991a ;
}

.d-flex {
display:flex;
-webit-display:flex;
-moz-display:flex;
}
.sub-heading {
    font-size:16px;
    color:#5d5e5f;
        padding-left: 6px;
            margin-bottom: 20px !important;
    border-left:3px solid #3c8dbc ;
    margin-bottom:10px;

    font-weight:600;

}
 .d-flex.justify-content-between {
 justify-content:space-between;   
 }


body {
font-family: 'opensans', sans-serif;
font-size:13px;
background-color:#ecf0f5;
}

sup {
color:#f00;
font-weight:700;
}

label {
font-size:13px; 
font-weight:600;
}

.note {
color:#f00;
font-size:12px; font-weight:600
}

ul.level1 > li > a, .box.box-primary .box-header h3.box-title {
font-family: 'opensans-bold', sans-serif;
}

ul.level2 > li > a, ul.level3 > li > a, ul.level4 > li > a {
font-family: 'ptsans', sans-serif;
}

.navbar-brand, .navbar-nav > li > a {
line-height: 30px;
}

.navbar-nav > .user-menu .user-image {
margin-top: 5px;
}




.mycol1, .mycol2, .mycol3, .mycol4 {
border: 1px solid silver;
height: 300px;
padding: 10px;
margin: 6px;
box-shadow: 0 1px 2px silver;
}

.mycol1 {
background-color: #ff9800;
}

.mycol2 {
background-color: #8bc34a;
}

.mycol3 {
background-color: #00bcd4;
}

.mycol4 {
background-color: #ffc107;
}

.bg_row {
background-image: url(../../img/skin_side_up.png);
}

.news-item {
padding: 4px;
margin: 0;
border-bottom: 1px dotted #555;
}

.news_notices {
max-height: 200px;
}

.box_height {
height: 235px;
max-height: 236px;
}

.level3 {
margin: 0;
}

.level4 {
top: 0!important;
left: 100%!important;
}

.arrow-right {
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid gray;
position: absolute;
right: 2px;
top: 50%;
transform: translateY(-50%);
}

.main-header > .navbar, .navbar-brand {
height: 40px;
min-height: 40px;
}

.level2, .level3, .level4 {
font-size: 12px;
}

.level1 {
font-size: 11px;
}

.nav > li > a {
padding: 5px!important;
}

.dropdown-menu {
min-width: 200px;
padding: 0;
border-radius: 0;
}

.dropdown-menu > li > a {
white-space: normal;
padding: 5px 5px;
/*border-bottom: 1px solid #eee;*/
}

.fieldset {
border: 1px solid orange;
}

.ajax__calendar, .ajax__calendar_container {
z-index: 100;
}

#ctl00_ContentPlaceHolder1_updScheme {
height: 500px;
}

#ctl00_ContentPlaceHolder1_updpnl {
height: 500px;
}

#ctl00_ContentPlaceHolder1_txtExamDate {
z-index: 0;
}

.bg-white {
background-color: #fff;
}

.text-white {
color: #fff;
}

.text-white:hover {
color: #fff;
}

.navbar-brand {
padding: 0 15px;
}

.content-wrapper {
min-height: 800px;
}

#ctl00_ContentPlaceHolder1_CalendarExtender2_today {
z-index: 100;
}

#ctl00_ContentPlaceHolder1_ceDateOfAdmission_popupDiv {
z-index: 10;
}

#ctl00_ContentPlaceHolder1_txtReportDate {
z-index: 0;
}

#ctl00_ContentPlaceHolder1_txtDateOfBirth {
z-index: 0;
}

#ctl00_ContentPlaceHolder1_txtSearch_Enrollno_LC {
z-index: 0;
}

#ctl00_ContentPlaceHolder1_txtFromDate {
z-index: 0;
}

#ctl00_ContentPlaceHolder1_txtToDate {
z-index: 0;
}

.bg-light-white {
background-color: #000;
opacity: .5;
}

input:hover {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
}

.red-color {
background-color:red !important
}

#bottomLeft, #bottomRight, #topLeft, #topRight, .visibleDiv {
position: fixed;
width: 280px;
border: solid 1px #e1e1b1;
vertical-align: middle;
background: #ffdab9;
text-align: center;
}

#topLeft {
top: 10px;
left: 10px;
}

#topRight {
top: 10px;
right: 10px;
}

#bottomLeft {
bottom: 10px;
left: 10px;
}

#bottomRight {
bottom: 0;
right: 0;
}

#ctl00_ContentPlaceHolder1_rbl1UGPG_1 {
margin-left: 16px;
}

#ContentPlaceHolder1_ceEffectiveDate_popupDiv {
z-index: 100;
}

/* CSS From Sitemaster */
.live-search-box-1 {
display: none;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
background: none !important;
}

li.dynamic .fa {
display: flex;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
font-size: 13px;
color: #d9d9d9;
z-index: 999;
}

li.dynamic .fa:hover {
color: #a6a6a6;
}

li.dynamic {
cursor: pointer;
padding: 0 5px;
justify-content: space-between;
-webkit-justify-content: space-between;
width: 100%;
border-bottom: 1px solid #e6e6e6;
}


li.dynamic:hover {
background-color: #efefef;
}

a:not(.popout).dynamic {
display: flex;
display: -webkit-flex;
display: -moz-flex;
flex-direction: row;
flex-flow: inherit;
justify-content: space-between;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
}

.fa-star.active {
color: #f7c83d !important;
}

ul.level1:focus {
outline: none !important;
}

.live-search-area li.dynamic {
padding: 0px;
}

.live-search-area li.dynamic .fa {
padding-right: 22px;
}

.not-found-txt {
display:none
}
/* X */

/* Fix Menu */

.fix-menu {
position: fixed;
right: 0;
top: 40%;
z-index: 999;
transition:.2s ease-in-out;
transform:translateX(0);
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
}

.fix-menu ul.list-group .list-group-item {
padding: 7px 12px;
}

.fix-menu .relative {
position:relative;
}

.fix-menu .relative .left-chevron {
display:none;
}

.relative .fixed-menu-btn {
position: absolute;
left: -14px;
top: 50%;
z-index: 99;
font-size: 10px;
transform: translateY(-50%);
cursor:pointer;
}
.relative .fixed-menu-btn .fa {
background-color:#3c8dbc;
color:#fff;
padding: 10px 5px 10px 3px;
}
.fix-menu ul.list-group .list-group-item:first-child {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.fix-menu ul.list-group li {
cursor: pointer;
background-color: #87a21c ;
color: #fff;
border-radius: 0;
transition: .2s all;
}
.fix-menu ul.list-group li:hover {
background-color: #797979;
color: #fff !important;
transition: .2s all;
}
.fix-menu ul.list-group li a {
color:#fff;
}

.block {
display:block !important;
}
.flex {
display:flex !important;
}
.unblock {
display:none !important;
}

.hide-btn {
transform: translateX(40px);
-webkit-transform:translateX(40px);
-moz-transform:translateX(40px);
transition:.2s all;
}

/* X */

/* Favorite Links CSS */
.live-search-box-1 {
width: 100%;
display: block;
z-index: 999;
padding: 1em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #3498db;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position: fixed;
top: 55px;
left: 0;
border-radius: 0;
}

.modal.right .modal-body.with-search {
position: relative;
height: 100%;
}

#myModal_1 .modal-body {
/*padding-top: 65px;*/
}
.add-btn {
margin-right:10px;font-size:10px;font-weight:bold; color:#3c8dbc;transition:.2s all; box-sizing:border-box;outline:none;border:none
}

    .add-btn .fa:hover {
    transition:.1s all;
    transform:scale(1.5); 
    box-sizing:border-box;
    outline:none;border:none
    }

.flex {
display:flex;
display:-webkit-flex;
}

ul.list-group.live-search, ul.list-group.live-search ul {
list-style-type:none;
font-family:'ptsans', sans-serif;
padding-left:15px;
}


/* X */


/* Search Box Code */

.scrollable-menu {
height: auto;
max-height: 350px;
overflow-x: hidden;
}

.live-search-box {
text-transform: capitalize;
background-image: url('../../IMAGES/search-svg.png');
background-position: 10px 9px;
background-repeat: no-repeat;
}

.live-search-box {
border: solid 1px #ccc;
padding: 5px 10px 5px 30px;
width: 90px;
margin-top: 4px;
-webkit-border-radius: 10em;
-moz-border-radius: 10em;
border-radius: 10em;
-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
}
.live-search-box:focus {
outline:none
}

.search-box {
position: relative;
}

.search-box .live-search-area {
background-color: #eee;
border: 1px solid #d9d9d9;
box-shadow: 1px 2px 3px rgba(0,0,0,0.2);
z-index: 999;
}

.live-search-area {
width: 300px;
height: 400px;
position: absolute;
top: 40px;
right: 0%;
background-color: #eee;
overflow-x: hidden;
overflow-y: auto;
border-radius: 3px;
display: none;
}

.live-search-box:focus {
background-color: #fff;
border-color: #1ABB9C;
-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
box-shadow: 0 0 5px rgba(109,207,246,.5);
}

.live-search-box {
position: relative;
}

.cross-btn {
display: none;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-42%);
z-index: 999;
cursor: pointer;
}

.cross-btn .fa {
color: #e60000;
font-size: 16px;
opacity: .6;
}

.cross-btn .fa:hover {
opacity: 1;
}

.width210 {
width: 170px;
}

.jj .level2, .jj .level3, .jj .level4 {
display: block !important;
}

.jj #ctl00_mainMenu ul li {
position: initial !important;
}

.jj a.popout.level1 {
background-color: #f9f9f9;
color: #444 !important;
}

.jj a.popout.level1::after {
content: "\f111";
font-family: 'FontAwesome';
display: inline-block;
color: #1ABB9C;
padding-right: 20px;
float: right;
font-weight: lighter;
}

.jj a.popout.level2, .jj a.popout.level3, .jj a.popout.level4 {
background-color: #fff;
color: #3c8dbc;
}

.jj a.popout.level1, .jj a.popout.level2, .jj a.popout.level3, .jj a.popout.level4 {
pointer-events: none;
}

.jj a.popout.level2::after, .jj a.popout.level3::after, .jj a.popout.level4::after {
content: "\f175";
font-family: 'FontAwesome';
display: inline-block;
color: #555;
padding-left: 8px;
font-weight: lighter;
}

.jj .arrow-right, .jj .caret {
display: none;
}

.jj .level1, .jj .level2, .jj .level3, .jj .level4 {
width: 300px;
position: static !important;
}

.jj .navbar-nav > li > .dropdown-menu {
border-left: none;
margin-top: 0;
}

.jj a.level2.dynamic, .jj a.level3.dynamic, .jj a.level4.dynamic {
font-weight: bold;
}

.jj li.has-popup.dynamic {
position: initial !important;
}


/* scrollbar */
.scrollbar::-webkit-scrollbar {
background-color: transparent;
width: 8px;
}

/* background of the scrollbar except button or resizer */
.scrollbar::-webkit-scrollbar-track {
background-color: transparent;
}

.scrollbar::-webkit-scrollbar-track:hover {
background-color: #f4f4f4;
}

/* scrollbar itself */
.scrollbar::-webkit-scrollbar-thumb {
background-color: #babac0;
border-radius: 16px;
border: 2px solid #fff;
}

.scrollbar::-webkit-scrollbar-thumb:hover {
background-color: #a0a0a5;
border: 2px solid #f4f4f4;
}
/* set button(top and bottom of the scrollbar) */
.scrollbar::-webkit-scrollbar-button {
display: none;
}

/* ---scrollbar---  */

/* ------Search Box Code------  */


/* --Tiles UI ends-- */

/* Modal Recent Links */

.modal.right.fade.in .modal-dialog {
right: 0 !important;
transform: translateX(-50%);
}

.modal.right .modal-content {
height: 100%;
overflow: auto;
border-radius: 0;
}

.modal.right .modal-dialog {
position: fixed;
margin: auto;
height: 100%;
-webkit-transform: translate3d(0%, 0, 0);
-ms-transform: translate3d(0%, 0, 0);
-o-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0);
width: 350px;
}

.modal.right.fade.in .modal-dialog {
transform: translateX(0%);
}

.modal.right.fade .modal-dialog {
right: -320px;
-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
-moz-transition: opacity 0.3s linear, right 0.3s ease-out;
-o-transition: opacity 0.3s linear, right 0.3s ease-out;
transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right .modal-header {
background-color: #7f991a;
color: #fff;
}
/*.modal.right .modal-header::after {content:""; display:inline-block;}*/
.modal.right .close {
text-shadow: none;
opacity: 1;
color: #ff4d4d;
font-size: 26px;
}

.modal.right ul.list-group.recent-links > li:before {
content:"\f0c1" !important;
font-family: FontAwesome;
display: inline-block;
height: 20px;
width: 20px;
color: #3c8dbc;
font-size: 10px;
}

.modal.right ul.list-group > li > span {
max-width: 90%;
display: inline-block;
vertical-align: middle;
line-height: 16px;
}

.modal.right ul.list-group > li a {
color: #888;
font-size: 95%;
}

.modal.right ul.list-group > li a:hover {
color: #444;
}

.modal.right ul.list-group > li.list-group-item {
border: 1px solid #f9f9f9;
border-radius: 0px;
}

.modal.right ul.list-group > li.list-group-item::before {
    content: "\f007";
    font-family: FontAwesome;
    display: inline-block;
    height: 20px;
    width: 20px;
    color: #3c8dbc;
    font-size: 14px;
    vertical-align: middle;
}

.modal.right .modal-body {
max-height: 535px;
overflow-y: auto;
}

.modal.right .modal-footer {
position: absolute;
bottom: 0;
width: 100%;
}

/* -- Modal -- */

/*  form-control  */
.form-control {
border-radius: 0;
box-shadow: none;
}

.form-control:focus {
box-shadow: none;
}

/* Breadcrumbs */

#breadcrumb {
list-style: none;
display: inline-block;
}
#breadcrumb .icon {
font-size: 14px;
}
#breadcrumb li {
float: left;
}
#breadcrumb li a {
color: #FFF;
display: block;
background: #3498db;
text-decoration: none;
position: relative;
height: 40px;
line-height: 40px;
padding: 0 10px 0 5px;
text-align: center;
margin-right: 23px;
}
#breadcrumb li:nth-child(even) a {
background-color: #2980b9;
}
#breadcrumb li:nth-child(even) a:before {
border-color: #2980b9;
border-left-color: transparent;
}
#breadcrumb li:nth-child(even) a:after {
border-left-color: #2980b9;
}
#breadcrumb li:first-child a {
padding-left: 15px;
-moz-border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px;
border-radius: 4px 0 0 4px;
}
#breadcrumb li:first-child a:before {
border: none;
}
#breadcrumb li:last-child a {
padding-right: 15px;
-moz-border-radius: 0 4px 4px 0;
-webkit-border-radius: 0;
border-radius: 0 4px 4px 0;
}
#breadcrumb li:last-child a:after {
border: none;
}
#breadcrumb li a:before, #breadcrumb li a:after {
content: "";
position: absolute;
top: 0;
border: 0 solid #3498db;
border-width: 20px 10px;
width: 0;
height: 0;
}
#breadcrumb li a:before {
left: -20px;
border-left-color: transparent;
}
#breadcrumb li a:after {
left: 100%;
border-color: transparent;
border-left-color: #3498db;
}
#breadcrumb li a:hover {
background-color: #1abc9c;
}
#breadcrumb li a:hover:before {
border-color: #1abc9c;
border-left-color: transparent;
}
#breadcrumb li a:hover:after {
border-left-color: #1abc9c;
}
#breadcrumb li a:active {
background-color: #16a085;
}
#breadcrumb li a:active:before {
border-color: #16a085;
border-left-color: transparent;
}
#breadcrumb li a:active:after {
border-left-color: #16a085;
}

/* X */

/* News Panel on HomePage - 23/9/19 */

.news-panel .pagination .glyphicon
{
margin-right:0px !important; /*override*/
}

.news-panel .pagination a
{
color:#555;
}

.news-panel.panel ul
{
padding:0px;
margin:0px;
list-style:none;
}
.news-panel .panel-body {
min-height:400px;
}
.news-panel .news-item
{
padding: 4px 4px;
margin: 0px;
font-size: 13px;
border-bottom: 1px dashed #bfbfbf;
line-height: 1.3;
}

.news-panel .news-item > table {
margin:2px 0; 
}
.news-panel #jquery-script-menu {
position: fixed;
height: 90px;
width: 100%;
top: 0;
left: 0;
border-top: 5px solid #316594;
background: #fff;
-moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
z-index: 999999;
padding: 10px 0;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}

.news-panel .jquery-script-center {
width: 960px;
margin: 0 auto;
}
.news-panel .jquery-script-center ul {
width: 212px;
float:left;
line-height:45px;
margin:0;
padding:0;
list-style:none;
}
.news-panel .jquery-script-center a {
text-decoration:none;
}
.news-panel .jquery-script-ads {
width: 728px;
height:90px;
float:right;
}
.news-panel .jquery-script-clear {
clear:both;
height:0;
}
.news-panel .panel-heading, .news-panel .pagination > li > a {
background-color:#7f991a;
color:#fff;
}

.news-panel .panel-footer {
background-color:#f9f9f9;
border-top-color:transparent;
}
.news-panel .panel-heading span {
    margin: 5px 0 6px;
    /*float: left;*/
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 18px;
    font-family: 'opensans-bold';
}

.date-div {
padding: 9px 17px;
margin-right:5px;
border-radius:50%;
border:4px solid #89a41c;
background:#f6f6f6;
color:#555
}
.date-div span {
display:block;
}
.date-div span:first-child {
font-size:18px;
font-weight:bold;
}
            
.date-div span+span {
font-size:10px;
}

.news-item .text {
padding: 0 10px;
height: 40px;
overflow: hidden;
transition:.2s ease;
}
.news-item .text span {
display:block;
}

.news-item .text .title {
font-size:13px;
font-weight:bold;
color:#666;
margin-bottom:5px;
}

.news-item #read-more {
padding:0 10px;
margin:10px 0 5px;
}
.news-item #read-more a {
display:block;
color:#337ab7;
font-family:ptsans;
}

.news-item #read-more span {
background-color: rgba(	26, 187, 156, 0.1);
color: #333;
padding: 2px 5px;
font-size: 12px;
cursor:pointer;
border: 1px dashed rgb( 26, 187, 156);
}    

.news-item #read-more a div {
color:#777;
font-size:12px;
font-weight:500;
}

.auto-height {
height:auto !important;
transition:.2s ease;
}

.opacity {
background:rgb( 26, 187, 156) !important;
color:#fff !important;
}

.marquee-hgt > .border-top span, .marquee-hgt > .border-top > * {
background-color: transparent!important;
}

/* News Panel on HomePage */

/* Breadcrumbs */

.breadcrumb-menu {
display: flex;
flex-direction: row;
width: 100%;
/*background-color: #fff;*/
background-color:none;
margin-top:10px;
}

.breadcrumb-menu ul.breadcrumb {
  padding: 8px 16px;
  list-style: none;
  /*background-color: #fff;*/
  background-color:transparent;
  margin:5px 0 0 0;
}

.breadcrumb-menu ul.breadcrumb li {display: inline; color:#666; cursor:pointer; font-size:13px;}

.breadcrumb-menu ul.breadcrumb li+li:before {
  padding: 8px;
  color: #666;
  content:"\f105";
  font-family:FontAwesome;
}

.breadcrumb-menu ul.breadcrumb li a {color: #666;}
.breadcrumb {border-radius:0;}

.breadcrumb-menu ul.breadcrumb li:last-child {
color:#7f991a;
}

/*----------start Media----------------------*/
@media screen and (max-width:480px) {
.box-body {
padding: 3px;
}

.input_Style {
width: 270px;
}
}

@media screen and (min-width:480px) {
.hidden-md_1 {
display: none;
}
}

@media (max-width:767px) {
.skin-blue .main-header .navbar .dropdown-menu li a {
color: grey!important;
}

.skin-blue .main-header .navbar .dropdown-menu li a:hover {
color: #fff!important;
}
}

@media (max-width:767px) {
    .skin-blue .main-header .navbar .dropdown-menu li a {
        color: grey!important;
    }

        .skin-blue .main-header .navbar .dropdown-menu li a:hover {
            color: #fff!important;
        }

    .box-tools.pull-right {
        float: none!important;
    }

    .box-header > .box-tools {
        position: static;
        font-size: 89%!important;
    }

    .main-footer {
        font-size: 12px;
    }
}
@media (max-width:992px) {
    .mt-mobile .btn {
        margin-top:6px;
    }
}

@media only screen and (max-width:767px) {
.dropdown-menu .level3, .level2, .level4 {
display: block!important;
position: static!important;
}

#ctl00_mainMenu li.dynamic, .dropdown-menu .level3, .level2 {
position: static!important;
}

.dropdown-menu .level3 {
border-top: none;
border-bottom: none;
top: 0!important;
left: 100%!important;
}

.level2 {
top: 100%!important;
left: 0!important;
width: 100%!important;
}

.navbar-nav .dropdown-menu {
background-color: #89a41c;
}

#ctl00_mainMenu .dropdown-menu {
border: none;
}

#ctl00_mainMenu .dropdown-menu li > a {
color: #fff!important;
}


/* for search box */

.jj #ctl00_mainMenu .dropdown-menu li > a {
color: #777 !important;
}

.jj .navbar-nav .dropdown-menu {
background-color: #fff;
}

.cross-btn {
right: 20px;
top: 50%;
transform: translateY(40%);
}

.live-search-box {
z-index: 0 !important;
}

.live-search-area {
position: absolute;
left: 50%;
transform: translateX(-78%);
-webkit-transform: translateX(-78%);
-moz-transform: translateX(-78%);
-o-transform: translateX(-78%);
}

.jj .level1, .jj .level2, .jj .level3, .jj .level4, live-search-area {
width: 250px;
}

/* X  */

#ctl00_mainMenu .dropdown-menu .level3 a {
color: #f1f1f1!important;
}

#ctl00_mainMenu .nav > li > a {
width: 100%;
display: inline-block;
}

.navbar-collapse.pull-left {
float: none!important;
min-height: 100%;
max-height: 500px;
overflow: auto;
/*background-color: #3c8dbc;*/
}

.navbar-toggle {
padding: 10px 15px;
}

.live-search-box {
display: none;
transform: translateX(-50%);
left: 50%;
z-index: 9999;
position: fixed;
top: 0;
    width: 57%;
    margin-top: 4px;
}
}

.marquee-hgt {
min-height: 452px;
}

@media only screen and (max-width:320px) {
.live-search-box {
width: 50%;
}
}
/* Mobile Tablet Responsive Media code added 2-10-2019 */
@media only screen and (max-width:767px) {

    #user-icon {
        margin-top:5px;
    }
    .box-header.d-flex {
    display:block
    }



#ctl00_mainMenu .level1, #ctl00_mainMenu .level2, #ctl00_mainMenu .level3, #ctl00_mainMenu .level4, #ctl00_mainMenu .level1 li, #ctl00_mainMenu .level2 li, #ctl00_mainMenu .level3 li, #ctl00_mainMenu .level4 li {
width:100%;
}

li.dynamic {
padding-left:0 !important; padding-right:0 !important;
}

li.dynamic .fa {
transform:translateX(-30px);
}

.jj li.dynamic .fa {
transform:translateX(0);
}
li.dynamic:hover{
background-color: initial !important;
color:#fff !important
}

#ctl00_mainMenu .dropdown-menu li > a, #ctl00_mainMenu .level1.nav > li > a,  #ctl00_mainMenu li.dynamic .fa {
font-size:15px !important;
}
   
a.popout.level1{
background-color:#7f991a;
color:#fff;
}

.level1.static.highlighted, #ctl00_mainMenu ul.level1.nav > li:hover > a, ul.level1.nav > li:active > a {
background-color:#7f991a   !important;
color:#fff !important;
}
li.dynamic {
border-bottom-color:transparent !important;
}
}
/*----------/end Media----------------------*/
/*   note   */
.note-div {
    border:1px solid #eee;
    
    margin-bottom: 10px;
    color:#000;

}
.note-div i {
      color: #89a41c;
    background-color: #E4EAF6;
    padding: 3px;
    border-radius: 50%;
    border:1px solid #eee;
    margin-right:8px;


}
.note-div .heading{
    font-size:16px;
    font-weight:bold;
        border-left: 3px solid #89a41c;
            padding-left: 6px;
   
}
/*   /note   */