@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";

body {

    font-family: 'Poppins', sans-serif;

    
    
    background: #7CB5AD;
}


p {

    font-family: 'Poppins', sans-serif;

    font-size: 1em;

    font-weight: 400;

    line-height: 1.7em;

    color: #3e3e3e;

}



a,

a:hover,

a:focus {

    color: inherit;

    text-decoration: none;

    transition: all 0.3s;

}



h2

{

	font-size: 1.55rem;

}



.navbar {

    /*padding: 15px 10px;*/

    background: #fff;

    border: none;

    border-radius: 0;

    margin-bottom: 10px;

    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);

}



.navbar-btn {

    box-shadow: none;

    outline: none !important;

    border: none;

}



.line {

    width: 100%;

    height: 1px;

    border-bottom: 1px dashed #ddd;

    margin: 40px 0;

}



i,

span {

    display: inline-block;

}



/* ---------------------------------------------------

    SIDEBAR STYLE

----------------------------------------------------- */
/* Remove or override sidebar width */
.sidebar {
    display: none; /* If using a sidebar class, hide it */
}
/*

.wrapper {

  display: flex;

  width: 100%;

}
*/

/*
#sidebar {

  width: 240px;

  position: fixed;

  top: 0;

  left: 0;

  height: 100vh;

  z-index: 999;

  background:  rgb(54, 56, 63);

  color: #fff;

  transition: all 0.3s;

}
*/

/*
#sidebar.active {

  margin-left: -450px;

}
*/

/*
#sidebar .sidebar-header {

  padding: 20px;

  background: #36383f;

}
*/

/*
#sidebar ul.components {

  padding: 20px 0;

  border-bottom: 1px solid #81bc41;

}

*/
/*
#sidebar ul p {

  color: #fff;

  padding: 10px;

}
*/

/*
#sidebar ul li a {

  padding: 10px;

  font-size: 1em;

  display: block;

}

*/
/*
#sidebar ul li a:hover {

  color: #7c41b8;

  /*background: #ffc107;*/

  background: #e6e6e6;

}
*/

/*
#sidebar ul li.active>a,

a[aria-expanded="true"] {

  color: #fff;

 /* background: #6d7fcc; */

  /* background: linear-gradient(90deg,#c28bf3,#2aa747); */

  background: #81BC41;

}

*/

a[data-toggle="collapse"] {

  position: relative;

}



.dropdown-toggle-custom::after {

  display: block;

  position: absolute;

  top: 50%;

  right: 20px;

  transform: translateY(-50%);

}







.sub-sub-menu

{

background-color: #006A5A;



}





ul ul a {

  font-size: 0.8em !important;

  padding-left: 30px !important;

  background:  #7c41b8;

}



ul.CTAs {

  padding: 20px;

}



ul.CTAs a {

  text-align: center;

  font-size: 0.8em !important;

  display: block;

  border-radius: 5px;

  margin-bottom: 5px;

}



a.download {

  background: #fff;

  color: #7c41b8;

}



a.article,

a.article:hover {

 /* background: #6d7fcc !important; */

  /*background: linear-gradient(90deg,#c28bf3,#2aa747) !important;*/

  background: #81BC41;

  color: #fff !important;

}



/* ---------------------------------------------------

  CONTENT STYLE

----------------------------------------------------- */

/*

#content {

  width: calc(100% - 210px);

  padding: 40px;

  padding-top: 10px;

  min-height: 100vh;

  transition: all 0.3s;

  position: absolute;

  top: 0;

  right: 0;

  font-size: 0.89rem;

}
*/

#content {

  width: calc(100%);

  padding: 10px;

  padding-top: 10px;

  min-height: 100vh;

  transition: all 0.3s;

  position: absolute;

  top: 0;

  right: 0;

  font-size: 0.89rem;

}


#content.active {

  width: 100%;

}





/* ---------------------------------------------------

    MEDIAQUERIES

----------------------------------------------------- */

 @media (max-width: 768px) {

  #sidebar {

      margin-left: -350px;

  }

  #sidebar.active {

      margin-left: 0;

  }

  #content {

      width: 100%;

  }

  #content.active {

      width: calc(100% - 250px);

  }

  #sidebarCollapse span {

      display: fixed;

  }

}










/* Custom Styles */





/* Dashboard's responsive iframe */

.iframe-container {

  overflow: hidden;

  padding-top: 56.25%; /* 16:9*/

  position: relative;

  width: 100%;

}



.responsive-iframe {

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  width: 100%;

  height: 100%;

  border: none;

}









hr

{

  background: linear-gradient(120deg,#e0c0fb,#f5d987, #28a745);

  height:2px;

  border:none;

  border-radius: 6px;

  margin: 40px 0px;

}



.bold-underline-links a

{

  white-space: nowrap;

    position: relative;

    font-weight: 700;

    cursor:pointer;

}



.bold-underline-links td a::after {

  content: "";

  height: 2px;

  /* background: -webkit-gradient(linear,left top,right top,from(#ff8a00),to(#e52e71)); */

  /*background: linear-gradient(to right,#ff8a00,#e52ebd);*/

  background: linear-gradient(to right,#ff8901,#9e54ff);

  width: 100%;

  position: absolute;

  bottom: -2px;

  left: 0;

  border-radius: 2px;

}



::selection {

  background: #9c27b0;

  color: #fff;

}



.text-center {

  text-align: center!important;

}



.search-custom

{

  margin-right:10px;

}



.filter-styles

{

	display: inline-block;

    width: 200px;

}



.btns-filter

{display: inline-block;

  width: 100%;}



.left-side

{float: left;}



.right-side

{float:right;}



.top-7

{

	margin-top:7px;

}



.top-5

{

	margin-top:5px;

}



.navbar-animation li:after {

  content: '';

  display: block;

  margin: auto; 

  height: 3px;

  width: 0px;

  background-color: #9051DB;

  transition: width .5s ease, background-color .5s ease;

}

.navbar-animation li:hover:after {

  width: 100%;

 

}



.progress

{

margin-top:30px;

}



.progress-one

{

background-color: #dde343;

}



.card-title

{    

  background: linear-gradient(120deg,#c28bf3,#006A5A,#81BC41);

  padding: 10px;

  color: #fff;}



  .theme-colors

{

  background: linear-gradient(120deg,#c28bf3,#006A5A,#81BC41)

}



.card-header

{

  padding:10px;

  color: #fff;

  font-size: 1.25rem;

}



.card-header-clear

{

  background: transparent;

}



.card-header-1

{

  /*background:#c28bf3;*/

  background: #006A5A;

}



/* 

div#first-card

{

 margin-top:50px;

}

*/





.card-header-1-img

{

background-image: url('../images/square.png');

background-repeat: no-repeat;



background-position: top;

}



.card-header-2

{

  /*background: #617ba6;*/

  background: #006A5A;

}



.card-header-3

{

  /*background:#467790;*/

  background: #006A5A;

}



.card-header-4

{

  /*background:#3c8f50;*/

  background: #006A5A;

}



.card-header-dark

{

  background:rgb(54, 56, 63)

}

  .card-title-1

{

  background:#c28bf3;

}



.card-title-2

{

  background: #617ba6;

}



.card-title-3

{

  background:#467790;

}



.card-title-4

{

  background:#3c8f50;

}





.btn-togg, .btn-togg:hover

{

  background-color: #36383f;

  border-color: #36383f;  

  color:#fff;

}



.btn-custom

{

    background-color: #36383f;

    border-color: #36383f;

    color:#fff;

}



.btn-purple

{

  /*background-color: #b388e7;*/

  background-color: #9051DB;

  color:#fff;

}



.btn-purple:hover

{

  background-color: #9f68e2;

  color:#fff;

}



.btn-green {

  background-color: #81bc41;

  color: #fff;

}



.btn-green:hover {

  background-color: #64aa19;

  color: #fff;

}



.btn-table

{

  margin-right: 10px;

  float: right;

}



.btn-table-wrap 

{

  float: none !important;

}



@media (max-width: 1379px) {

  .btn-stack {

      margin-top: 10px;

  }

}

@media (min-width: 1379px) {

.form-spacing .form-row>[class*=col-] {

    padding-right: 40px;

}



.form-row>[class*=col-] {

  padding-right: 20px;

}



}



@media (min-width: 769px)

{

.form-search {

    margin-top: 53px;

}

}



.bor-1

{

  border-left: .25rem solid #28a745;

}



.bor-2

{

  border-left: .25rem solid #7c41b8;

}



/* Moving Label */





.animated-fields-wrap

  {

      margin:40px 0px 60px 0px;

  }



 .moving-text

 {

     position: absolute;

     top: 0;

     left: 0;

     user-select: none;

      z-index: 1500;

 }

 

 .moving-text-field

 {

     color: rgba(44, 62, 80, .75); 

     border-width: 0;

     z-index: 2000;

 }

 .moving-text-field:focus

 {

     outline: 0;

     box-shadow: 0;

 }

 .moving-text-field::placeholder

 {

     color: rgba(44, 62, 80, .5);

 }

 

 .moving-text,

 .moving-text-field

 {

     font: inherit;

     line-height: 1; 

 

     display: block;

 

     width: 100%;

 }

 

 .moving-text-field,

 .moving-text-wrap

 {

     position: relative;

 }

 

 .moving-text-field--s1

 {

     transition: border-color .25s ease-in-out;

 

     color: rgba(255, 255, 255, .75); 

     border-bottom: 3px solid rgba(255, 255, 255, .05);

     background-color: transparent;

 }

 .moving-text-field--s1 + .moving-text

 {

     transition: transform .25s, opacity .25s ease-in-out;

     transform-origin: 0 0;

 

     opacity: .5;

 }

 .moving-text-field--s1:focus,

 .moving-text-field--s1:not(:placeholder-shown)

 {

     border-color: rgba(255, 255, 255, .1);

 }

 .moving-text-field--s1:focus + .moving-text,

 .moving-text-field--s1:not(:placeholder-shown) + .moving-text

 {

     transform: translate(.25em, -30%) scale(.8);

 

     opacity: .25;

 }

 .moving-text-field--s1:valid:not(:placeholder-shown)

 {

     border-color: rgba(46, 213, 115, .3);

 }

 .moving-text-field--s1:invalid

 {

     border-color: rgba(255, 71, 87, .3);

 }

 

 .moving-text-field--s2

 {

     transition: background-color .25s ease-in-out; 

 

     border: 2px solid #fff;

     border-radius: 5px;

     background-color: #fff;

 }

 .moving-text-field--s2 + .moving-text

 {

     visibility: hidden;

 

     transition: transform .25s, visibility .5s, opacity .5s ease-in-out; 

 

     opacity: 0;

 }

 .moving-text-field--s2:focus + .moving-text,

 .moving-text-field--s2:not(:placeholder-shown) + .moving-text

 {

     visibility: visible;

 

     transform: translateY(-80%); 

 

     opacity: .5;

 }

 .moving-text-field--s2:valid:not(:placeholder-shown)

 {

     border-color: #adefc8; 

     background-color: #adefc8;

 }

 .moving-text-field--s2:invalid

 {

     border-color: #ffe0e3; 

     background-color: #ffe0e3;

 }

 

 .moving-text-field--s3

 {

     padding: 1.5em; 

 

     transition: border-color .25s ease-in-out;

 

     color: rgba(53, 53, 53, 0.75);

     border: 1px solid rgb(47, 47, 47);

     border-radius: 5px;

     background-color: transparent;

 }

 .moving-text-field--s3 + .moving-text

 {

     position: absolute;

     top: .75em;

     left: .75em;

 

     display: inline-block;

 

     width: auto;

     margin: 0;

     padding: .75em;

 

     transition: transform .25s, opacity .25s, padding .25s ease-in-out;

     transform-origin: 0 0;

 

     color: rgba(39, 38, 38, 0.5);

 }

 .moving-text-field--s3:focus,

 .moving-text-field--s3:not(:placeholder-shown)

 {

     border-color: rgb(105, 11, 194);

 }

 .moving-text-field--s3:focus + .moving-text,

 .moving-text-field--s3:not(:placeholder-shown) + .moving-text

 {

     z-index: 2500;

 

     padding: .75em;

 

     transform: translate(0, -2em) scale(.9);

 

     /*color: rgba(255, 255, 255, 0.479); 

     background-color: #2c3e50;*/

     color: rgba(255, 255, 255, 0.726); 

     background-color: #470070;

 }

 



 .moving-text-field--s1:not(textarea),

 .moving-text-field--s2:not(textarea),

 .moving-text-field--s3:not(textarea)

 {

     max-height: 4em;

 }

 

 .moving-text-field--s1,

 .moving-text-field--s1 + .moving-text,

 .moving-text-field--s2,

 .moving-text-field--s2 + .moving-text

 {

     padding: 1.5em;

 }

 

 .moving-text-field--s1 + .moving-text,

 .moving-text-field--s2 + .moving-text

 {

     z-index: 1500;

 }

 

 .moving-text-field--s1::placeholder,

 .moving-text-field--s3::placeholder

 {

     color: transparent;

 }

 

 





#login-pic

{

	 visibility: hidden;

	 -webkit-animation-delay: 0.4s; /* Chrome, Safari, Opera */

    animation-delay: 0.4s;

}



#login-heading

{

  visibility: hidden;

	-webkit-animation-delay: 0.8s; /* Chrome, Safari, Opera */

    animation-delay: 0.8s;

}



#user-field

{

	 visibility: hidden;

	-webkit-animation-delay: 1.2s; /* Chrome, Safari, Opera */

    animation-delay: 1.2s;

	

}



#pass-field

{

	 visibility: hidden;

	-webkit-animation-delay: 1.6s; /* Chrome, Safari, Opera */

    animation-delay: 1.6s;



	

}



#login-button

{

	 visibility: visible;

	-webkit-animation-delay: 1.8s; /* Chrome, Safari, Opera */

    animation-delay: 1.8s;



	

}



#login-footer

{

	 visibility: visible;

	-webkit-animation-delay: 2.0s; /* Chrome, Safari, Opera */

    animation-delay: 2.0s;



	

}

.first-card-img

{

  background-image: url(../images/card-bg-3.png);

}



.first-card-img .lynx-form

{

background-color: #fff;

padding: 20px;

width: 1000px;

    margin: auto;

}



#first-card

{

	 visibility: hidden;

	 -webkit-animation-delay: 0.4s; /* Chrome, Safari, Opera */

    animation-delay: 0.4s;

}



#second-card

{

	 visibility: hidden;

	-webkit-animation-delay: 0.8s; /* Chrome, Safari, Opera */

    animation-delay: 0.8s;

	

	

}



.second-card-img

{

  background-image: url(../images/cool-background.png);

  background-size: cover;

}



#third-card

{

	 visibility: hidden;

	-webkit-animation-delay: 1.2s; /* Chrome, Safari, Opera */

    animation-delay: 1.2s;



	

}



.third-card-img

{

  background-image: url(../images/card-bg-4.png);

  background-size: cover;

}



#fourth-card

{

	 visibility: hidden;

	-webkit-animation-delay: 1.2s; /* Chrome, Safari, Opera */

    animation-delay: 1.6s;



}



.fourth-card-img

{

  background-image: url(../images/cool-background.png);

}



#fifth-card

{

	 visibility: hidden;

	-webkit-animation-delay: 1.2s; /* Chrome, Safari, Opera */

    animation-delay: 1.6s;



}



.fifth-card-img

{

  background-image: url(../images/cool-background.png);

}





#sixth-card

{

	 visibility: hidden;

	-webkit-animation-delay: 1.2s; /* Chrome, Safari, Opera */

    animation-delay: 1.6s;



}

.sixth-card-img

{

  background-image: url(../images/cool-background.png);

}



.bounceIn

{ visibility: visible !important;}



.slideInUp

{ visibility: visible !important;}



.zoomIn

{ visibility: visible !important;}



.fadeInUp

{ visibility: visible !important;}



.fadeIn

{ visibility: visible !important;}





.hidden { visibility: hidden;}



table.table-bordered thead

{

  /*background: linear-gradient(120deg,#c28bf3,#2aa747);*/

  /*background: linear-gradient(120deg,#c28bf3,#006A5A,#81BC41);*/

  /*background: linear-gradient(120deg,#c28bf3,#006A5A,#81BC41,#fd8806);*/

  background: linear-gradient(120deg,#006A5A,#81BC41);

  background-attachment:fixed;

  color:#fff;

}



.thead-default

{  

  background: linear-gradient(120deg,#c28bf3,#006A5A,#81BC41);

  color:#fff;

}



.thead-colorful

{  

  background: linear-gradient(120deg,#ff7e5f,#e84b91,#419abc, #81BC41);

  color:#fff;

}



.thead-fall

{

background: linear-gradient(120deg,#ee6546, #ffc107, #81bc41);

color:#fff;

}



.thead-aqua

{

background: linear-gradient(120deg,#4691ee,#81bc41);

color: #fff;

}



.thead-fire

{

  background: linear-gradient(120deg,#dc3545,#ffc107);

  color:#fff;

}



.thead-blue

{

  background: linear-gradient(120deg,#000950,#17a2b8, #ffc107);

  color:#fff;

}



.thead-purple

{

  background: linear-gradient(120deg,#000950,#17aeb8, #a65ee6);

  color:#fff;

}



th.control.sorting_disabled /* CHECK !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

{

  width: 100px !important;

}



.breadcrumb-item+.breadcrumb-item::before

{

  

  content: ">";



}



.breadcrumb

{

margin-bottom: 0.0rem;

}



/* Common button styles */

.button {

	/*float: left;*/

	min-width: 150px;

	/* max-width: 250px; */

	display: block;

	/* margin: 1em; */

	padding: 1em 2em;

	border: none;

	background: none;

	color: inherit;

	vertical-align: middle;

	position: relative;

	z-index: 1;

	-webkit-backface-visibility: hidden;

	-moz-osx-font-smoothing: grayscale;

}

.button:focus {

	outline: none;

}

.button > span {

	vertical-align: middle;

}





/* glide */

.button.button-glide {

  /*background: #81bc41;*/

  background: #9051db;

	color: #ffffff;

	overflow: hidden;

	-webkit-transition: color 0.3s;

  transition: color 0.3s;

  font-weight: 500;

}

.button-glide.button-inverted {

	background: none;

	color: #fff;

}

.button-glide::before,

.button-glide::after {

	content: '';

	position: absolute;

	height: 100%;

	width: 100%;

	bottom: 100%;

	left: 0;

	z-index: -1;

	-webkit-transition: -webkit-transform 0.3s;

	transition: transform 0.3s;

	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);

	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);

}

.button-glide::before {

	background: #589e0d;

}

.button-glide::after {

	background: #81bc41;

}

.button-glide:active:after {

	background: #a56ee7;

}

.button-glide:hover {

	color: #fff;

}

.button-glide:hover::before,

.button-glide:hover::after {

	-webkit-transform: translate3d(0, 100%, 0);

	transform: translate3d(0, 100%, 0);

}

.button-glide:hover::after {

	-webkit-transition-delay: 0.175s;

	transition-delay: 0.175s;

}



.center-glide

{

  max-width: 650px;

    margin: auto;

}





.group-button {

  border: 1px solid #ececec; 

  color: black; 

  padding: 30px 24px; 

  cursor: pointer; /* Pointer/hand icon */

  /*float: left; */

  min-width:300px;

  min-height:150px;

}



/* Clear floats  */

.group-button:after {

  content: "";

  clear: both;

  display: table;

}







/* Add a background color on hover */

.group-button:hover {

  background-color: #e6d9f8;

}





.studio-group-button {

  border: 1px solid #ececec; 

  color: black; 

  padding: 30px 24px; 

  cursor: pointer; /* Pointer/hand icon */

  /*float: left; */

  min-width:300px;

  min-height:150px;

}



/* Clear floats  */

.studio-group-button:after {

  content: "";

  clear: both;

  display: table;

}







/* Add a background color on hover */

.studio-group-button:hover {

  background-color: #e6d9f8;

}



.icons-color{

	color:#3c904e !important;

background-image: linear-gradient(to right, #3c904e, #f374fb) !important;

    -webkit-background-clip: text;

    background-clip: text;

    -webkit-text-fill-color: transparent;

    }



.fa-stack-2x

{

  font-size: 1em !important;

}



.fa-user-circle:hover {

  color: rgb(2, 87, 74) !important;

}



.fa-bell :hover

{

color:  #6719b6 !important;

}



.fa-bookmark :hover

{

color: rgb(91, 163, 15) !important;

}



.btn-schedule

{

  min-width: 24.75%;

}



button:disabled {

  cursor: not-allowed;

  pointer-events: all !important;

}



.btn1 {

	border: none;

	font-family: inherit;

	font-size: inherit;

	color: inherit;

	background: none;

	cursor: pointer;

	padding: 25px 80px;

	display: inline-block;

	margin: 15px 30px;

	text-transform: uppercase;

	letter-spacing: 1px;

	font-weight: 700;

	outline: none;

	position: relative;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

}



.btn1:after {

	content: '';

	position: absolute;

	z-index: -1;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

}



/* Pseudo elements for icons */

.btn1:before,

.icon-heart:after,

.icon-star:after,

.icon-plus:after,

.icon-file:before {

	font-family: 'icomoon';

	speak: none;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	line-height: 1;

	position: relative;

	-webkit-font-smoothing: antialiased;

}



/* Button 1 */

.btn-1 {

	border: 3px solid #000;

	color: #000;

}



/* Button 1d */

.btn-1d {

	overflow: hidden;

}



.btn-1d:after {

	width: 0;

	height: 103%;

	top: 50%;

	left: 50%;

	background: rgb(120, 6, 165);

	opacity: 0;

	-webkit-transform: translateX(-50%) translateY(-50%);

	-moz-transform: translateX(-50%) translateY(-50%);

	-ms-transform: translateX(-50%) translateY(-50%);

	transform: translateX(-50%) translateY(-50%);

}



.btn-1d:hover,

.btn-1d:active {

	color: #0e83cd;

}



.btn-1d:hover:after {

	width: 90%;

	opacity: 1;

}



.btn-1d:active:after {

	width: 101%;

	opacity: 1;

}







.switch {

  position: relative;

  display: inline-block;

  width: 60px;

  height: 27px;

}



.switch input { 

  opacity: 0;

  width: 0;

  height: 0;

}



.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; */

  bottom: 0.5px;

  background-color: white;

  -webkit-transition: .4s;

  transition: .4s;

}



.slider-text

{

  margin-left: 70px;

}



input:checked + .slider {

  background-color: #72b244;

  /*background-color: #2196F3;*/

}



input:focus + .slider {

  box-shadow: 0 0 1px #2196F3;

}



input:checked + .slider:before {

  -webkit-transform: translateX(26px);

  -ms-transform: translateX(26px);

  transform: translateX(26px);

}



/* Rounded sliders */

.slider.round {

  border-radius: 34px;

}



.slider.round:before {

  border-radius: 50%;

}



.custom-check

{

  width: 30px;

  

}





/* Login 2 Page Styles */



:root {

    --input-padding-x: 1.5rem;

    --input-padding-y: .75rem;

  }

  

  

  

  .card-signin {

    border: 0;

    border-radius: 1rem;

    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);

  }

  

  .card-signin .card-title {

    margin-bottom: 2rem;

    font-weight: 300;

    font-size: 1.5rem;

  }

  

  .card-signin .card-body {

    padding: 2rem;

  }

  .lynx-form .form-control

  {

    height: calc(3em + .75rem + 2px) ;

  }

 

  .lynx-form .form-control:focus {

    border-color: #81BC41;

    box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075), 0 0 8px #81BC41;

  }



  .form-control:focus {

    border-color: #81BC41;

    box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075), 0 0 8px #81BC41;

  }



  .form-control:disabled, .form-control[readonly].form-control:focus {

    border-color: rgb(126, 84, 243);

    box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075), 0 0 8px rgb(121, 14, 163);

  }



  .lynx-form .form-control option /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!---CHECK---!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

  {

    height: calc(3em + .75rem + 2px) ;

  }



  .form-signin {

    width: 100%;

  }

  

  .form-signin .btn {

    font-size: 80%;

    border-radius: 5rem;

    letter-spacing: .1rem;

    font-weight: bold;

    padding: 1rem;

    transition: all 0.2s;

  }

  

  .form-label-group {

    position: relative;

    margin-bottom: 1rem;

  }

  

  .form-label-group input {

    height: auto;

    border-radius: 2rem;

  }

  

  .form-label-group>input,

  .form-label-group>label {

    padding: var(--input-padding-y) var(--input-padding-x);

  }

  

  .form-label-group>label {

    position: absolute;

    top: 0;

    left: 0;

    display: block;

    width: 100%;

    margin-bottom: 0;

    /* Override default `<label>` margin */

    line-height: 1.5;

    color: #495057;

    border: 1px solid transparent;

    border-radius: .25rem;

    transition: all .1s ease-in-out;

  }

  

  .form-label-group input::-webkit-input-placeholder {

    color: transparent;

  }

  

  .form-label-group input:-ms-input-placeholder {

    color: transparent;

  }

  

  .form-label-group input::-ms-input-placeholder {

    color: transparent;

  }

  

  .form-label-group input::-moz-placeholder {

    color: transparent;

  }

  

  .form-label-group input::placeholder {

    color: transparent;

  }

  

  .form-label-group input:not(:placeholder-shown) {

    padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));

    padding-bottom: calc(var(--input-padding-y) / 3);

  }

  

  .form-label-group input:not(:placeholder-shown)~label {

    padding-top: calc(var(--input-padding-y) / 3);

    padding-bottom: calc(var(--input-padding-y) / 3);

    font-size: 12px;

    color: #777;

  }



  /*Date and Time Piker Styles*/

  .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover

  {

    background-color: #3e914f !important;

  }

  

  .bootstrap-datetimepicker-widget table td.today:before

  {

    border-bottom-color: #81BC41 !important;

  }



  div.timepicker-picker .btn-primary

  {

background-color: #3e914f !important;

border:#3e914f !important;

  }



  .bootstrap-datetimepicker-widget.dropdown-menu

  {

    padding:0px !important;

  }



  .bootstrap-datetimepicker-widget table td span.active

  {

    background-color: #3e914f !important;

  }

  

  .bootstrap-datetimepicker-widget .picker-switch td span

  {

    line-height: 2.5 !important;

    height: 2.5em !important;

    width: 100% !important;



  }





  .circle-main-container{

    height: 100%;

    align-content: center;

   

    

  }

  .circle-main-container-profile{

   

    background-image: url(../images/profile-bg.png);

    

  }



  .circle-outer-container{

    margin-top: auto;

    margin-bottom: auto;

    border-radius: 50%;

    position: relative;

  }



  .circle-inner-container{

    border-radius: 50%;

    padding: 5px;

   background: #833ab4; 

   background: -webkit-linear-gradient(to bottom,#e0c0fb,#f5d987, #28a745); 
   background: linear-gradient(to bottom, #e0c0fb,#f5d987, #28a745);

  }

  .circle-inner-container img{

    height: 200px;

    width: 200px;

    border-radius: 50%;

    border: 5px solid white;

  }



  .circle-inner-container span{

    height: 200px !important;

    width: 200px !important;

    border-radius: 50% !important;

    border: 5px solid white !important;

  }



  .circle-profile-container{

    border-radius: 50%;

    padding: 5px;

   background: #833ab4; 

   background: -webkit-linear-gradient(to bottom,#e0c0fb,#f5d987, #28a745); 

   background: linear-gradient(to bottom, #e0c0fb,#f5d987, #28a745);

   cursor: pointer;

  }

  .circle-profile-container img{

    height: 50px;

    width: 50px;

    border-radius: 50%;

    border: 2px solid white;

  }



div#dropdownMenuButton.circle-main-container.dropdown-toggle:after

{

 content: none !important;

}

 

@media screen and (min-width: 768px) {

  .dropdown:hover .dropdown-menu, .btn-group:hover .dropdown-menu{

		display: block;

	}

	.dropdown-menu{

		margin-top: 0;

	}

	

	.navbar .dropdown-toggle, .nav-tabs .dropdown-toggle{

		margin-bottom: 0;

	}

}

  

  /* Fallback for Edge

  -------------------------------------------------- */

  

  @supports (-ms-ime-align: auto) {

    .form-label-group>label {

      display: none;

    }

    .form-label-group input::-ms-input-placeholder {

      color: #777;

    }

  }

  

  /* Fallback for IE

  -------------------------------------------------- */

  

  @media all and (-ms-high-contrast: none),

  (-ms-high-contrast: active) {

    .form-label-group>label {

      display: none;

    }

    .form-label-group input:-ms-input-placeholder {

      color: #777;

    }

  }

  



  /* Login */

 

  

  .login-bg{

    min-height: 80vh;

    /* background-image: linear-gradient(120deg,#e0c0fb,#28a745); */

    /*background-image: linear-gradient(120deg,#e0c0fb,#f5d987, #28a745);*/

    background: linear-gradient(120deg,#e0c0fb,#f5d987, #28a745);

    /*background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);*/

    background-size: 400% 400%;

    -webkit-animation: Gradient 15s ease infinite;

    -moz-animation: Gradient 15s ease infinite;

    animation: Gradient 15s ease infinite;

  }

  

  @-webkit-keyframes Gradient {

    0% {

      background-position: 0% 50%

    }

    50% {

      background-position: 100% 50%

    }

    100% {

      background-position: 0% 50%

    }

  }

  

  @-moz-keyframes Gradient {

    0% {

      background-position: 0% 50%

    }

    50% {

      background-position: 100% 50%

    }

    100% {

      background-position: 0% 50%

    }

  }

  

  @keyframes Gradient {

    0% {

      background-position: 0% 50%

    }

    50% {

      background-position: 100% 50%

    }

    100% {

      background-position: 0% 50%

    }

  }

  

  

  

  .login-form{

    width: 100%;

    /*background: #f1f1f1;*/

    background: #fff;

    height: 580px;

    padding: 80px 40px;

    border-radius: 10px;

    position: absolute;

     left: 50%;

    top: 50%;

   transform: translate(-50%,-50%);

  }

  

  .login-form h1{

    text-align: center;

    margin-bottom: 60px;

  }



  .login-form-3

  {

    width: 100%;

    /*background: #f1f1f1;*/

    background: #fff;

    border-radius: 10px;

    position: absolute;

     /*left: 50%;

    top: 50%;

   transform: translate(-50%,-50%);*/

  }







  .login-form-rt{

    width: 560px;

    /*background: #f1f1f1;*/

    background: #fff;

    height: 580px;

    padding: 40px 40px;

    border-radius: 10px;

    position: absolute;

    

  }



  .login-form-rt h1{

    text-align: center;

    margin-bottom: 60px;

  }



  .login-main

  {



margin: 100px auto auto auto;



width: 1200px;

    background: #fff;

    border-radius: 10px;

    overflow: hidden;

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    padding: 100px 130px 33px 95px;

    height: 800px;



  }



  .login-main-3

  {





/*width: 1200px;*/

    background: #fff;

    border-radius: 10px;

    overflow: hidden;

    /* display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    flex-wrap: wrap; */

    justify-content: space-between;

    padding: 100px 130px 33px 95px;

    height: 700px;



  }



  @media only screen and (max-width: 800px) {

    .login-main-3

  {

    height: 1000px;

  }

}

  .login-container {

    width: 100%;

    max-width: 1000px;

    max-height: 600px; 

    text-align: center;

    margin: 100px auto 100px auto;

}



  



  .img-responsive

{

    /* display: block; */

    max-width: 100%;

    height: auto;

}

  

  .txtb{

    border-bottom: 2px solid #adadad;

    position: relative;

    margin: 30px 0;

  }

  

  .txtb input{

    font-size: 15px;

    color: #333;

    border: none;

    width: 100%;

    outline: none;

    background: none;

    padding: 0 5px;

    height: 40px;

  }

  

  .txtb span::before{

    content: attr(data-placeholder);

    position: absolute;

    top: 50%;

    left: 5px;

    color: #adadad;

    transform: translateY(-50%);

    z-index: -1;

    transition: .5s;

  }

  

  .txtb span::after{

    content: '';

    position: absolute;

    width: 0%;

    height: 2px;

    background: linear-gradient(120deg,#3498db,#8e44ad);

    transition: .5s;

  }

  

  .focus + span::before{

    top: -5px;

  }

  .focus + span::after{

    width: 100%;

  }

  

  .logbtn{

    display: block;

    width: 100%;

    height: 50px;

    border: none;

    background: linear-gradient(120deg,#c28bf3,#2aa747,#c18bf2);

    background-size: 200%;

    color: #fff;

    outline: none;

    cursor: pointer;

    transition: .5s;

  }

  

  .logbtn:hover{

    background-position: right;

  }

  

  .bottom-text{

    margin-top: 60px;

    text-align: center;

    font-size: 13px;

  }



  .footer {

    padding: 25px 0;

    text-align: center;

    border-top:1px solid #dddddd;

    

}



.editor-footer

{

  margin-top:30px;

 /* border-bottom:1px solid #dee2e6; */

  padding-bottom:10px;

}



.lynx-form label

{

  margin-top: .9rem;

font-size: 20px;

}



.modal-body .form-group

{

  margin-bottom:0px;

}



/* TABLE STYLES */

.page-item.active .page-link

{

  background-color: #9051DB;

  border-color: #9051DB;

 /* background-color: #b388e7;

  border-color: #b188e5;*/

}



.page-link

{

  color:#3d914e;

}

  

/*

.paginate_button.current

{background: #9051DB !important;

  border-color: #9051DB !important;

color:#ffffff !important;}

*/







/* File Upload Styles */





.container

      {

        width: 100%;

        max-width: 680px; /* 800 */

        text-align: center;

        margin: 0 auto;

      }



        .container h1

        {

          font-size: 42px;

          font-weight: 300;

          color: #0f3c4b;

          margin-bottom: 40px;

        }

        .container h1 a:hover,

        .container h1 a:focus

        {

          color: #39bfd3;

        }



        .container nav

        {

          margin-bottom: 40px;

        }

          .container nav a

          {

            border-bottom: 2px solid #c8dadf;

            display: inline-block;

            padding: 4px 8px;

            margin: 0 5px;

          }

          .container nav a.is-selected

          {

            font-weight: 700;

            color: #39bfd3;

            border-bottom-color: currentColor;

          }

          .container nav a:not( .is-selected ):hover,

          .container nav a:not( .is-selected ):focus
          {

            border-bottom-color: #0f3c4b;

          }



        .container footer

        {

          color: #92b0b3;

          margin-top: 40px;

        }

          .container footer p + p

          {

            margin-top: 1em;

          }

          .container footer a:hover,

          .container footer a:focus

          {

            color: #39bfd3;

          }



        .box

        {

          font-size: 1.25rem; /* 20 */

          background: #f5eeff;

                    /*background-color: #eee3fe;*/

          position: relative;

          padding: 100px 20px;

        }

        .box.has-advanced-upload

        {

          outline: 2px dashed #d0a7f5;

          /*outline: 2px dashed #92b0b3;*/

          outline-offset: -10px;



          -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;

          transition: outline-offset .15s ease-in-out, background-color .15s linear;

        }

        .box.is-dragover

        {

          outline-offset: -20px;

          outline-color: #c8dadf;

          background-color: #fff;

        }

          .box__dragndrop,

          .box__icon

          {

            display: none;

          }

          .box.has-advanced-upload .box__dragndrop

          {

            display: inline;

          }

          .box.has-advanced-upload .box__icon

          {

            width: 100%;

            /*height: 80px;*/

            fill: #9492b3;

            display: block;

            margin-bottom: 80px;

          }



          .box.is-uploading .box__input,

          .box.is-success .box__input,

          .box.is-error .box__input

          {

            visibility: hidden;

          }



          .box__uploading,

          .box__success,

          .box__error

          {

            display: none;

          }

          .box.is-uploading .box__uploading,

          .box.is-success .box__success,

          .box.is-error .box__error

          {

            display: block;

            position: absolute;

            top: 50%;

            right: 0;

            left: 0;



            -webkit-transform: translateY( -50% );

            transform: translateY( -50% );

          }

          .box__uploading

          {

            font-style: italic;

          }

          .box__success

          {

            -webkit-animation: appear-from-inside .25s ease-in-out;

            animation: appear-from-inside .25s ease-in-out;

          }

            @-webkit-keyframes appear-from-inside

            {

              from	{ -webkit-transform: translateY( -50% ) scale( 0 ); }

              75%		{ -webkit-transform: translateY( -50% ) scale( 1.1 ); }

              to		{ -webkit-transform: translateY( -50% ) scale( 1 ); }

            }

            @keyframes appear-from-inside

            {

              from	{ transform: translateY( -50% ) scale( 0 ); }

              75%		{ transform: translateY( -50% ) scale( 1.1 ); }

              to		{ transform: translateY( -50% ) scale( 1 ); }

            }



          .box__restart

          {

            font-weight: 700;

          }

          .box__restart:focus,

          .box__restart:hover

          {

            color: #39bfd3;

          }



          .js .box__file

          {

            width: 0.1px;

            height: 0.1px;

            opacity: 0;

            overflow: hidden;

            position: absolute;

            z-index: -1;

          }

          .box__file

          {

            width: 0.1px;

            height: 0.1px;

            opacity: 0;

            overflow: hidden;

            position: absolute;

            z-index: -1;

          }

          

          .js .box__file + label

          {

            max-width: 80%;

            text-overflow: ellipsis;

            white-space: nowrap;

            cursor: pointer;

            display: inline-block;

            overflow: hidden;

          }

          .js .box__file + label:hover strong,

          .box__file:focus + label strong,

          .box__file.has-focus + label strong

          {

            color: #39bfd3;

          }

          .js .box__file:focus + label,

          .js .box__file.has-focus + label

          {

            outline: 1px dotted #000;

            outline: -webkit-focus-ring-color auto 5px;

          }

            .js .box__file + label *

            {

              /* pointer-events: none; */ /* in case of FastClick lib use */

            }



          .no-js .box__file + label

          {

            display: none;

          }



          .no-js .box__button

          {

            display: block;

          }

          .box__button

          {

            font-weight: 700;

            color: #e5edf1;

            background-color: #39bfd3;

            display: block;

            padding: 8px 16px;

            margin: 40px auto 0;

          }

            .box__button:hover,

            .box__button:focus

            {

              background-color: #0f3c4b;

            }



            







/* TEMPORARY: PAGINATION STYLES FOR OLD ANGULAR CODE */

.pagination{display:inline-block;padding-left:0;/*margin:20px 0;*/border-radius:4px;}.pagination>li{display:inline;}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#006A5A;text-decoration:none;background-color:#fff;border:1px solid #ddd;}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px;}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px;}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#9f68e2;border-color:#9f68e2;}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd;}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333;}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px;}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px;}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5;}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px;}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px;}