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

body {
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background-color: #e9ebee !important;
    height: 100%;
    font-size: 14px;
    margin-bottom: 60px;
    color: #000;
}

#app {
    min-height: 100%;
}


#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.navbar-brand {
    padding: 0;
    padding-left: 10px;
}

.mydatatable, .services-table{
    font-size: 14px !important;
    border-radius: 3px;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control, .select2-search input[type=text][disabled], .select2-search input[type=text][readonly], fieldset[disabled] .select2-search input[type=text] {
    color: #34495e;
}


.navbar-nav > li > a {
    padding: 15px;
}


#messages-container .panel-heading {
    padding: 5px 15px;
}

#messages-container .panel-heading strong {
    font-size: 15px;
}

#messages-container .panel-heading .text-muted {
    font-size: 15px;
}

.breadcrumb {
    font-size: 15px;
    padding: 15px;
    color: white!important;
    border-radius: 0;
    background: linear-gradient(45deg, #303f9f, #7b1fa2) !important;
}
.breadcrumb li a{
    color: white!important;
}
.breadcrumb>.active {
    color: #ff4081;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 15px;
}

.no-padding {
    padding: 0 !important;
}

.text-bold {
    font-weight: bold;
}

.form-heading-padding {
    padding-left: 60px;
}

.panel-body {
    padding: 10px;
}

.dataTables_info {
    font-size: 14px;
}

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

/*.form-control, .select2-search input[type=text] {
    padding: 5px;
    height: 30px;
    border: 1px solid #bdc3c7;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}*/

label {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding-right: 0 !important;
    margin-bottom: 0;
}

.form-horizontal .control-label {
    padding-top: 2px;
    padding-bottom: 2px;
}


.help-block {
    margin-bottom: 0 !important;
}


.login-form .form-control, .select2-search input[type=text] {
    padding: 5px;
    height: 30px;
    border: 1px solid #bdc3c7;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.pagination li > a, .pagination li > span {
    min-height: 25px;
    line-height: 10px;
}




.btn, .badge{
	white-space: nowrap;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 14px;
	-webkit-box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
	box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
	border-radius: 4px;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .025em;
    color: #6772e5;
    text-decoration: none;
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
}
.btn-blue, .badge-blue{
	color: #fff;
	background: #2272d6;
	text-shadow: 0 1px 3px rgba(36,180,126,.4);
}
.btn-green, .badge-green{
	color: #fff;
	background: #3ecf8e;
    text-shadow: 0 1px 3px rgba(87,160,254,.4);
}
.btn-blue:hover, .btn-green:hover, .btn-blue:focus, .btn-green:focus{
	color: #fff;
	outline: none;
}
.btn-blue:focus, .btn-green:focus{
	box-shadow: none;
}
.btn-blue:hover{
	background: #1b6acc;
}
.btn-green:hover{
	background: #33c483;
}
.btn-white{
	color: #1f2324;
	background: #ffffff;
}
.badge{
	height: 26px;
	font-size: 13px;
	line-height: 26px;
}

header .navbar-right .badge{
	margin-top: 5px; 
}
.badge.icon:hover{
	border: solid 1px #2272d6;
}
.card .description .title .badge.icon{
	float: right;
	margin-right: 5px;
	margin-bottom: 5px;
}
.my-orders-panel .action .badge.icon{
	width: 30px;
	height: 30px;
	line-height: 26px;
	border: none;
	    margin-right: 5px;
}
.my-orders-panel .action .badge.icon:hover{
	border: none;
}
header .navbar-right .badge{
		margin-top: 10px;
		margin-left: 0px;
	}

.glyphicon.spinning {
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes spin2 {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

.loader {
    width: auto;
    height: 20px;
    background: url('../img/spin.svg');
    background-size: 20px 20px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
}

.alert {
    position: absolute;
    top: 0;
    right: 15px;
    z-index: 5000;
    padding: 7px;
    border-radius: 0;
    border-color: #ddd;
}

.nav-bar-footer {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0;
}

.nav-bar-footer li {
    display: inline-block;
}

#heroImage {
    overflow: hidden;
}

#heroImage img {
    width: 100%;
    height: 100%;
}

.btn{
    padding: 7px 12px;
}

.navbar-default {
    background-color: #0073b7;
}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:active,
.navbar-default .navbar-nav > li > a:visited {
    color: rgba(255, 255, 255, 0.90);
}

.navbar-default .navbar-nav > li > a:hover {
    color: #fff;
}

.navbar-nav > li > a {
    font-weight: normal;
    font-size: 14px;
}

.navbar-default .navbar-nav > .dropdown > a,
.navbar-default .navbar-nav > .dropdown > a:visited,
.navbar-default .navbar-nav > .dropdown > a:focus {
    color: rgba(255, 255, 255, 0.90);
}

.navbar-default .navbar-nav > .dropdown > a .caret,
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: rgba(255, 255, 255, 0.90);
    border-bottom-color: rgba(255, 255, 255, 0.90);
}

.navbar {
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.25) !important;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:visited {
    color: #fff;
}

.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}

.dropdown-menu, .select2-drop {
    background-color: #fff;
}

.dropdown-menu > li > a:hover {
    background-color: #f5f5f5;
}

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

.tile {
    background-color: #fff;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
    border-radius: 2px;
    border: 0;
}

.login-form {
    background-color: #fff;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
    border-radius: 2px;
    border: 0;
    padding: 15px;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    background-color: #0073b7;
    border-color: #367fa9;
}


.login-form .login-field:focus {
    border-color: #0073b7;
}


a,
a:active,
a:focus,
a:hover {
    color: #0073b7;
}

.login-link:hover {
    color: #0073b7;
}

input[type=text]:focus,
.form-control:focus {
    border-color: #0073b7;
}


.panel {
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
    border-radius: 2px;
    border: 0;
}

.pagination li.active > a, .pagination li.active > span, .pagination li.active > a:hover, .pagination li.active > span:hover, .pagination li.active > a:focus, .pagination li.active > span:focus {
    background-color: #0073b7;
}

.icon-bar:hover, .icon-bar:focus {
    color: #fff;
}

#footer-menu {
    text-align: center;
    list-style-type: none;

}

#footer-menu li {
    display: inline-block;
    margin-right: 20px;
}

#footer-menu li a {
    color: #0073b7;
    font-size: 14px;
}

#footer-menu li a:hover {
    text-decoration: underline;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: rgba(255, 255, 255, 0.90);
}


.pagination li > a, .pagination li > span {
    margin-left: 0;
}

pre {
    border: none;
    background-color: transparent;
}

.fieldset-outline {
    border: 1px solid #bdc3c7;
    padding: 10px;
    margin-bottom: 10px;
    background-color: #fafafa;
}

legend {
    margin-bottom: 30px;
}

.tile-title {
    font-size: 18px;
    margin: 0;
}

h4, .h4 {
    font-size: 25px;
}

.btn-xs, .btn-group-xs > .btn {
    padding: 5px;
    font-size: 11px;
}
.btn-xs.btn [class^=fui-]{
    font-size: 13px;
}

.pagination li.previous > a, .pagination li.next > a, .pagination li.previous > span, .pagination li.next > span {
    font-size: 13px;
    padding: 10px;
}

.pagination li > a, .pagination li > span {
    padding: 10px;
    min-width: 33px;
    line-height: 7px;
    font-size: 13px;
}

.form-control, .select2-search input[type=text] {
    padding: 0px;
    height: 25px;
}

select.input-sm, select.form-group-sm .form-control, select.form-group-sm .select2-search input[type=text], select.select2-search input[type=text] {
    height: 25px;
    line-height: 25px;
}



.dataTables_info {
    font-size: 13px;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 5px 10px;
}

.btn-delete-record{
    margin-left: -3px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.mtn10 {
    margin-top: -10px;
}

.mt10 {
    margin-top: 10px;
}

.mb10 {
    margin-bottom: 10px;
}

@media (max-width:767px) {
    .pagination {
        height:27px;
        padding:0 55px 0 52px;
        overflow:auto;
        white-space:nowrap;
        border-radius:6px
    }
}


#main-login .form-group{
    margin-bottom: 20px;
}



td.actions-td{
    width: 100px;
    padding-left:0 !important;
    padding-right: 0 !important;
    vertical-align: middle !important;
}



.wysiwyg-color-black {
    color: black !important;
}

.wysiwyg-color-silver {
    color: silver !important;
}

.wysiwyg-color-gray {
    color: gray !important;
}

.wysiwyg-color-maroon {
    color: maroon !important;
}

.wysiwyg-color-red {
    color: red !important;
}

.wysiwyg-color-purple {
    color: purple !important;
}

.wysiwyg-color-green {
    color: green !important;
}

.wysiwyg-color-olive {
    color: olive !important;
}

.wysiwyg-color-navy {
    color: navy !important;
}

.wysiwyg-color-blue {
    color: blue !important;
}

.wysiwyg-color-orange {
    color: orange !important;
}

.status-pending {
    background-color: #9E9E9E !important;
    color: white !important;
    padding: 2px 5px;
    border-radius: .25em;;
}
.status-completed,.status-partial {
    background-color: #8BC34A !important;
    color: white !important;
    padding: 2px 5px;
    border-radius: .25em;
}

.status-cancelled, .status-stopped {
    background-color: #F44336 !important;
    color: white !important;
    padding: 2px 5px;
    border-radius: .25em;
}
.status-inprogress, .status-active,
.status-processing{
    background-color: #2196F3 !important;
    color: white !important;
    padding: 2px 5px;
    border-radius: .25em;
}

.status-refunded{
    background-color: gray !important;
    color: white !important;
    padding: 2px 5px;
    border-radius: .25em;
}

.no-word-break{
    white-space: nowrap !important;
}

.p0{
    padding:0 !important;
}
.m0{
    margin:0 !important;
}



/*my adding css*/
 @keyframes swing {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(10deg);
  }
  30% {
    transform: rotate(0deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  50% {
    transform: rotate(0deg);
  }
  60% {
    transform: rotate(5deg);
  }
  70% {
    transform: rotate(0deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@keyframes sonar {
  0% {
    transform: scale(0.9);
    opacity: 1;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}

.page-wrapper .sidebar-wrapper,
.sidebar-wrapper .sidebar-brand > a,
.sidebar-wrapper .sidebar-dropdown > a:after,
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before,
.sidebar-wrapper ul li a i,
.page-wrapper .page-content,
.sidebar-wrapper .sidebar-search input.searcha-menu,
.sidebar-wrapper .sidebar-search .input-groupa-text,
.sidebar-wrapper .sidebar-menu ul li a,
#show-sidebar,
#close-sidebar {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/*----------------page-wrapper----------------*/
#footer {
        box-shadow: 0 6px 20px 0 rgba(123, 31, 162, .5) !important;
        background: linear-gradient(135deg, #ff5959 0%, #f70e0e 100%); !important;
  
}

.page-wrapper {
  height: 100vh;
}

.page-wrapper .theme {
  width: 40px;
  height: 40px;
  display: inline-block;
  border-radius: 4px;
  margin: 2px;
}

.page-wrapper .theme.chiller-theme {
  background: #1e2229;
}

/*----------------toggeled sidebar----------------*/

.page-wrapper.toggled .sidebar-wrapper {
  left: 0px;
  z-index: 4444;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, .2);
}

@media screen and (min-width: 768px) {
  .page-wrapper.toggled .page-content {
    padding-left: 260px;
  }
}
/*----------------show sidebar button----------------*/
#show-sidebar {
    position: fixed;
    left: 0;
    top: 10px;
    z-index: 2000;
    transition-delay: 0.3s;
    padding: 0 10px;
}
#show-sidebar i{
    background: white!important;
    color: #4285f4;
    padding: 16px 17px;
    font-size: 22px;
    border-radius: 50%;
}
.page-wrapper.toggled #show-sidebar {
  left: -40px;
}
/*----------------sidebar-wrapper----------------*/

.sidebar-wrapper {
  width: 260px;
  height: 100%;
  max-height: 100%;
  position: fixed;
  top: 0;
  left: -300px;
  z-index: 999;
}

.sidebar-wrapper ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.sidebar-wrapper a {
  text-decoration: none;
}

/*----------------sidebar-content----------------*/

.sidebar-content {
  max-height: calc(100% - 30px);
  height: calc(100% - 30px);
  overflow-y: auto;
  position: relative;
}

.sidebar-content.desktop {
  overflow-y: hidden;
}

/*--------------------sidebar-brand----------------------*/

.sidebar-wrapper .sidebar-brand {
  padding: 10px 20px;
  display: flex;
  align-items: center;
}

.sidebar-wrapper .sidebar-brand > a {
  text-transform: uppercase;
  font-weight: bold;
  flex-grow: 1;
}

.sidebar-wrapper .sidebar-brand #close-sidebar {
  cursor: pointer;
  font-size: 20px;
}
/*--------------------sidebar-header----------------------*/

.sidebar-wrapper .sidebar-header {
  padding: 20px;
  overflow: hidden;
}

.sidebar-wrapper .sidebar-header .user-pic {
  float: left;
  width: 60px;
  padding: 2px;
  border-radius: 12px;
  margin-right: 15px;
  overflow: hidden;
}

.sidebar-wrapper .sidebar-header .user-pic img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.sidebar-wrapper .sidebar-header .user-info {
  float: left;
}

.sidebar-wrapper .sidebar-header .user-info > span {
  display: block;
}

.sidebar-wrapper .sidebar-header .user-info .user-role {
  font-size: 12px;
}

.sidebar-wrapper .sidebar-header .user-info .user-status {
  font-size: 11px;
  margin-top: 4px;
}

.sidebar-wrapper .sidebar-header .user-info .user-status i {
  font-size: 8px;
  margin-right: 4px;
  color: #5cb85c;
}



.page-wrapper .page-content {
  display: inline-block;
  width: 100%;
  padding-left: 0px;
  padding-top: 20px;
}

.page-wrapper .page-content > div {
  padding: 20px 40px;
}

.page-wrapper .page-content {
  overflow-x: hidden;
}

/*------scroll bar---------------------*/

::-webkit-scrollbar {
  width: 5px;
  height: 7px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #525965;
  border: 0px none #ffffff;
  border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
  background: #525965;
}
::-webkit-scrollbar-thumb:active {
  background: #525965;
}
::-webkit-scrollbar-track {
  background: transparent;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
  background: transparent;
}
::-webkit-scrollbar-track:active {
  background: transparent;
}
::-webkit-scrollbar-corner {
  background: transparent;
}


/*-----------------------------chiller-theme-------------------------------------------------*/

.chiller-theme .sidebar-wrapper {
    background: white;
}

.chiller-theme .sidebar-wrapper .sidebar-header,
.chiller-theme .sidebar-wrapper .sidebar-search,
.chiller-theme .sidebar-wrapper .sidebar-menu {
    border-top: 1px solid #f9f6f6;
}

.chiller-theme .sidebar-wrapper .sidebar-search input.searcha-menu,
.chiller-theme .sidebar-wrapper .sidebar-search .input-groupa-text {
    border-color: transparent;
    box-shadow: none;
}

.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-role,
.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-status,
.chiller-theme .sidebar-wrapper .sidebar-search input.searcha-menu,
.chiller-theme .sidebar-wrapper .sidebar-search .input-groupa-text,
.chiller-theme .sidebar-wrapper .sidebar-brand>a,
.chiller-theme .sidebar-wrapper .sidebar-menu ul li a,
.chiller-theme .sidebar-footer>a {
    color: rgba(0, 0, 0, .87);
}


.page-wrapper.chiller-theme.toggled #close-sidebar {
    color: #4285f4;
}

.page-wrapper.chiller-theme.toggled #close-sidebar:hover {
    color: silver;
}

.chiller-theme .sidebar-wrapper .sidebar-menu .header-menu span {
    color: #969696;
}

#footer ul{
    margin-top: 20px;
}




.card-counter{
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
    margin: 5px;
    padding: 20px 10px;
    background-color: #fff;
    height: auto;
    transition: .3s linear all;
  }

  .card-counter:hover{
    box-shadow: 4px 4px 20px #DADADA;
    transition: .3s linear all;
    cursor: pointer;
  }

/*  .card-counter.primary{
    background-color: #007bff;
    color: #FFF;
  }

  .card-counter.danger{
    background-color: #ef5350;
    color: #FFF;
  }  

  .card-counter.success{
    background-color: #66bb6a;
    color: #FFF;
  }  

  .card-counter.info{
    background-color: #26c6da;
    color: #FFF;
  } */ 

  .card-counter i{
     width: 55px;
    text-align: center;
    font-size: 25px;
    background: linear-gradient(45deg, #d500f9, #ffa000) !important;
    color: white;
    padding: 15px;
    border-radius: 50%;
    box-shadow: 0 6px 20px 0 rgba(255, 160, 0, .5) !important;
  }

  .card-counter .count-numbers{
    position: absolute;
    right: 35px;
    top: 15px;
    display: block;
        font-size: 24px;
    font-family: 'Muli', sans-serif!important;
    color: #333;
  }

  .card-counter .count-name{
    position: absolute;
    right: 35px;
    top: 70px;
    text-transform: capitalize;
    display: block;
    font-size: 15px;
    color: #6b6f82;
  }
  .totalss{
    line-height: 3;
  }




.navbar-default .navbar-nav > .dropdown > a,
.navbar-default .navbar-nav > .dropdown > a:visited,
.navbar-default .navbar-nav > .dropdown > a:focus {
    color: rgba(255, 255, 255, 0.90);
}

.navbar-default .navbar-nav > .dropdown > a .caret,
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: rgba(255, 255, 255, 0.90);
    border-bottom-color: rgba(255, 255, 255, 0.90);
}

.navbar {
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.25) !important;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:visited {
    color: #fff;
}

.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}

.dropdown-menu, .select2-drop {
    background-color: #fff;
}

.dropdown-menu > li > a:hover {
    background-color: #f5f5f5;
}

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


  /*.material {
    position: relative;
    padding: 0;
    margin: 5px;
    border: none;
    overflow: visible;
    }*/
    
     &::-webkit-input-placeholder {
            transition: color 300ms ease;
        }
        &:not(:focus)::-webkit-input-placeholder {
            color: transparent;
        }
    hr {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 2px;
        border: none;
        background: #5a2da0;
        font-size: 1px;
        will-change: transform, visibility;
        transition: all 200ms ease-out;
        transform: scaleX(0);
        visibility: hidden;
        z-index: 10;
    }
    input:focus ~ hr {
        transform: scaleX(1);
        visibility: visible;
    }
    
  label1 {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding-right: 0 !important;
    margin-bottom: 0;
}

.form-horizontal .control-label {
    padding-top: 2px;
    padding-bottom: 2px;
}

/*
#description{
    resize: none;
    overflow: hidden;
    min-height: 50px;
    height: 62px;
    border-top: none;
    border-right: none;
    border-left: none;
    background: white;
    box-shadow: none;
    border-radius: 0px;
}*/

.selects {
    position: relative;
    width: 100%;
}

.select-text {
    position: relative;
    font-family: inherit;
    background-color: transparent;
    width: 100%;
    padding: 10px 10px 10px 0;
    font-size: 18px;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid rgba(0,0,0, 0.12);
}

/* Remove focus */
.select-text:focus {
    outline: none;
    border-bottom: 1px solid rgba(0,0,0, 0);
}

    /* Use custom arrow */
.select .select-text {
    appearance: none;
    -webkit-appearance:none
}

.select:after {
    position: absolute;
    top: 18px;
    right: 10px;
    /* Styling the down arrow */
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid rgba(0, 0, 0, 0.12);
    pointer-events: none;
}


/* label1 ======================================= */
.select-label1 {
    color: #5a2da0;
    font-size: 18px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 5px;
    top: 10px;
    transition: 0.2s ease all;
}

/* active state */
.select-text:focus ~ .select-label1, .select-text:valid ~ .select-label1{
    color: #592ea1;
    top: -15px;
    transition: 0.2s ease all;
    font-size: 14px;
}

/* BOTTOM BARS ================================= */
.select-bar {
    position: relative;
    display: block;
    width: 100%;
}

.select-bar:before, .select-bar:after {
    content: '';
    height: 2px;
    width: 0;
    bottom: 1px;
    position: absolute;
    background: #5a2da0;
    transition: 0.2s ease all;
}

.select-bar:before {
    left: 50%;
}

.select-bar:after {
    right: 50%;
}

/* active state */
.select-text:focus ~ .select-bar:before, .select-text:focus ~ .select-bar:after {
    width: 50%;
}

/* HIGHLIGHTER ================================== */
.select-highlight {
    position: absolute;
    height: 60%;
    width: 100px;
    top: 25%;
    left: 0;
    pointer-events: none;
    opacity: 0.5;
}
.btn-shadow{
   background: linear-gradient(45deg, #303f9f, #7b1fa2) !important;
   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
}
.login-form h3{
    font-size: 24px;
    color: #ff2929;
    text-decoration: underline;
    margin-top: 0px;
}
.label1-success{
   box-shadow:  0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2)
}
.label1-danger{
   box-shadow:  0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2)
}
.theme-bg{
        background: linear-gradient(45deg, #303f9f, #7b1fa2) !important;
}
.mass-textarea textarea {
    display: block;
    width: 100%;
    border: 0;
    padding: 10px 5px;
    background: white no-repeat;
    background-image: linear-gradient(to bottom, #6627a1, #4337a0), linear-gradient(to bottom, silver, silver);
    background-size: 0 2px, 100% 1px;
    background-position: 50% 100%, 50% 100%;
    transition: background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
    resize: vertical;
    height: 150px;

}
.mass-textarea textarea:focus{
    background-size: 100% 2px, 100% 1px;
    outline: none;
}


.dataTables_filter input{
    display: block;
    width: 100%;
    border: 0;
    padding: 10px 5px;
  background: white no-repeat;
    background-image: linear-gradient(to bottom, #5a2da0, #5a2da0), linear-gradient(to bottom, silver, silver);
    background-size: 0 2px, 100% 1px;
    background-position: 50% 100%, 50% 100%;
  transition: background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);

}

.dataTables_filter input:focus{ 
    background-size: 100% 2px, 100% 1px;
    outline: none;
}
.keys input{
    display: block;
    width: 100%;
    border: 0;
    padding: 10px 5px;
  background: white no-repeat;
    background-image: linear-gradient(to bottom, #5a2da0, #5a2da0), linear-gradient(to bottom, silver, silver);
    background-size: 0 2px, 100% 1px;
    background-position: 50% 100%, 50% 100%;
  transition: background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);

}

.keys input:focus{ 
    background-size: 100% 2px, 100% 1px;
    outline: none;
}

/*.sidebar-menu ul li.active{
    background: linear-gradient(45deg, #7b1fa2, #7c4dff) !important;
}
.sidebar-menu ul li a.active{
    background: linear-gradient(45deg, #7b1fa2, #7c4dff) !important;
}*/
.dataTables_length select{
    height: 36px;
    line-height: 25px;
    border-right: none;
    border-left: none;
    border-top: none;
    box-shadow: none;
    border-radius: 0px;
}
.previous a{
    font-weight: 600!important;
    cursor: default!important;
    color: #666 !important;
    border: 1px solid transparent!important;
    background: white!important;
    box-shadow: none!important;
    border-radius: 0px!important;
        margin-right: 3px!important;
}
.next a{
    font-weight: 600!important;
    cursor: default!important;
    color: #666 !important;
    border: 1px solid transparent!important;
    background: white!important;
    box-shadow: none!important;
    border-radius: 0px!important;
        margin-left: 3px!important;
}
.previous a:hover{
 color: white!important;
 background: linear-gradient(45deg, #7b1fa2, #7c4dff) !important;
}
.next a:hover{
  color: white!important;
  background: linear-gradient(45deg, #7b1fa2, #7c4dff) !important;
}
.pagination li.active > a, .pagination li.active > span, .pagination li.active > a:hover, .pagination li.active > span:hover, .pagination li.active > a:focus, .pagination li.active > span:focus {
     background: linear-gradient(45deg, #7b1fa2, #7c4dff) !important;
     box-shadow:  0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
}
.panel-bg {
    padding-left: 5px;
    background: linear-gradient(45deg, #303f9f, #7b1fa2) !important;
     color: white; 
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: inherit!important;
    margin-top: 4px\9;
    margin-left: 0px!important;
}
.colorsss .btn-default:active, .btn-default.active{
     background: linear-gradient(45deg, #7b1fa2, #7c4dff) !important;
    border-color: #7b1fa2;
}
textarea {
    font-size: 14px!important;
}





@media (max-width: 575.98px) { 
    .page-wrapper .page-content > div {
    padding: 3px !important;
}

.avail{
     text-align: left;
    font-size: 14px!important;
    padding: 8px!important;
 }

 .dropdown-menu a{
    color: #666!important;
 }
 .dropdown-menu li{
     text-align: right;
    border: 1px solid #ccc;
    background: white!important;
  }
}

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) and (max-width: 767.98px) {
  .page-wrapper .page-content > div {
    padding: 3px !important;
}
.avail{
      text-align: left;
    font-size: 14px!important;
    padding: 8px!important;
 }
 
 .dropdown-menu a{
    color: #666!important;
 }
 .dropdown-menu li{
     text-align: right;
    border: 1px solid #ccc;
    background: white!important;
  }
}

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) and (max-width: 991.98px) { 
    .page-wrapper .page-content > div {
    padding: 3px !important;
}
.avail{
      text-align: left;
    font-size: 14px!important;
    padding: 8px!important;
 }
 
 .dropdown-menu li{
     text-align: right;
    border: 1px solid #ccc;
    background: white!important;
  }
 .dropdown-menu a{
    color: #666!important;
 }
 }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) and (max-width: 1199.98px) {  }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) {  }