@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&family=Raleway:wght@100;200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Electrolize&display=swap');


:root { --main-color:#831515;}

body {font-family: 'Montserrat', sans-serif; font-size:16px; color:#222; padding:0; margin:0;   }
a { text-decoration:none; }
a:hover { text-decoration:none; }



.has-subnav i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;           /* Hexagon width */
    height: 150px;          /* Hexagon height */
    background-color: #94d394;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border: 1px solid #ccc;
}

 .label {
	background-color: #c9a2ff;
	padding: 15px;
	text-align: center;
	border-radius: 5px;
}
.has-subnav i {
  color: #140d6a; /* Icon color */
  font-size: 20px; /* Icon size */
} 
.dashbutton1 {  background:#fff; border-radius:5px;border:1px solid #fff; line-height:40px; height:42px; padding:0px 20px; color:#000;  font-size:14px; display:inline-block; }
.dashbutton1:hover { background:#000; color:#fff;  border:1px solid #000; } 

.dashbutton2 {  background:none; border:1px solid #fff; border-radius:5px;  line-height:40px; height:42px; padding:0px 20px; color:#fff;  font-size:14px; display:inline-block;  }
.dashbutton2:hover { background:#fff; color:#000; } 
 
 .dashheading { border-bottom:1px solid #dadada; padding:20px 20px; margin:0 0 0px 0;    font-weight: 500; } 
  
 .dashcontent   {    margin: 0 0 30px 0; border-radius: 5px;  box-shadow: 0 10px 30px 0 rgb(24 28 33 / 5%); min-height:220px; overflow:hidden; }

.dashboarddiv { background:#fff;   margin: 0 0 30px 0; border-radius: 5px;  box-shadow: 0 10px 30px 0 rgb(24 28 33 / 5%); min-height:220px; overflow:hidden; }
.dashboarddivin { padding: 20px; }
.dashboarddiv h2 { display:block; font-size:16px; /*border-bottom:1px solid #dadada; padding:20px 20px; margin:0 0 0px 0; */ margin:0; padding:0;   font-weight: 500; }
.dashcontent h3 { font-size:30px; margin:0; color:#fff; }
.dashcontent h3 strong {   color:#fff; }
.dashcontent img { width:100%; }
.dashcontent p { padding:10px 0 20px 0; margin:0; color:#fff;  }
.dashcontent a { margin:10px 10px 0 0; }
 
  .dashheading1 { padding:15px 20px 15px 20px !important; }
 .dashheading1 select { padding:0 10px; line-height:30px; height:30px !important; }  
.dashheading1 h2 { padding:8px 0 0 0; }
  
.quicklinks {  } 
 
.quicklinks .quicklinkscolor { display:block; margin:0 0 30px 0; padding:30px 20px 40px 20px; box-shadow: 0 10px 30px 0 rgb(24 28 33 / 5%); text-align:center; min-height:200px; background:#fff !important; border:0 !important; border-radius: 5px; } 
.quicklinks .quicklinkscolor .icon { width:80px; height:80px; display:block; margin:0px auto 20px; border-radius:100px; transition:ease all 0.3s;  } 
.quicklinks .quicklinkscolor  strong { display:block; font-size:13px; font-weight:500; }
.quicklinks .col-md-2  { } 
 .quicklinks .quicklinkscolor:hover .icon { width:90px; height:90px;}
.quicklinks .col-md-2:nth-child(1) .icon { background:#00c996; }
.quicklinks .col-md-2:nth-child(2) .icon { background:#f73629; }
.quicklinks .col-md-2:nth-child(3) .icon { background:#00b9e9; }
.quicklinks .col-md-2:nth-child(4) .icon { background:#fcb836; }
.quicklinks .col-md-2:nth-child(5) .icon { background:#9339e2;  }
.quicklinks .col-md-2:nth-child(6) .icon { background:#0c5460;  }

.quicklinks .col-md-2:nth-child(1) .quicklinkscolor a{ color:#00c996; }
.quicklinks .col-md-2:nth-child(2) .quicklinkscolor a{ color:#f73629; }
.quicklinks .col-md-2:nth-child(3) .quicklinkscolor a{ color:#00b9e9; }
.quicklinks .col-md-2:nth-child(4) .quicklinkscolor a{ color:#fcb836; }
.quicklinks .col-md-2:nth-child(5) .quicklinkscolor a{ color:#9339e2; }
.quicklinks .col-md-2:nth-child(6) .quicklinkscolor a{ color:#0c5460; }

.quicklinks .col-md-2:nth-child(1) .quicklinkscolor { background:#e5f9f4; color:#00c996; border:1px solid #cef4eb; }
.quicklinks .col-md-2:nth-child(2) .quicklinkscolor { background:#feeae9; color:#f73629; border:1px solid #fdd7d6; }
.quicklinks .col-md-2:nth-child(3) .quicklinkscolor { background:#e5f8fd; color:#00b9e9; border:1px solid #cef2fb; }
.quicklinks .col-md-2:nth-child(4) .quicklinkscolor { background:#fff8eb; color:#fcb836; border:1px solid #fff2d9; }
.quicklinks .col-md-2:nth-child(5) .quicklinkscolor { background:#f4ebfc; color:#9339e2; border:1px solid #ead9fa; }
.quicklinks .col-md-2:nth-child(6) .quicklinkscolor { background:#d1ecf1; color:#0c5460; border:1px solid #bee5eb; }
 
 
 
.canvasjs-chart-credit { display:none !important; } 
 .table-responsive td {
 border-collapse: collapse; }
 
  
.dashboardlinks { padding:0; list-style:none; margin:0; display: flex; flex-flow: wrap;}
.dashboardlinks li { width:50%; display:block; padding:7px 0; }
.dashboardlinks li  a { color:#555; }
.dashboardlinks li  a:hover { color:#00b9e9; }

.dashicons { display:inline-block; width:100%; margin:0 0 30px 0; padding:30px; transition:ease all 0.3s; border-radius:5px; background:#f4f4f4; border:1px solid #999; box-shadow:0 10px 30px 0 rgb(24 28 33 / 5%); }
.dashicons h3 { display:block; font-size:20px; margin:0 0 20px 0; padding:0; border-bottom:1px solid #999; padding:0 0 20px 0; }
.dashicons ul { list-style:none; padding:0; margin:0; display:flex; flex-flow: wrap; border-radius:5px;   }
.dashicons ul li { width:125px; background:#d8a6f5 !important; padding:5px 0px 10px 0px; text-al ign:center; margin:0 10px 10px 0; text-align:center; border: 1px solid #999 !important;   box-shadow: 0 10px 30px 0 rgb(24 28 33 / 5%) !important; border-radius: 10px; }
.dashicons ul li .icon { width:50px; line-height:50px; height:50px; display:block; margin:0px auto 5px; }
.dashicons ul li a { font-size:12px; color:#000; }
.dashicons ul li small { width:90%; font-size:12px; display: block; margin: 0px auto;  }

.dashicons ul li i { 
width:50px; line-height:50px; height:50px; display:block; margin:0px auto 5px; font-size: 26px;  display: block; line-height: 50px;
}


.dashicons ul li:hover { box-shadow:0 5px 15px 0 rgb(24 28 33 / 5%); }
.dashicons ul li:hover a {  color:#164696; }

.rvdashicons1{ display:inline-block; width:100%; margin:0 0 10px  0px; padding:0 0 0 15px; border-left:1px solid #dadada;}
.rvdashicons1 h3 { display:block; font-size:22px; margin:0 0 20px 0; padding:0; }
.rvdashicons1 ul { list-style:disc; padding:0; margin:0 0 0 20px;; display:flex; flex-flow: wrap;  }
.rvdashicons1 ul li { width:100%; padding:10px; text-align:left; margin:0  0px 10px 0; border-radius:5px; position:relative; padding:0 0 0 0px;  }
.rvdashicons1 ul li a { font-size:13px; color:#666; }
.rvdashicons1 ul li a:hover { text-decoration:underline; }


.roledashboard { background:#f4f4f4; padding:10px 15px; margin:5px 0 10px 0; display:inline-block; width:100%; border-radius:5px;  }
.roledashboard  p { text-align:center; margin:0; padding:5px 0 0 0;    font-size: 15px; }
.roledashboard  strong { }

.roledashboard .dropdown button { border:1px solid #0C5460; line-height:30px; padding:0 10px; background:none; float:right; border-radius:5px; }
.roledashboard .dropdown .dropdown-menu { width:200px; }
.roledashboard .dropdown .dropdown-menu a { font-size:13px; padding:5px 10px; display:block; white-space: break-spaces; }
.roledashboard .dropdown .dropdown-menu a:active { background:#fafafa; color:#000; }

.roledashboard .dropdown .dropdown-menu span {   font-size:13px; padding:5px 10px; display:block; font-weight:bold; color:#419702; }

.mainheader { padding:0px 20px 0 0px;color: #000000; background:#1a547d; width: 100%;  height: 60px;    position: sticky;  top: 0;  z-index: 11; }

.mainheader .toplogo { background:#1a547d; padding:8px 20px 8px 50px; height:60px; width:250px; }
.mainheader .toplogo img { height:88%; width:auto; float:right; }

#newcontent {  width: 100%;   padding: 0 0 0 0px;   min-height: 100vh;   -webkit-transition: all .3s;  -o-transition: all .3s;   transition: all .3s;}
#main-contentnew {   background:#fff !important; /*c2cfff*/ padding:15px !important; margin:0px 0 0 0; height: calc(100vh - 60px);  overflow-y: scroll; width:100%; }


.menu-btn { float:left; width:45px; height:60px; line-height:60px; text-align:center; padding:17px 0 0 19px; position: absolute; left: 0; top: 0; z-index: 1; background: #05537f; }
.menu-btn a { display:block; }
/*.side-btn span { width:20px; height:2px; background:#fff; display:block; margin:5px 0; }
*/
.menu-btn span {background:#fff; height:2px; display:block; width:20px; position:relative; margin:11px 0 0 0; }
.menu-btn span:after { content:""; height:2px; background:#fff; width:100%;  position:absolute; left:0;  transform: rotate(0deg); top: -7px;}
.menu-btn span:before { content:""; height:2px; background:#fff; width:100%;  position:absolute; left:0; transform: rotate(0deg);  top: 7px; }
.menu-btn.active span {  height:0px; position:relative; width:20px; }
.menu-btn.active span:after { content:""; height:2px; background:#fff; width:100%; top:-9px; position:absolute; left:0; transform: rotate(45deg); top: -0px; }
.menu-btn.active span:before { content:""; height:2px; background:#fff; width:100%; bottom:-9px; position:absolute; left:0;transform: rotate(-45deg);top: -0px; }
	
	.blackdiv { position:fixed; width:0%; height:100%; top:0; left:0; background:#000; opacity:0.5;  z-index:9;   transition:ease all 0.4s; display:none !important; }
	.blackdiv.open  { display:block;  width:100%;  }
	
.newsidebar { height:calc(100vh - 60px); position:fixed; top:60px; left:-250px; width:250px; background:#23394C; z-index:10; transition:ease all 0.5s; box-shadow:0px 4px 8px 2px rgba(0, 0, 0, 0.10); }	
.newsidebar.open { left:0; }	
.newsidebar .navbar { padding:0; }

.side-menu-container { width:100%; height:calc(100vh - 60px);  overflow-y:scroll;overflow-x:hidden; scrollbar-width: thin;   }
.side-menu-container{  scrollbar-width: thin;   scrollbar-color: #637b8a; }
.side-menu-container::-webkit-scrollbar {   width: 5px; }
.side-menu-container::-webkit-scrollbar-track {  background: #23394C; }
.side-menu-container::-webkit-scrollbar-thumb {  background-color: #637b8a;    border-radius: 10px;  border: 0px solid #ffffff; }
   

.accordionmenu { padding:10px; }	
.accordionmenu .mainlink { color:#fafafa !important; font-size:13px; font-weight:600;  text-decoration: none;  transition: ease all 0.2s; padding: 0 0px; line-height: 40px; display: block; border-bottom:1px solid #2f4c5f; position:relative; cursor:pointer; }	

.accordionmenu .mainlink::after { content:"+"; position:absolute; right:0px; top:11px; width:20px; height:30px; font-size:20px; line-height:20px; color:#fff; text-align:center; }	
.accordionmenu .mainlink:not(.collapsed)::after { content:"-";  }

.accordionmenu .accordion-item:first-child .mainlink:after,.accordionmenu .accordion-item:last-child .mainlink:after  { display:none; }

.accordionmenu ul { border-bottom:1px solid #2f4c5f; padding:10px 0 10px 0px; list-style:none; }
.accordionmenu ul li a  { color:#fafafa;  text-decoration: none; font-size:13px;  transition: ease all 0.2s; padding:7px 10px 7px 26px;   position: relative;   display: block; }
.accordionmenu ul li a span ,.accordionmenu ul li a small  {   font-size:13px;   }	
	.accordionmenu ul li a i { width:13px; text-align:center; position:absolute; left:5px; top:9px; }
.accordionmenu ul li a:hover { background:rgba(255,255,255,0.2); color:#fff; }
.accordionmenu ul li.active a { background:rgba(255,255,255,0.2); color:#fff;  }
	
	.card-body {  border: 0px solid #dadada; }
.indent-form .form-row, .table-body-new21 .form-row { --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x)); }

.indent-form .form-row  .select  ,.table-body-new21 .form-row  .select   ,.table-body-new21 .form-row  input   { margin-bottom:15px; }

.login-main { display:flex; padding:0 !important; }
.login-main .login-left { background:#E7EBFB; width:50%; height:100vh; display:block; top:0; overflow:hidden;box-shadow: inset 0 5px 15px 0 rgb(24 28 33 / 5%); }
.login-main .login-right { background:#fff; width:100%; height:100vh; display:block; top:0; padding:30px;    justify-content: center;
    align-items: center;
    display: flex;
    flex-flow: column;  }
.login-main .login-right   .form1  { width:100%; display:block; margin:0px auto; }
.login-main .login-right .login-right-in { width:500px; margin:15px auto; box-shadow:0px 4px 8px 2px rgba(0, 0, 0, 0.10); padding:25px 40px; border-radius:10px; }


.hero-section .hero-img-slide {  }
.hero-section .hero-img-slide .banner-img-2 { animation:35s linear 0s infinite normal none running slideup}
.hero-section .hero-img-slide .banner-img-1 { animation:35s linear 0s infinite normal none running slideDown}

.hero-section .hero-img-slide .banner-img-2 { padding:0 20px 0 0; }
.hero-section .hero-img-slide .banner-img-1 { padding:0 0 0 0px; }
.hero-section .hero-img-slide .banner-img-3 { padding:0 0px 0 20px !important; }


@keyframes slideup{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(0,-100%,0)}}
@keyframes slideDown{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(0,-100%,0)}}
 
.imagesceclogin { display:block;height:100%; background:#fff;  box-shadow: 0 5px 15px 0 rgb(24 28 33 / 5%); border-radius:10px; overflow:hidden; margin:20px 0px; position:relative; }
.imagesceclogin img {  overflow:hidden; object-fit:cover; width:100%; }
.imagesceclogin h3 { display:block; padding:15px 10px 8px 10px; font-size:16px;line-height:16px; font-weight:bold; margin:0; text-align:center; color:#FFF; }
.imagesceclogin small { display:block; padding:5px 10px 15px 10px; font-size:12px; line-height:12px;font-weight:normal; text-align:center; color:#FFF;}

.imagesceclogin  .cons { position:absolute; bottom:0; left:0; padding:10px 20px; background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.9)); width:100%; z-index:1; }

.imagesceclogin1 { display:block; background:#fff; box-shadow:0 5px 15px 0 rgb(24 28 33 / 5%); border-radius:10px; overflow:hidden; margin:20px 0px; position:relative; }
.imagesceclogin1 img { height:125px; overflow:hidden; object-fit:cover; width:100%; }

.imagesceclogin1 h3 { display:block; padding:10px 5px 10px 5px; font-size:12px; line-height:16px; font-weight:bold; margin:0; text-align:center;position:absolute; bottom:0; left:0;   background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.9)); width:100%; color:#fff; }
.imagesceclogin1 small { display:none; padding:5px 10px 20px 10px; font-size:12px; line-height:12px;font-weight:normal; text-align:center; }

.loginsl1 { padding:50px 50px; height:70vh; overflow:hidden; }
.loginsl1 .imagesceclogin { margin:  0px; }
.loginsl1 .slick-arrow { display:none !important; }

.loginsl2 { padding:10px 50px; height:30vh;}
.loginsl2 .imagesceclogin1 { margin:0 10px; }
.loginsl2 .slick-arrow { display:none !important; }
.calender-details a {   line-height:30px !important; }

.loginsl1 .slick-list { height:100%;  }
.loginsl1 .slick-track{ height:100%;  }

.sopullist { list-style:none; padding: 10px 0 10px 0px; margin:0 0 20px 0; display: flex; background: #fff; flex-flow: wrap; border-radius:10px;  box-shadow: 0 10px 30px 0 rgb(24 28 33 / 5%);}
.sopullist li {     width: 100%;  border: 0px solid #dadada;      text-align: left;  margin: 0  0px  0px 0;  border-radius: 0px; transition: ease all 0.3s;    position:relative; border-bottom:0px solid #dadada; }
.sopullist li:last-child { border:0; margin:0; }
.sopullist li i {  width: 40px;  line-height: 30px;     display: block;  margin: 0px auto 0px;  font-size: 18px; display: block;    /*border:1px solid #dadada;   box-shadow: 0 10px 30px 0 rgb(24 28 33 / 5%); border-radius:5px;*/ position:absolute; left:0; top:6px; text-align:center; }
.sopullist li strong { width: 90%;  font-size: 12px;  display: block;    }
.sopullist li a { color:#333; padding: 12px 0px 12px 40px; position:relative; display:block; transition: ease all 0.3s; position:relative;  }
.sopullist li a:hover { background:#f1f1f1;  }
.sopullist li.active a { background:#006cc8; color:#fff;  }
.sopullist li.active a:after { content:"";  width: 0; position:absolute; right:-21px; top:0; height: 0; border-top: 21px solid transparent;  border-bottom: 21px solid transparent;  border-left:21px solid #006cc8;   }
.sopframe iframe { width:100%; height:500px; display:block; }

.helpullist { list-style:none; padding:0;  margin:0 0 20px 0;    }
.helpullist li { display:flex; width:100%;  border: 0px solid #dadada;   padding: 12px ;   text-align: left;  margin: 0  0  1% 0;  border-radius:10px; transition: ease all 0.3s; background: #fff; position:relative; border-bottom:0px solid #dadada; float:left; }
.helpullist li:nth-child(even) { float:right;   }
.helpullist li i { width: 70px;  line-height: 70px; height:70px; display: block; font-size: 18px; border:1px solid #dadada; box-shadow: 0 10px 30px 0 rgb(24 28 33 / 5%); border-radius:5px;  text-align:center; float:left; }
.helpullist li strong { width: 90%;  font-size: 18px;  display: block; }
.helpullist li a { color:#333; padding: 10px 0px 0px 10px; position:relative; display:block; transition: ease all 0.3s; position:relative; font-size:16px; }
 
 .accordionfaq {}
 
 
.accordionfaq { padding:10px; }	
.accordionfaq .mainlink { color:#000 !important; font-size:14px; font-weight:500;  text-decoration: none;  transition: ease all 0.2s; padding: 5px 10px; line-height: 40px; display: block; border:1px solid #dadada; background:#ffafa; position:relative; cursor:pointer; background:#E7EBFB; }	

.accordionfaq .mainlink.collapsed { background:#fff; }

.accordionfaq .accordion-item { margin:8px 0; }

.accordionfaq .mainlink::after { content:"+"; position:absolute; right:10px; top:14px; width:20px; height:30px; font-size:20px; line-height:20px; color:#000; text-align:center; }	
.accordionfaq .mainlink:not(.collapsed)::after { content:"-";  }

 
 .accordionfaq p  { color:#fafafa;  text-decoration: none; font-size:13px;  transition: ease all 0.2s; padding:7px 10px 7px 26px;   position: relative;   display: block; }
 
 .accordionfaq .accordion-collapse {border:1px solid #dadada; padding:20px; border-top:0;  }
 
 
 .new-resultanalysys .dash-chats  {  background: #fff;   padding: 25px;  text-align: center;  margin: 0  0px 30px 0;  border-radius: 10px; transition: ease all 0.3s;  box-shadow: 0 10px 30px 0 rgb(24 28 33 / 5%);}
 /*
 .ul-design { list-style:none; padding:0; margin:0; }
.ul-design ul { list-style:none; padding:0; margin:0;display: flex; flex-flow: wrap; padding:25px; background:#fff; box-shadow:0px 0px 20px rgb(0 0 0 / 5%); border-radius:10px; }

.ul-design li { width:23%; margin:0 20px 20px 0; float:left;padding:25px; border:1px solid #dadada;  }
.ul-design li span { float:right; font-size:40px; text-align:right; line-height:30px; padding:5px 0 0 0; }
.design-new li span {font-size:28px!important; text-align:right; line-height:30px; padding:5px 0 0 0; }
.ul-design li span strong { display:block; font-size:14px; font-weight:normal; color:#666; padding:5px 0 0 0;  }
.ul-design li .icon { border-radius:5px; width:70px; height:70px;  padding:15px; float:left; }
.ul-design li .icon img { width:100%; }
.ul-design ul li:nth-child(n+1) .icon {	 background-color: #ffd0d5; border-color: #ffd0d5; }
.ul-design ul li:nth-child(2n+1) .icon {  background-color: #bfeff8; border-color: #bfeff8; }
.ul-design ul li:nth-child(3n+1) .icon {	  background-color: #ffefbf; border-color: #badbcc; }
.ul-design ul li:nth-child(4n+1) .icon {	  background-color: #ffd1bf; border-color: #f5c2c7; }
.ul-design ul li:nth-child(5n+1)  .icon {	  background-color: #bfffbf; border-color: #ffecb5; }
 */


.ul-design-dash li { width:100%; padding:20px; margin:20px 0 0px 0; box-shadow:0px 0px 20px rgb(0 0 0 / 5%);  }

.resulttable table th { font-size:11px; font-weight:600; padding:5px !important; }
.resulttable table td { font-size:11px; padding:5px !important; }

 .showsm { padding:0 0 15px 0; }
 .showsm .showcase{  padding: 0px 0px 0 0; color: #777;  border-radius: 5px;  list-style-type: none;  display: flex;  margin: 0; }
 .showsm  .showcase li{  display: flex;  justify-content: center;   margin: 0 10px; }
 .showsm .showcase li .seat{  background-color: #ffc107;  width: 15px;  height: 15px;  margin: 2px 4px 0 0;  border-radius: 0px; } 
 .showsm .showcase li .seatpending{ background-color:rgb(255, 0, 0);  width: 15px; height: 15px;  margin: 2px 4px 0 0;  border-radius: 0px; } 
  .showsm .showcase li .showcasestatus{  background-color:rgb(0, 128, 0);  width: 15px;  height: 15px;  margin: 2px 4px 0 0;  border-radius: 0px; } 
 .showsm input { width:100%; padding:0 10px; line-height:32px; height:32px; border:1px solid #dadada; border-radius:5px; }
 .showsm .row { padding:0; }
 
 .dashboardtime { display:block; margin:0 0 30px 0; }
  .dashboardtime h3 { font-size:22px; }
.dashboardtime ul { margin:0; padding:0; list-style:none; padding:15px;  background: #fff;  border-radius: 10px; box-shadow: 0 10px 30px 0 rgb(24 28 33 / 5%); display:flex; flex-flow:wrap; }

.dashboardtime ul li { float:left; width:115px; margin:.5%; border-radius:10px; padding:0 ; transition:ease all 0.3s;  }
.dashboardtime ul li i { display:block; margin:10px auto 0px;  width:80px; height:80px; line-height:80px;font-size:24px; text-align:center; border-radius:10px;   transition:ease all 0.3s;  }
.dashboardtime ul li a { color:#000; text-decoration:none; }
.dashboardtime ul li strong { display:block; font-size:13px; text-align:center; margin:10px 0 0px 0; color:#000; font-weight:normal;  }
.dashboardtime ul li:hover i { box-shadow:0 10px 30px 0 rgb(24 28 33 / 5%);  }
 
.dashboardtime0 ul li i {  color:#0f5132; border:1px solid #badbcc; background:#d8a6f5;  border:1px solid #000; color:#000; }
.dashboardtime1 ul li i {  color:#664d03; border:1px solid #ffecb5; background:#fff3cd; background:#8ce9e5; border:1px solid #000; color:#000; }
.dashboardtime2 ul li i {  color:#842029; border:1px solid #f5c2c7; background:#d8a6f5; border:1px solid #000; color:#1c258b; }

.back-btnsdash { float:right; padding:5px 10px; background:#fff; color:#000; border:1px solid #dadada; border-radius:5px; font-size:13px; }
body { background:#fff !important; }


.headerdropdown { width:300px; padding:0;box-shadow: 0 10px 30px 0 rgb(24 28 33 / 5%); border:0; }
.headerdropdown ul { list-style:none; padding:0; margin:0; }
.headerdropdown  li {display:block;margin:0;float:none;padding: 0;  border:0 !important; position:relative; }
.headerdropdown  li a { display:flow-root; padding:10px 15px !important; line-height:18px; font-size:12px; color:#000; transition:ease all 0.3s; border-left:2px solid #fff;white-space: break-spaces; }
.headerdropdown  li span { display:flow-root; padding:0px 15px !important; line-height:36px; font-size:12px; color:#006FE0; font-weight:bold; transition:ease all 0.3s; border-left:2px solid #fff; }
.headerdropdown  li:last-child { border-top:1px solid #dadada !important; }
 
.headerdropdown li a:hover {  padding:10px 15px 10px 18px !important; color:#006FE0; border-left:2px solid #006FE0; font-weight:bold; }

.enrolldatafac {  margin:0 0 10px 0; display:inline-block; width: 100%; padding:15px; border-bottom:1px solid #dadada; } 
.enrolldatafac  .images { position:relative; border-radius:100px; display:block; width:60px; height:60px; margin:0 15px 0 0; float:left; }
.enrolldatafac 	img { width:100%; height:100%;  object-fit:cover; border-radius:100px;  }	
.enrolldatafac  .content { padding:6px 0 0 0px; text-align:left; width:100%; }	
.enrolldatafac  .content strong { margin:0 0 5px 0; color:#000; display:block; font-size:14px; }	
.enrolldatafac  .content p { margin:0; color:#000;  font-size:12px }	
.enrolldatafac  .images i { width:16px; height:16px; border-radius:12px; text-align:center; line-height:16px; font-size:10px; background:#000; margin:0; color:#fff; position:absolute; bottom:-1px; right:-1px; }
/*.changephoto  a i { margin:0; padding:0; display: block; font-weight:bold;  margin: 0px auto; line-height: 14px; text-align:center; }*/


 
 .roledashboard , input, select, .card-body ,.card-header-new .back-btns, .dashboardtime ul,.dashboardtime2 ul li i,.card-header-new .ad-edit ,.card-header-new a, .container-top a,.navdrop ul .dropdowns,.navdrop ul .dropdowns-2,.roledashboard .dropdown .dropdown-menu,.coarform .alert   { border:1px solid #666 !important; } 

.mainheader  { border-bottom:1px solid #000 !important; }
.mainheader strong { color:#fff; }
.navdrop ul li .liksa { color:#fff; }
.navdrop ul li .liksa:hover { color:#fff; }

table.table tr th, table.table tr td ,.student-detail-table table th, .student-detail-table table td  { border:1px solid #999 !important; } 
.student-detail-table table {  border-collapse: collapse !important; }
/* #main-contentnew { background: #c2cfff !important; }  
*/ 

.navdrop ul .dropdowns { border-radius:0 ; width:200px;  }
.navdrop ul .dropdowns  a { color:#fff; }
.navdrop ul .dropdowns  select  { height:24px; line-height:24px; padding:0 5px; border:1px solid #999; border-radius:5px; font-size:11px; margin: 0px 0 0  0px; background:#fff; width:120px; }
.navdrop ul .dropdowns-2 { right:199px; }


.newcontainer { height:calc(100vh - 60px); flex-flow: column; overflow:hidden; padding:10px; display: flex; flex-flow:column;
   
    justify-content: stretch;
    align-items: stretch;  }

.newcontainer-searchbar {  background:#fff; padding:15px 20px; border:1px solid #999; border-bottom:0;   }
.newcontainer-searchbar .coarform { padding:0; }
.newcontainer-searchbar .coarform label { font-size:12px; padding:0; }
.newcontainer-searchbar .coarform select { height:30px !important; line-height:30px; padding:0 5px; font-size:12px; }
.newcontainer-searchbar .coarform input { height:30px; line-height:30px; padding:0 5px; font-size:12px;}

.newcontainer-searchbar .coarform .searchbtn { width:auto; background:#00439c; color:#fff; padding:0 20px; float:left; }
.newcontainer-searchbar .coarform .resetbtn { float:left; margin:0 0 0 20px; height:30px !important; line-height:30px; } 

.newcontainer-header {  padding:5px 0px 10px 0px;display: inline-block;
    width: 100%; }
.newcontainer-header h3 { font-size:18px; float:left; padding:6px 0 0 0; margin:0; }
.newcontainer-header a { float:right; }
.newcontainer-header button { float:right; }

.newcontainer-header .back-btns { background:#fff; border:0;padding:0px 10px; height:30px; line-height:30px; border-radius:5px; font-size:13px; margin:0 0 0 10px; color:#000;  }
.newcontainer-header .add-btns  {  background:#00439c; border:0; padding:0px 10px;height:30px; line-height:30px; border-radius:5px; font-size:13px; margin:0 0 0 10px; color:#fff;  }
.newcontainer-header .down-btns { background:#ffb961; border:0; padding:0px 10px;height:30px; line-height:30px; border-radius:5px; font-size:13px; margin:0 0 0 10px; color:#000;  }

.newcontainer-header .extra-btns { background:#1d90d7; border:0; padding:0px 10px;height:30px; line-height:30px; border-radius:5px; font-size:13px; margin:0 0 0 10px; color:#fff;  }


.newcontainer-wrapper {  padding: 0px; width:100%; }
 
.newcontainer-content { height:100%; background:#fff; padding:15px; overflow:scroll; border:1px solid #999;  }

.newcontainer-content1 { height:100%; }

.searchbtn { }
 

 
.headernam { display:flex; }
.hedaeracad { padding:6px 0 0 0; }
.hedaeracad small { font-size:12px; display:block;  }
.hedaeracad .headerselect { height:26px; line-height:26px; padding:0 5px; border:1px solid #999 !important; border-radius:5px; font-size:13px; margin:0px 0 0 0px; background:#fff;  } 

.newcontainer-content table { margin:0; }
 
 .study_material_mapping2 select { height:30px; line-height:30px; padding:0 5px; border:1px solid #999; border-radius:5px; font-size:12px; margin: 0px 0 0  0px; background:#fff; width:200px; }  .study_material_mapping2 input { margin:1px 3px 0 0 !important; float:left; }

.sec-security  {  } 
.sec-security .student-detail-table { padding:0; }
.sec-security select,.sec-security input { height:30px !important; line-height:30px; padding:0 5px; border:1px solid #999; border-radius:5px; font-size:12px; margin: 0px 0 0  0px; background:#fff; width:100%; }  .sec-security input {  }

.sec-security  .chosen-container-multi { height:auto !important; min-height:30px; line-height:30px;  border:1px solid #999 !important; padding:0 5px !important; }

.newcontainer-form {   }
.newcontainer-form select { height:34px !important; line-height:34px; padding:0 10px; border:1px solid #999; border-radius:5px; font-size:12px; margin: 0px 0 0  0px; background:#fff; width:100%; }  
.newcontainer-form input  { height:34px; line-height:34px; padding:0 10px; border:1px solid #999; border-radius:5px; font-size:12px; margin: 0px 0 0  0px; background:#fff; width:100%; }  
.newcontainer-form input[type=file]  {   line-height:16px; padding:5px 5px; }  

 .form-btns { padding:20px 0 0 0;  }
.form-btns .cancel-btn { display:block; float:left;  background:#555; border:0; font-size:14px; padding:0px 30px;height:40px; line-height:40px; border-radius:5px; font-size:13px; margin:0 10px 0  0px; color:#fff;  width:auto; }
.form-btns .save-btn { display:block; float:left; background:#00439c; border:0; font-size:14px; padding:0px 30px;height:40px; line-height:37px; border-radius:5px; font-size:13px; margin:0 10px 0  0px; color:#fff; width:auto; }

.calendernextpr { background:#fafafa; padding:10px;border: 1px solid #999; border-bottom:0; }
.calendernextpr .manageattendance-search a { background:#444; color:#fff; }

.newcontainer-searchbar2 { background:#fafafa; padding:10px;border: 1px solid #999; margin-bottom: 10px; }


.newcontainer-searchbar2 .coarform {  padding: 0; }
.newcontainer-searchbar2 .coarform label { font-size:12px; padding:0; }
.newcontainer-searchbar2 .coarform select { height:30px !important; line-height:30px; padding:0 5px; font-size:12px; }
.newcontainer-searchbar2 .coarform input { height:30px; line-height:30px; padding:0 5px; font-size:12px;}

 .coarform .alert { padding:2px 5px; font-size:12px; margin:0; }

.newcontainer-content-in2 { background:#fafafa; padding:20px 20px 30px 20px;border: 1px solid #999; border-top:0; margin:0px 0 0 0; }
.newcontainer-content-in2 label { font-size:13px; padding:0; margin:0; }
.newcontainer-content-in2 .alert { padding:0px 5px; font-size:15px; margin:0;  line-height:40px; }
.newcontainer-content-in2  input { padding:0px 10px;height:40px; line-height:40px; }

.newcontainer-content-in2 .save-btn {  background:#00439c; border:0; font-size:14px; padding:0px 20px;height:40px; line-height:40px; border-radius:5px; font-size:13px; margin:0  10px 0   0px; color:#fff; float:left; } 
.newcontainer-content-in2 .view-btn {  background:#1d90d7; border:0; font-size:14px; padding:0px 20px;height:40px; line-height:40px; border-radius:5px; font-size:13px; margin:0  10px 0   0px; color:#fff; float:left; } 
.newcontainer-content-in2 .cancil-btn {  background:#666; border:0; font-size:14px; padding:0px 20px;height:40px; line-height:40px; border-radius:5px; font-size:13px; margin:0  10px 0   0px; color:#fff; float:left; } 

 
 .mobilesidebar1 { display:block;   border-radius: 5px; background:#000; height:30px;   color:#fff; line-height:30px; font-size:13px; text-align:center;transition: ease all 0.4s; z-index:111;  margin:0   0px 0   10px;  padding:0px 20px; }
.mobilesidebar1.open { right:320px; }
.mobilesidebar1 i { color:#fff; margin:0 5px 0 0; padding:0; }
.mobilesidebar1:hover { background:#555; color:#fff; }
.newcontainer-searchbar-filter {  border-radius:0px 0 0 0px; background: #fff;    display: block;  z-index: 101;  transition: ease all 0.4s; height: calc(100vh - 59px); padding:0  20px;  height:0; overflow:hidden; visibility:hidden; }

.newcontainer-searchbar-filter.open { height:auto; visibility:visible;padding: 20px; }

.calendernextpr .manageattendance-search a {  height: 24px;  line-height: 24px; }
.calendernextpr .manageattendance1 {  float: right;  padding: 3px 10px 0 0; }
.infocolor {   text-align: right;   margin: 3px 0 0px 0; }

 @media (max-width: 767px) {
	 .headerselect { width:100px; margin:10px 0 0  10px;  }
	 .mainheader {  padding: 0px 5px 0 0px; }
	 .navdrop ul {  padding: 0 0 0 10px; }
	 .navdrop { margin:0; }
	 
	 .navdrop ul li .liksa small {  width: 100px;   overflow: hidden; }
.navdrop ul li .liksa {  padding: 4px 6px 0px 0; }
	 
 .student-detail-table {  overflow-x: scroll !important ; }
 #login-page { height:auto; }
 .login-main { display:block; }
 .login-main .login-left  { width:100%; height:auto;   }
  .login-main .login-right  { width:100%; padding:20px; height:auto;}
.login-main .login-right .form1 { width:100%; }

.loginsl1 { padding:20px; height:auto; }
.loginsl1 .imagesceclogin { margin:0; height:200px; }
.imagesceclogin img { height:200px;object-fit: inherit; height:auto; }
.loginsl2 { padding:0 20px 30px 20px; height:auto; display:none; }
.imagesceclogin1 img { height:130px; }
.imagesceclogin .cons { padding:10px; }
.imagesceclogin h3 { padding:0 0  0px 0; }
.imagesceclogin small { padding:7px 0 5px 0; }
.dashicons ul li { width:30%; }
.mainheader .toplogo { padding: 8px 20px 8px 40px; width: 50px; }
.mainheader .toplogo  a { display:none; }
.mainheader strong { display:none; }

.login-logo { margin:20px 0 !important; }
.calender-details { position:inherit !important; padding:10px !important; }
.infocolor2 { border-bottom:1px solid #dadada; padding:0 0 10px 0; margin:0 0 010px 0; display:inline-block; width:100%; }

.calender-details button, .calender-details a { padding:2px 10px !important; margin:10px 0 0 10px !important; line-height:30px !important; }

 .mobilesidebar { display:block; position:fixed; right:0; top:175px; border-radius:5px 0 0 5px; background:#000; height:40px; width:40px; color:#fff; line-height:40px; font-size:22px; text-align:center;transition: ease all 0.4s; z-index:111;  }
.mobilesidebar.open { right:320px; }
 .mobilesidebar i { color:#fff; margin:0; padding:0; }

.newcontainer-searchbar {width: 320px; border-radius:0px 0 0 0px; background: #fff; right:-320px; position: fixed;  display: block;  top: 59px;  z-index: 101;  transition: ease all 0.4s; height: calc(100vh - 59px); padding: 20px; border: 0px solid #999; border-top: 1px solid #999; border-left: 1px solid #999; }

.newcontainer-searchbar.open { right:0px; }

.newcontainer-searchbar .col  { flex-basis: auto; }
.newcontainer-searchbar .coarform { padding:0 0 10px 0; }

.newcontainer-content { clear:both;height:inherit; padding:10px; }

.newcontainer { overflow-y:scroll; }
.newcontainer-header { height:auto; display:inline-block; width:100%;padding: 0px 0px 5px 0px }
.newcontainer-header h3 { padding:0 0 10px 0; width:100%; display:block; }
.newcontainer-content {  }
body { overflow:inherit !important; }
#main-contentnew { height:100% !important; }

.infocolor { width:100%; display:block; margin:0 0 5px 0; }
.calendernextpr .manageattendance1 { float:left; display:flex;    padding: 7px 0px 0 0 }
.calendernextpr .manageattendance-search a { margin:0 0 0 5px; }
 .mobilesidebar1 { display:block;   border-radius: 5px; background:#000; height:30px;   color:#fff; line-height:30px; font-size:13px; text-align:center;transition: ease all 0.4s; z-index:111;  margin:0   0px 0   10px;  padding:0px 20px; }
.mobilesidebar1.open { right:320px; }
.mobilesidebar1 i { color:#fff; margin:0 5px 0 0; padding:0; }
.mobilesidebar1:hover { background:#555; color:#fff; }
.newcontainer-searchbar-filter {  border-radius:0px 0 0 0px; background: #fff;    display: block;  z-index: 101;  transition: ease all 0.4s; height: calc(100vh - 59px); padding:0  20px;  height:0; overflow:hidden; visibility:hidden; }

.newcontainer-searchbar-filter.open { height:auto; visibility:visible;padding: 20px; }
 }
 
  .mobilesidebar { display:none;  }