html {position: relative;min-height: 100%;}

body {overflow-x: hidden;}

th{min-width:50px;}

.srt{float:right;}

input.error, select.error, textarea.error{border:1px solid #930 !important;}

label.error{color:#930 !important;}

body.sticky-footer {margin-bottom: 56px;}

.text-right{

	margin-bottom:7% !important;

		

}

.btn_button{

	width:20% ;	

}

.survey-form input{ margin-right:10px;}

.lg-body{overflow-x:hidden;padding-right: 0;}

.signup-page{background-color: white; height: 100vh;}

body.sticky-footer .content-wrapper {

  min-height: calc(100vh - 56px - 56px);

}

.sv-fm{border:1px solid gainsboro;    padding: 15px; border-radius:5px;}

.survey-form{    margin-bottom: 5px;}

.nr{margin:0 !important; overflow-x:hidden;}

.cd-sign{background-color:#fff; margin-left:72px;}

.card-login-b{border:none;text-align: center;margin: auto;}

.card-hdr-2 h4{margin-top:80px; margin-bottom:10px !important;}

.card-hdr-2 span a{color:#399dff !important;}

.card-hdr-2 span{display: block;margin-bottom: 30px;}

.sgnup-2{display:inherit !important; margin-top:0 !important;}

body.fixed-nav {

  padding-top: 56px;

}

.card-hdr h4{padding: 0 40px;text-align: center;margin-bottom: 25px;}

.crd-bdy form .form-group input{height:50px;}

.side-div-login{position:fixed; height:100%; background-color:#ffc372; padding:0 25px;z-index:1;}

.sgnup{margin-top:0 !important;margin-bottom: 30px;}

.card-login-a{padding:35px;box-shadow:0 0 20px #2d2d2d;margin-top: 150px;margin-left:80px;max-width: 21rem !important;margin-bottom: 30px;}

.lg-pg-lg-btn{background-color:#cbd3da; border:none;height:50px;line-height: 35px;}

.logo-side img{max-width: 65%;    text-align: center;    margin: auto;    display: block;}

.logo-side{margin-top: 240px;}

.lg-pg-lg-btn:hover {color: #fff;background-color: #cbd3da;border:none;}

.lg-pg-lg-btn:active{color: #fff !important;background-color: #cbd3da !important;border:none !important;}

.side-div-login i{font-size: 28px;color: #fff;margin-top: 25px; cursor:pointer;}

.head-dash-right{display:inline-block; float:right;}

.nav-collap-ic{color:#3e87f0;}

.navbar-toggler-right-nw{border:1px solid #3e87f0 !important;}

.cm-bt{border-radius:25px; border:none; padding:2px 15px; font-size:14px; margin-left:20px; color:#fff; cursor:pointer;}

.trans-bt{border-radius:5px; background-color:transparent; border:1px solid #94b6d2; color:#6d698a; padding:5px 15px; margin-left:30px;}

.card-footer-new{border-top:none; border-bottom:2px solid rgba(255,255,255,.4); padding:0; z-index:2 !important;}

.card-footer-new span{padding: 10px; width:70%; text-align:center; z-index:2;}

.card-footer-new span i{margin-right:15px;}

.card-header-checkins i{float:right; line-height:24px; cursor:pointer; color:#9b9fa2;}

.card-header-checkins-grph{background-color:#FFF; padding:0;}

.card-header-checkins{background-color:#FFF;}

.card-header-checkins-grph h5{float:left; padding:15px; margin:0;}

.graph-right{display:inline-block;}

.graph-right ul li{display:inline-block; list-style-type:none;margin-left: 30px;}

.graph-right ul li a{}

.grph-ul{margin-bottom:0;}

.graph-drp button{background-color:transparent; padding: 13px 15px 17px 15px;}

.graph-drp ul{top: -2px !important; left:0px !important;right:-90px; padding:15px;}

.cross-i-graph i{font-size:24px !important;line-height: 10px;}

.chc{font-weight:600;}

.graph-drp ul li{display:block; margin-left:0;}

.graph-drp ul li a{text-align:left; margin:auto; display:block;margin: 5px; color:#000;}

.emp span{display:block; margin-top:-8px;}

.dash-im{width:27px;margin-right: 0px;}

.dash-im-2{width:18px;}

.nav-link-textz{margin-left:7px !important;}

.nav-link-text-11 li a span{margin-left:15px;}

.graph-drp button[aria-expanded="true"]{  background-color: #ebf5fe;}

.graph-drp button:after{display:none;}

.graph-drp button:focus{outline:0; box-shadow:none;}

.card-header-checkins-grph .graph-right i{float: left;margin-right: 12px;font-size: 13px;color:#35a2f5;}

.cross-i-graph i{color:#464646 !important;}

.overvs h5 span{padding-left:50px !important;}

.overvs h5{margin-bottom:16px;}

.sec-2 a i{color:#ff4438 !important;}

.smaller-new p{margin-bottom:0;font-size: 13px; color:#576977;}

.smaller-new p span{float:right; font-style:italic; color:#a0a4a7;}

.media-chk-in img{border:1px solid #53737e;}

.list-group-item-chk{background-color:#1e87f0; color:#fff; font-weight:600; text-align:center; padding:15px;}

.card-footer-new span:last-child{border-left:2px solid rgba(255,255,255,.4); width:30%;}

.card-body-new .emp{font-size:37px; text-align:center;}

.card-body-new{z-index:2;}

.card-new{background:linear-gradient(to right, #3bb5f8, #218bef); position:relative; height:185px !important; border:none;}

.card-new-y{background:linear-gradient(to right, #f75b28, #f8c93b) !important;}

.card-new-g{background:linear-gradient(to right, #28ee9f, #0db6e1) !important;}

.card-new::after{position:absolute; content:url(../images/shadow.png); z-index:1;bottom: -8px;right: 0;}

.card-new-y::after{position:absolute; content:url(../images/shadow-y.png) !important; z-index:1;bottom: -8px;right: 0;}

.card-new-g::after{position:absolute; content:url(../images/shadow-g.png) !important; z-index:1;bottom: -8px;right: 0;}

.blue-bt{background-color:#1e87f0;}

.yellow-bt{background-color:#fba05a;}

.green-bt{background-color:#37cf94;}

.head-dash h5{display:inline-block; padding-right:50px;font-weight: 700;}

.head-dash{margin-bottom:16px;}

.head-dash-icon i{color:#6e6e6e;}

th:before{right: 0px !important; top:6px;}

th:after{right: 5px !important;top:6px;}

.table thead th{border-bottom:none;}

.tb-img{border: 1px solid #53737e; width:35px;margin-right: 10px;float:left;}

.tdname span{display: block;

    margin-top: 0px;

    margin-left: 45px;

    font-size: 12px;

    color: #964651;}

.td-inf span{display: block;font-size: 12px;color: #8b8f92; font-style:italic; float:right;padding-top: 20px;}

.tdname{position:relative; top:-5px;}

.table td, .table th{vertical-align:top !important; padding:7px 14px !important;}

.i-clr{color:#859eb4;}

.noti-nav{margin-left:20%;}

.form-inline-new .input-group input{display:none;}

.iga button{background-color:transparent !important; border:none; box-shadow:none;}

.iga button:focus{box-shadow:none; outline:none !important;}

.iga button i{color:#859eb4;}

.content-wrapper {

  min-height: calc(100vh - 56px);

  padding-top: 1rem;

}

.uppper-nv{background-color:#f7f7f7;}

.scroll-to-top {

  position: fixed;

  right: 15px;

  bottom: 3px;

  display: none;

  width: 50px;

  height: 50px;

  text-align: center;

  color: white;

  background: rgba(52, 58, 64, 0.5);

  line-height: 45px;

}

.dsh{padding: 8px 0px;background-color: #1e87f0;}

.scroll-to-top:focus, .scroll-to-top:hover {

  color: white;

}

.scroll-to-top:hover {

  background: #343a40;

}

.scroll-to-top i {

  font-weight: 800;

}

.smaller {

  font-size: 0.7rem;

}

.o-hidden {

  overflow: hidden !important;

}

.z-0 {

  z-index: 0;

}

.z-1 {

  z-index: 1;

}

#mainNav .navbar-collapse {

  overflow: auto;

  max-height: 75vh;

}

#mainNav .navbar-collapse .navbar-nav .nav-item .nav-link {

  cursor: pointer;

}

#mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse:after {

  float: right;

  content: '\f107';

  font-family: 'FontAwesome';

}

.navbar-sidenav .nav-item a i{color:#0e85ff; margin-right:0px;}

#mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse.collapsed:after {

  content: '\f105';

}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level,

#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level {

  padding-left: 0;

}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a,

#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a {

  display: block;

  padding: 0.5em 0;

}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a:focus, #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a:hover,

#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a:focus,

#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a:hover {

  text-decoration: none;

}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a {

  padding-left: 1em;

}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a {

  padding-left: 2em;

}

#mainNav .navbar-collapse .sidenav-toggler {

  display: none;

}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link {

  position: relative;

  min-width: 45px;

}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {

  float: right;

  width: auto;

  content: '\f105';

  border: none;

  font-family: 'FontAwesome';

}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link .indicator {

  position: absolute;

  top: 5px;

  left: 21px;

  font-size: 10px;

}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown.show > .nav-link:after {

  content: '\f107';

}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item > .dropdown-message {

  overflow: hidden;

  max-width: none;

  text-overflow: ellipsis;

}

@media (max-width: 1212px) {

.noti-nav-12{margin-left: 25%;}

.login-page .row .col-md-4{flex:50% !important;max-width: 50%;}

.login-page .row .col-md-8{flex:50% !important;max-width: 50%;}

.card-login-a{width:70%; max-width:90% !important;}

}

@media (max-width: 1192px) {

.card-footer-new span{width:60%;}

.card-footer-new span:last-child{width:40%;}

.cb-dash{padding:10px !important;}

.logo-side img{max-width: 80%;}

}

@media (max-width: 1017px) {

.card-body-new .emp {font-size: 35px;}

}

@media (max-width: 899px){

.login-page .row .col-md-4{flex:60% !important;max-width: 60%;}

.login-page .row .col-md-8{flex:40% !important;max-width: 40%;}

}

@media (max-width: 991px) {

.dsh{display:none;}

.nav-link-text-11{margin-top:15px;}

.noti-nav-12{margin-left:0;}

.d-lg-none-nw{color:#000;}

.srch{padding:5px;}

.logo-side img{max-width: 90%;}

}

@media (max-width: 767px) {

.logo-side img{display:none;}

.login-page .row .col-md-4{flex:100% !important;max-width: 100%;}

}

@media (max-width: 558px) {

.head-dash-right{float:none;text-align: center;

    margin: auto;

    display: block;}

}

@media (max-width: 449px){

.card-login-a{padding:10px;}

}

@media (max-width: 414px) {

.trans-bt{margin:0; text-align:center;margin-top: 10px;}

.cm-bt{margin:0;}

.card-login-a {max-width: 100% !important;margin-left: 62px;}

}

@media (max-width: 378px){

.card-login-a{padding:10px; width:82%;}

}

@media (min-width: 992px) {

  #mainNav .navbar-brand {

    width: 200px;

	float:left;

	text-align:center;

	font-size:17px;

  }

  #mainNav .navbar-collapse {

    overflow: visible;

    max-height: none;

  }

  #mainNav .navbar-collapse .navbar-sidenav {

    position: absolute;

    top: 0;

    left: 0;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    margin-top: 0px;

  }

  #mainNav .navbar-collapse .navbar-sidenav > .nav-item {

    width: 250px;

    padding: 0;

	margin: 2px 0px;

  }

  #mainNav .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {

    padding: 10px 13px;

	margin: 5px 0;

  }

  #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,

  #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level {

    padding-left: 0;

    list-style: none;

  }

  #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li,

  #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li {

    width: 250px;

  }

  #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a,

  #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {

    padding: 0.5em;

  }

  #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a {

    padding-left: 2.75em;

  }

  #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {

    padding-left: 3.75em;

  }

  #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link {

    min-width: 0;

  }

  #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {

    width: 24px;

    text-align: center;

  }

  #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item > .dropdown-message {

    max-width: 300px;

  }

}

#mainNav.fixed-top .sidenav-toggler {

  display: none;

}

@media (min-width: 992px) {

  #mainNav.fixed-top .navbar-sidenav {

    height: 100vh;

    overflow-y: scroll;

    overflow-x: hidden;	

	overflow-y: -moz-hidden-unscrollable;

	-ms-overflow-style: none;	}

	

	#mainNav.fixed-top .navbar-sidenav::-webkit-scrollbar { 

    display: none; }

	

	

	

  #mainNav.fixed-top .sidenav-toggler {

    position: absolute;

    top: 0;

    left: 0;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    margin-top: calc(100vh - 56px);

  }

  #mainNav.fixed-top .sidenav-toggler > .nav-item {

    width: 250px;

    padding: 0;

  }

  #mainNav.fixed-top .sidenav-toggler > .nav-item > .nav-link {

    padding: 1em;

  }

}

#mainNav.fixed-top.navbar-dark .sidenav-toggler {

  background-color: #212529;

}

#mainNav.fixed-top.navbar-dark .sidenav-toggler a i {

  color: #adb5bd;

}

#mainNav.fixed-top.navbar-light .sidenav-toggler {

  background-color: #dee2e6;

}

#mainNav.fixed-top.navbar-light .sidenav-toggler a i {

  color: rgba(0, 0, 0, 0.5);

}

body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler {

  overflow-x: hidden;

  width: 55px;

}

body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler .nav-item,

body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler .nav-link {

  width: 55px !important;

}

body.sidenav-toggled #mainNav.fixed-top #sidenavToggler i {

  -webkit-transform: scaleX(-1);

  -moz-transform: scaleX(-1);

  -o-transform: scaleX(-1);

  transform: scaleX(-1);

  filter: FlipH;

  -ms-filter: 'FlipH';

}

#mainNav.static-top .sidenav-toggler {

  display: none;

}

input[type="file"] {

  display: block;

}

.imageThumb { max-height: 75px;  border: 2px solid; padding: 1px; cursor: pointer;}

.pip { display: inline-block; margin: 10px 10px 0 0;}

.news-view-meadia{max-height:200px; max-width:200px; display:inline-block; padding:5px 10px;}

.news-view-meadia:nth-child(last){float:none}

.news-view-meadia img{max-height:180px; max-width:100%}

.remove-media{display:none;}

.news-view-meadia div{position:relative;}

.news-view-meadia div:hover .remove-media{display: block; position: absolute; top: 3%; right: 5%; padding: 0px 5px; border: 1px solid;}

@media (min-width: 992px) {

  #mainNav.static-top .sidenav-toggler {

    display: flex;

  }

}

body.sidenav-toggled #mainNav.static-top #sidenavToggler i {

  -webkit-transform: scaleX(-1);

  -moz-transform: scaleX(-1);

  -o-transform: scaleX(-1);

  transform: scaleX(-1);

  filter: FlipH;

  -ms-filter: 'FlipH';

}

.content-wrapper {

  overflow-x: hidden;

  background: white;

}

@media (min-width: 992px) {

  .content-wrapper {

    margin-left: 250px;

	background-color: #f0f0f0;

  }

}

#sidenavToggler i {

  font-weight: normal;

    font-size: 20px;

	color:#fff;

}

.navbar-sidenav-tooltip.show {

  display: none;

}

@media (min-width: 992px) {

  body.sidenav-toggled .content-wrapper {

    margin-left: 55px;

  }

}

body.sidenav-toggled .navbar-sidenav {

  width: 55px;

}

body.sidenav-toggled .navbar-sidenav .nav-link-text {

  display: none;

}

body.sidenav-toggled .navbar-sidenav .navbar-brand {

    display: none;

}

body.sidenav-toggled .navbar-sidenav .nav-item,

body.sidenav-toggled .navbar-sidenav .nav-link {

  width: 55px !important;

}

body.sidenav-toggled .navbar-sidenav .nav-item:after,

body.sidenav-toggled .navbar-sidenav .nav-link:after {

  display: none;

}

body.sidenav-toggled .navbar-sidenav .nav-item {

  white-space: nowrap;

}

body.sidenav-toggled .navbar-sidenav-tooltip.show {

  display: flex;

}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav .nav-link-collapse:after {

  color: #868e96;

}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {

  color: #000;

  font-weight:500;

  margin: 0px;

  margin-bottom: 0;

}

.dash-im-border{border-left: 3px solid #0e85ff;}

.dash-im-b{border-bottom:1px solid #eaeaea;}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link:hover {

  color: #adb5bd;

}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a,

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {

  color: #FFF;

}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:focus, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:hover,

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:focus,

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:hover {

  color: #adb5bd;

}

#mainNav.navbar-dark .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {

  color: #adb5bd;

}

@media (min-width: 992px) {

  #mainNav.navbar-dark .navbar-collapse .navbar-sidenav {

    background: #fff;

  }

  #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a {

    color: white !important;

    background-color: #495057;

  }

  #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a:focus, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a:hover {

    color: white;

  }

  #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,

  #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level {

    background: #1e87f0d6;

  }

}

#mainNav.navbar-light .navbar-collapse .navbar-sidenav .nav-link-collapse:after {

  color: rgba(0, 0, 0, 0.5);

}

#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {

  color: rgba(0, 0, 0, 0.5);

}

#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item > .nav-link:hover {

  color: rgba(0, 0, 0, 0.7);

}

#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a,

#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {

  color: rgba(0, 0, 0, 0.5);

}

#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:focus, #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:hover,

#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:focus,

#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:hover {

  color: rgba(0, 0, 0, 0.7);

}

#mainNav.navbar-light .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {

  color: rgba(0, 0, 0, 0.5);

}

@media (min-width: 992px) {

  #mainNav.navbar-light .navbar-collapse .navbar-sidenav {

    background: #f8f9fa;

  }

  #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a {

    color: #000 !important;

    background-color: #e9ecef;

  }

  #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a:focus, #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a:hover {

    color: #000;

  }

  #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,

  #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level {

    background: #f8f9fa;

  }

}

.card-body-icon {

  position: absolute;

  z-index: 0;

  top: -25px;

  right: -25px;

  font-size: 5rem;

  -webkit-transform: rotate(15deg);

  -ms-transform: rotate(15deg);

  transform: rotate(15deg);

}

@media (min-width: 576px) {

  .card-columns {

    column-count: 1;

  }

}

@media (min-width: 768px) {

  .card-columns {

    column-count: 2;

  }

  

}

@media (min-width: 1200px) {

  .card-columns {

    column-count: 2;

  }

}

.card-login {

  max-width: 25rem;

}

.card-register {

  max-width: 40rem;

}

footer.sticky-footer {

  position: absolute;

  right: 0;

  bottom: 0;

  width: 100%;

  height: 56px;

  background-color: #e9ecef;

  line-height: 55px;

}

@media (min-width: 992px) {

  footer.sticky-footer {

    width: calc(100% - 250px);

  }

}

@media (max-width: 380px) {

.card-login22{width: 95%; margin-left:0;}

}