.login .panel_body {
  border-color: #d8d8d8;
  border-radius: 30px;
    background-color: #d8d8d8;
    width: 305px;
  margin: 0 auto;
}
.regcontainer{
	background-color: white;
}
body{font-weight: 400;}
label{
font-weight: 400;
}
.login .panel_head {
  background-color: #d8d8d8 !important;
  padding: 20px 20px 20px 20px;
}
.login  .input_style {
  padding: 20px;
}

.mobileView {
  display: none;
}
.desktopView{
display: block;
}

.showTabs{
  display: inline-block;
}

@media only screen and (max-width: 600px) {
  .mobileView {
      display: block;
  }

.lds-dual-ring {display: inline-block;/* width: 100%; *//* height: 100%; */margin-left: 40%;margin-top: 80%;margin-bottom: 50%;/* padding-left:  ;/* padding-left:  50%; */  50%padding-right:  50%;margin-right:  50%;/* padding-top: 25%; *//* padding-bottom: 50%; */}
.lds-dual-ring:after {
content: " ";
display: block;
width: 46px;
height: 46px;
margin: 1px;
border-radius: 50%;
border: 5px solid #fff;
border-color: #fff transparent #fff transparent;
animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
0% {
  transform: rotate(0deg);
}
100% {
  transform: rotate(360deg);
}
}




.loader {
  border: 10px solid #f3f3f3;
  border-radius: 50%;
  border-top: 10px solid #3498db;
  width: 75px;
  height: 75px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}




  .desktopView{
    display: none;
  }
  .hideTabs{
    display: none;
  }
    .myCard {
    min-width: 350px;
	 /* height: 400px;*/


    margin-bottom: 30px;
    margin-top: 30px;

    border-radius: 6px;
    background-color: white;
  }

      .animate-switch {
        padding: 10px;
        width: 100%;
      }

      /* hide leaving slide  */

      /* show */

      .animate-switch.ng-leave {
        left: 0;
      }

      /* hide */

      .forward .animate-switch.ng-leave.ng-leave-active {
        left: -10%;
      }

      .backward .animate-switch.ng-leave.ng-leave-active {
        left: 10%;
      }

      /* show entering slide  */

      /* hide */

      .forward .animate-switch.ng-enter {
        left: 10%;
      }

      .backward .animate-switch.ng-enter {
        left: -10%;
      }

      /* show */

      .animate-switch.ng-enter.ng-enter-active {
        left: 0;
      }
  .animate-switch-container {
    position: absolute;
    overflow: hidden;
    min-width: 300px;
    padding: 10px;
    border-radius: 3px;
    background-size: 50px 50px;
    background-color: white;
}


}



.snackbar {
  visibility: show;
  width: 500px;
  margin-left: -125px;
  background-color:rgb(34, 143, 43);
  color: #fff;
  font-style: normal;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 6;
  left: 40%;
  bottom: 300px;
  font-size: 12px;
  margin-top: 100px;
}
.btn1{
background-color: green;
border-color: green;
padding: 13px;
}

.options{

padding: 21px;

}
.snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}


.snackbarregister {
  visibility: show;
  width: 500px;
  margin-left: -125px;
  background-color:rgb(34, 143, 43);
  color: #fff;
  font-style: normal;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 6;
  left: 40%;
  top: 300px;
  font-size: 12px;
  margin-top: 100px;
}

.snackbarregister.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

.snackbardanger {
  visibility: show;
  width: 500px;
  margin-left: -125px;
  background-color:rgb(180, 82, 82);
  color: #fff;
  font-style: normal;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 6;
  left: 40%;
  bottom: 300px;
  font-size: 12px;
  margin-top: 100px;
}

.snackbardanger.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}
.bn {
	border: 2px solid black;
	border-radius: 5px;
	background-color: white;
	color: black;

	font-size: 16px;
	cursor: pointer;

  }
  .info {
	border-color:rgb(56, 167, 53);
	color:rgb(56, 167, 53);

  }

  .info:hover {
	background: rgb(56, 167, 53);
	color: white;
  }
  .dialog{

  border:none;
  z-index: 10;
  width:600px;

  }

.overlay {
	position: fixed;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
	z-index: 6;
	cursor: pointer;
  }


.lds-dual-ring {display: inline-block;/* width: 100%; *//* height: 100%; */margin-left: 50%;margin-top: 25%;margin-bottom: 50%;/* padding-left:  ;/* padding-left:  50%; */  50%padding-right:  50%;margin-right:  50%;/* padding-top: 25%; *//* padding-bottom: 50%; */}
.lds-dual-ring:after {
content: " ";
display: block;
width: 46px;
height: 46px;
margin: 1px;
border-radius: 50%;
border: 5px solid #fff;
border-color: #fff transparent #fff transparent;
animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
0% {
  transform: rotate(0deg);
}
100% {
  transform: rotate(360deg);
}
}




.loader {
  border: 10px solid #f3f3f3;
  border-radius: 50%;
  border-top: 10px solid #3498db;
  width: 75px;
  height: 75px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.login .btn_style {
  background-color: #09630C;
  width: 150px;
  border-color: #09630C;
  padding: 7px 16px;
/*  float: right;*/
}
.login .a_style {
  color: #09630C;
  font-weight: 550;
}
/*.breadcrumb {
    background: none;
    background-color: green;
    padding: 0;
    font: 14px "Open Sans", sans-serif;

   color: #5f6d7b;

   margin-bottom: 22px;
}*/
.login .a_style:hover{
  color: #09630C;
}
.login .btn_style:hover{
  background : #3e8f3e;
}
.login .margin_zero {
  margin: 0px;
}
.userView .user-block{
  background: #fff;
  padding: 30px;
  margin-bottom : 20px;
  width : 100%;
  border-radius: 10px;
}
.userView .display-none{
  display : none;
}
.userView .fa-spin{
  font-size: 14px;
    width: 14px;
}
.userView footer{
  margin-bottom : 20px;
}
.userView footer span{
  font-size: 16px;
    color: #000;
    margin-bottom: 10px;
        /*margin-right: 147px;*/
    font-weight: bold;
}
.userView .user-block .user-details h2, .userView .user-block .user-details span {
  font-weight: bold;
}
.userView .user-block .user-details .active{
  text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
}
.dot {
    height: 15px;
    width: 15px;
    background-color: green;
    border-radius: 50%;
    display: inline-block;
}


.dotinactive{
    height: 15px;
    width: 15px;
    background-color: red;
    border-radius: 50%;
    display: inline-block;
}
.userView .tab-schedule-events{
  padding-top: 20px;
}
.userView .tab-schedule-events h4{
  font-weight : bold;
  margin-top : 30px;
}
.userView .tab-schedule-events table{
  width :100%;
}
.userView .tab-schedule-events table th{
  color : #90BBED;
}
.userView .tab-schedule-events table .fail{
  color: #ff0000;
}
.userView .tab-schedule-events table th,.userView .tab-schedule-events table td{
  padding : 10px 0;
}
.userView .monitor-tab table{
  background: #fff;
    width: 100%;
}
.userView .monitor-tab h4{
  font-weight : 700;
  margin-top: 40px;
}
.userView .monitor-tab .center{
  text-align : center;
      padding: 5px 33px 5px 33px;
}
.userView .monitor-tab table th, .userView .monitor-tab table td{
  padding : 10px;
}
.userView .logo{
  position: fixed;
    right: 11%;
    bottom: 3%;
}
.userView .date input{
  float : left;
  width : 100%
}
.userView .date i{
  float : left;
  width : 30%;
  margin-left: 4%;
    font-size: 32px;
}
.userView .user-block .avatar img{
  width: 150px;
  height: 150px;
  float: right;
  border-radius: 75px;
}
.userView .user-block .nav-tabs {
  border : none;
}
.userView .user-block .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
  border: none;
  border-bottom : 4px solid #7ED321;
}
.userView .user-block .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
  border: none;
  border-bottom: 4px solid #81cc00;
}
.userView .user-block .nav-tabs > li > a{
  color : #000;
  font-size: 17px;
  font-weight : bold;
}
.userView .activitytable {margin-top: 20px;overflow: hidden;overflow-y:scroll;max-height:522px;display: block;position: relative;/* border: 1px solid #000; *//* border-radius: 6px; */}
.userView .activitytable::-webkit-scrollbar{
    background: #fff !important;
    width:5px !important;
    border-radius:5px;
}
.userView .activitytable::-webkit-scrollbar-thumb {
    background: #b7bbbe;
    border-radius:5px;
}
.userView .activitytable::-webkit-scrollbar-thumb:hover {
    background: #555;
    border-radius:5px;
}
.ul-tabs{
  border: none;
  border-bottom : 1px solid #7ED321;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
  border: none;
  border-bottom : 4px solid #7ED321;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
  border: none;
  border-bottom: 4px solid #7ED321;
}
.nav-tabs > li > a{
  color : #000;
  font-size: 17px;
  font-weight : bold;
}
.schedule-events-section{
padding-top:30px;
}

.schedule-events-section .schedule-events-form-border{
border:1px solid;
}
.schedule-events-section .saved-Schedule h5 {
    font-size: 12px;
    font-weight: 800;
}
.schedule-events-section .phase {
    padding: 15px;
    border: 1px solid #d5d5d5;
    background: #fff;
}
.schedule-events-section .btn.btn-default.add-event {
    background:#B9EA80;
    color: #303030;
  text-transform:uppercase;
  border:1px solid #303030;
  border-radius:0;
}
.addevent{
 margin-top:20px;
}
.orgwidth{
width:65%;
}
.schedule-events-section .calander {
    text-align: center;
}
.schedule-events-section .calander h5 {
    font-weight: 700;
}
.schedule-events-section .calander a{
    color:#0088ff;
}
.schedule-events-section .weekend option:active {
    background: #B4E977 !important;
}
.schedule-events-section #Events {
    width: 100%;
    background: #fff;
    border-radius: 0;
}
.schedule-events-section .schedule-events-form-border {
    background: #fff;
    border-radius: 0;
  width:50px;
}
.schedule-events-section .form-group.ss {
    display: inline-flex;
}
.schedule-events-section .colon {
    font-weight: 700;
    padding-top: 5px;
}
.monitor-tab .switch {
 display: inline-block;
 height: 30px;
 position: relative;
 width: 54px;
 top: 5px;
}
.monitor-tab .switch label{
  margin : 0;
}
.monitor-tab .switch input {display:none;}
.monitor-tab .slider {
 position: absolute;
 cursor: pointer;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background-color: #ccc;
 -webkit-transition: .4s;
 transition: .4s;
}
.monitor-tab .slider:before {
 position: absolute;
 content: "";
 height: 20px;
 width: 20px;
 left: 4px;
 bottom: 5px;
 background-color: white;
 -webkit-transition: .4s;
 transition: .4s;
}
.monitor-tab input:checked + .slider {
 background-color: #3c763d;
}
.monitor-tab input:focus + .slider {
 box-shadow: 0 0 1px #7ed321;
}
.monitor-tab input:checked + .slider:before {
 -webkit-transform: translateX(26px);
 -ms-transform: translateX(26px);
 transform: translateX(26px);
}
.monitor-tab .slider.round {
 border-radius: 34px;
}
.monitor-tab .slider.round:before {
 border-radius: 50%;
}
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
.switch input {display:none;}
.custom-switch {
  position: relative;
  /*display: inline-block;*/
  width: 60px;
  height: 34px;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .slider {
  background-color: #3c763d;
}
input:focus + .slider {
  box-shadow: 0 0 1px #7ed321;
}
input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
/* Tableview fixed Height*/
.tableHeight {
  table-layout: fixed;
  height:  50px;
  background-color: #d8d8d8;
}
/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}
.slider.round1 {
  border-radius: 34px;
  /*width: 90px;*/
}
.slider.round:before {
  border-radius: 50%;
}
.btn-togg{
        padding-right: 16px;
        padding-left: 16px;
        border:1px solid;
    }
    .btn-select{
            padding: 6px 154px;
            border:1px solid;
             background-color:white;
             border-radius: 0px;
        }
    .btn-margin{
    margin-left: -16px;
    }
    .input-border{
    border-radius: 0px;
    border:1px solid;
        padding: 6px 7px;
    }
.date{
width:100%;
}
.timezone{
width:35%;
background-color:#fff;
padding:10px;
}
.dropdownbtn{
    height: 32px;
    width: 72%;
    border-radius: 4px;
    background-color: #fff;
    }
.loginpage{
  border-radius: 6px;
background-color: #fff;
border-radius: 6px;
    padding: 20px;
}
.username{
margin-left: 25px;
width:90%;
}
.logincss{
    margin-top: 32px;
    /*height:90px;*/
}
.mycard{
  background-color:rgb(219, 221, 217);
}

.btnform{
border-top: 1px solid #dfe4ed;
    padding-top: 20px;
    margin: 20px 0px;
        margin-left: 10px;
}
.register{
    margin: 7px 0px 0px 15px;
}
.navch{
background-image: linear-gradient(to bottom, #eee 0%, #eee 100%);
border-color: #eee;
}
/*.adminch{
color: black;
    font-weight: 400;
    background-image: linear-gradient(to bottom, #lightgray 0%, #lightgray 100%);
}*/
.adminch  a {
    color: black;
    text-shadow: 0px;
    /*background-image: linear-gradient(to bottom, #lightgray 0%, #lightgray 100%);*/
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{
background-image: linear-gradient(to bottom, green 0%, green 100%);
}
.navbar-inverse .navbar-nav > .open > a{
    background-image: linear-gradient(to bottom, #eee 0%, #eee 100%);
        color: black;
        text-shadow: 0 0px 0 rgba(0, 0, 0, .25);
        box-shadow: inset 0 0px 0px rgba(0, 0, 0, .25);
    }
    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover{
     color: black;
    }
.adminch a:hover {
    color: black;
    text-shadow: 0 0px 0 rgba(0, 0, 0, .25);
}
.navbar-inverse .navbar-nav > li > a{color: black;}
.dropdown-menu > .active > a{
background-image: linear-gradient(to bottom, green 0%, green 100%);
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{color: black;}
.navbar-inverse .navbar-nav > .active > a {
box-shadow: inset 0 0px 0px rgba(0, 0, 0, .25);
 color: black;
 background-image: linear-gradient(to bottom, #eee 0%, #eee 100%);
 text-shadow: 0 0px 0 rgba(0, 0, 0, .25);
}
.navbar-inverse .navbar-nav > .hover > a {
box-shadow: inset 0 0px 0px rgba(0, 0, 0, .25);
 color: black;
 background-image: linear-gradient(to bottom, #eee 0%, #eee 100%);
 text-shadow: 0 0px 0 rgba(0, 0, 0, .25);
}
.navbar-inverse{
 background-image: linear-gradient(to bottom, #f5f5f5 0%, #f5f5f5 100%);
     border-radius: 0px;
     background-color: #eee;
     border-color: #eee;
}
.footer{

  position: absolute;
  right: 140px;

  }
  .center{
    text-align: center;
    border-bottom: 4px;
    /* border-bottom: 4px solid green; */
  }
.head{
padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 0px;
    border-radius:20px;
}
.events-width{
width:27%;
}
.enddate-margin{
margin-left:-156px;
}
.colon-margin{
margin-left:-51px;
}
.meridian-margin{
margin-left:-50px;
}
.minute-margin{
margin-left:-30px;
}
.monitor{
margin-top:10px;
}
.warn{
color:#FFA500;
}
.pass{
color:#008000;
}
.loader {
  border: 10px solid #f3f3f3;
  border-radius: 50%;
  border-top: 10px solid #3498db;
  width: 75px;
  height: 75px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

a:hover {
  color: #7ED321;
}

a:active {
  color: #7ED321;
}
.easypiechart {
  position: absolute;
  z-index: 0;
  left: 40%;
  /* top: 35%; */
  font-size: 20px;
  /* width: 50%; */
  /* height: 50%; */
  top: 35%;
  margin: 0 auto;
  /* position: relative; */
  /* background:orange; */
  /* text-align: center; */
  /*background: green;*/
  /* width: 200px; */
  /* height: 60px; */
  /*color: white;*/
}
.chart {
  /* position: relative; */
  display: inline-block;
  /* width: 200px; */
  /* height: 200px; */
  /* margin-top: 5px; */
  margin-bottom: 50px;
  text-align: center;
}
/*::-webkit-scrollbar {
    width: 10px;
    background: #f1f1f1;
    border-radius: 10px;

}*/


/* Handle */
/* Handle on hover */

/*.adminch .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover {
    color:  #080808;
    background-color: #080808;
}*/
/* CSS goes here */

.slider1 {
  position: relative;
  text-align: left;
  border: 1px solid gray;
  height: 0.6em;
  background-color: green;
  width: 60%;

}

.slider1 .handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  background-color: green;
}

.handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.slider1 .range {
  position: absolute;
  z-index: 1;
  display: block;
  font-size: .7em;
  background-color: red;
  top: 0;
  height: 100%;
}

.detailed-activity-pages ul.pagination {
  margin-top: 0px;
}


.ring
{
  transform:translate(-50%,-50%);
  width:80px;
  height:80px;
  background:transparent;
  border-radius:50%;
  text-align:center;
  line-height:80px;
  font-family:sans-serif;
  font-size:8px;
  color:#d0cece;
  letter-spacing:4px;
  text-transform:uppercase;
  text-shadow:0 0 10px #d0cece;
  margin: auto;
  margin-top:40px;
}
.ring:before
{
  content:'';
  position:absolute;
  top:-3px;
  left:-3px;
  width:100%;
  height:100%;
  border:3px solid transparent;
  border-top:3px solid #d0cece;
  border-right:3px solid #d0cece;
  border-radius:50%;
  animation:animateC 2s linear infinite;
}
.ring span
{
  display:block;
  position:absolute;
  top:calc(50% - 2px);
  left:50%;
  width:50%;
  height:4px;
  background:transparent;
  transform-origin:left;
  animation:animate 2s linear infinite;
}
.ring span:before
{
  content:'';
  position:absolute;
  width:16px;
  height:16px;
  border-radius:50%;
  background:#d0cece;
  top:-6px;
  right:-8px;
  box-shadow:0 0 20px #d0cece;
}
@keyframes animateC
{
  0%
  {
    transform:rotate(0deg);
  }
  100%
  {
    transform:rotate(360deg);
  }
}
@keyframes animate
{
  0%
  {
    transform:rotate(45deg);
  }
  100%
  {
    transform:rotate(405deg);
  }
}