/*
*
* Custom Style
*/

.header-notification > i{
	
	color:#fff;
}
.header-notification .notification {
    position: absolute;
    top: -10px;
     left: 2px;
    font-size: 10px;
     
    color: #fff;
    min-width: 18px;
	min-height:18px;
    padding: 0px 4px;
    height: 18px;
    border-radius: 50%;
    text-align: center;
    line-height: 14px;
    vertical-align: middle;
    display: block;
	    border:0px solid #fff;
    background-color: transparent;
   
}
.header-notification:hover > i,.header-notification:focus > i,.header-notification:active > i{
	
	color:#00aeef;
}
.navbar .collapse .navbar-nav .nav-item .nav-link .notification {
    top: 0;
}

.header-notification{
	width:48px;
}
.card[class*=bg-], .card[class*=bg-] .card-title, .card[class*=bg-] .card-title a, .card[class*=bg-] .icon i, .card [class*=card-header-], .card [class*=card-header-] .card-title, .card [class*=card-header-] .card-title a, .card [class*=card-header-] .icon i {
    color: #fff;
}
.card .card-header.card-header-icon i, .card .card-header.card-header-text i {
    width: 33px;
    height: 33px;
    text-align: center;
    line-height: 33px;
}
.card.bg-primary, .card .card-header-primary .card-icon, .card .card-header-primary .card-text, .card .card-header-primary:not(.card-header-icon):not(.card-header-text), .card.card-rotate.bg-primary .back, .card.card-rotate.bg-primary .front {
    background: linear-gradient(60deg,#ab47bc,#8e24aa);
}

.card .card-header-primary .card-icon, .card .card-header-primary .card-text, .card .card-header-primary:not(.card-header-icon):not(.card-header-text) {
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(156,39,176,.4);
}
.card [class*=card-header-] .card-icon, .card [class*=card-header-] .card-text {
    border-radius: 3px;
    background-color: #999;
    padding: 15px;
    margin-top: -20px;
    margin-left: 15px;
    float: right;
}
* {
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    -webkit-tap-highlight-color: transparent;
}
html * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.card{
	    border-radius: 6px;
	    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
}
.sidebar-nav-item .with-sub{
	text-decoration:none;
}
 
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.btn, .btn.btn-default {
    color: #33bef2;
    background-color: transparent;
    border: 1px solid #33bef2;
   
}


.btn, .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0;
}

/*
.btn {
    position: relative;
    padding: 12px 30px;
    margin: .3125rem 1px;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.428571;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0;
    cursor: pointer;
    background-color: transparent;
    border: 0;
    border-radius: .2rem;
    transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1);
    will-change: box-shadow,transform;
}
*/
.btn {
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: .46875rem 1rem;
    font-size: 0.8rem;
    line-height: 1;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn.btn-primary {
    color: #fff;
  background-image: linear-gradient(to top, #2979ff 0%, #2979ff 100%);
    box-shadow: 0 2px 2px 0 rgba(156,39,176,.14), 0 3px 1px -2px rgba(156,39,176,.2), 0 1px 5px 0 rgba(156,39,176,.12);
}
.btn.btn-primary:active,.btn.btn-primary:focus,.btn.btn-primary:hover{
	box-shadow:0 14px 26px -12px rgba(156,39,176,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(156,39,176,.2)
	}
	
	.btn.btn-primary.focus,.btn.btn-primary:focus,.btn.btn-primary:hover{color:#fff;
	
	 background-image: linear-gradient(to top, #9124a3 0%, #9124a3 100%);
	outline:0;
	 }
	
	
	
   .modal .modal-header {
 
     border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;	
	
	     background-image:linear-gradient(60deg,#00aeef,#2979ff);
	}
	
	   .modal .modal-footer {
 
     border-top-right-radius: 0;
    border-top-left-radius: 0;	}
 
    .modal .modal-header > *{
		color:#fff;
	}
	
	.modal-content .modal-footer .btn, .modal-content .modal-footer .custom-file-control::before {
    margin: 0;
    padding: 12px;
    opacity: 1;
}
 .select2-container--default .select2-selection--single
 {
	 border-right:0;
	 border-top:0;
	 border-left:0;
 }
 
 .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
 
    font-size: 12px;
	 
}
::placeholder{
	 color:#999!important;
	 font-size: 12px!important;
}
.table th, .table td {
    padding: 0.15rem;
    vertical-align: middle;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.table-striped tbody tr:nth-of-type(odd) {
     background-color: #fff; 
	     vertical-align: middle;
    border-color: #ddd;

}
.table-striped tbody tr:nth-of-type(even) {
      background-color: #f9f9f9;  
	      vertical-align: middle;
    border-color: #ddd;

}
.table-striped tbody tr:hover{background-color:#f5f5f5}
 
.btn.btn-just-icon{font-size:20px;padding:12px;line-height:1em;color:#343a40}
.btn-just-icon{padding:0;border:0px;}

.btn.btn-just-icon{
    background-color: transparent;
 
    box-shadow: none;
}
.btn-icon > div {
width:22px;
height:22px;
}
.btn-just-icon > div  i{
	color:#5b68b0;
}

.btn-just-icon > div:hover i{
	color:#00aeef;
}
table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {
      color: #414042;
 
		   
	
}

table.dataTable thead > tr >td{
		border:1px solid #ededed;
}

table.dataTable thead > tr{
	border:1px solid #ededed;
	/*box-shadow: 0 2px 12px rgba(0,0,0,.5);
	  background-color:#f2f4f6;
	line-height:34px;
	*/
     box-shadow: 0px 1px 4px 0px rgba(0,0,0,.45);
    background-color: #dee2e6;
    line-height: 28px;

}
 table.dataTable tfoot > tr{
	border:1px solid #ededed;
	background:#f8f8f8;
	line-height:34px;
 

}
table.dataTable tbody > tr{
	border:1px solid (0,0,0,0);
	box-shadow: 0 2px 2px rgba(0,0,0,.5);
}

 

 
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    /* background-color: #00aeef; */
    /* border-color: #00aeef; */
    background-color: #33bef2;
 
    border: 1px solid #33bef2;
    cursor: pointer;
	/*	box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(156,39,176,.4);*/

}
.btn-default:not(:disabled):not(.disabled):hover, .btn-default:not(:disabled):not(.disabled).active:hover  {
	background-color: #00aeef;
	 border: 1px solid #00aeef;
box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(0,174,239,.4);
}	
.btn-outline-primary:not(:disabled):not(.disabled):hover, .btn-outline-primary:not(:disabled):not(.disabled).active:hover  {
	background-color: #00aeef;
	 border: 1px solid #00aeef;
box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(0,174,239,.4);
}	

 



 

 
 .home_action{
		color:#00aeef;
	   border-collapse: separate;
    -webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  background-image:linear-gradient(60deg,#fff,#fff);
  border:1px solid rgba(0,0,0,0.12);
   box-shadow:none;
   border-radius:0;
     align-items: center;
    justify-content: center;
	text-align: center;
	padding:8px;
 
  }
 .home_action   i{
		color:#0bade4;
		font-size: 48px;

	  

		
 }
  .home_action   i.fa{
 
 
		padding-top:12px;
		margin-bottom:12px
	  

		
 }
 .home_action h1,.home_action span  {
		color:#414042;
		font-weight: 400;
		font-size: 12px;
    
 
 }
 
 


 .home_action:hover {
	    
    background-image:linear-gradient(60deg,#00aeef,#00aeef);
   cursor:pointer;
   box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(76,175,80,.4);
   border-color:#00aeef;
}


 .home_action:hover h1,.home_action:hover   i {
	 color:#fff;
 }
 .home_action:nth-of-type(odd) {
 /*  margin-bottom:4px;*/
  
} 

.home_action:nth-of-type(even) {
   /*  margin-bottom:4px;
	 margin-left:4px;
	 */
		 
}

.btn40{
   /* margin-top: -38px;
    margin-left: 15px;
    padding: 15px;
     */
}
 .btn40{
/*	box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(156,39,176,.4);*/
    border: 1px solid rgba(65,64,66,.6);
    color:  rgba(65,64,66,.6);
}
 .btn40:hover,  .btn40:active{
	background:#fff;
color: rgba(65,64,66,1);
border: 1px solid rgba(65,64,66,1);
 }
#timer{
	color:#fff;
	font-size:22px;
}
.slim-footer img{
	height:50px;
	     -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
 -webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
}
 .slim-footer:hover img{
 	     -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);

}

.dataTables_filter > label > input{
	font-size:12px!important;
}

.dataTables_filter:after {
    content: '\f002';
    font-family: 'FontAwesome';
  
    position: absolute;
    opacity: 1;
    font-size: 18px;
    color: rgba(65,64,66,.3);
}
.dataTables_length > select{
	padding:2px 8px!important;
	width:60px;
}
.select2-dropdown{
	min-width:100px!important;
}
.select2-selection__rendered{
	min-width:60px!important;
}
.card-invoice {
	    color: #868ba1;
}
.order img{
	    border-radius: 0%;
}
.order{
	    padding: 25px 0 0 0;
		border-radius:0px;
}
.checkout{
margin-top: 0px;
 margin-bottom: 0px;   
}	
.checkout2 {
    padding: 25px 25px 12px 25px;
	border-radius:0px;
}
.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

.card-profile-position {
 
    line-height: 2;
    justify-items: center;
    display: flex;
    align-items: center;
}
.card-profile-position i{
padding-left: 10px;
}

.card-profile img {
   width: 200px;
  
}
.checkout i{
padding-left:12px;	
}
 .subposition{
	color:#b2b6b7;
	line-height: 1.5;
    font-size: 12px;
}
@media (max-width: 767px) {
  .hidden_mobile {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .only_mobile {
    display: none !important;
  }
}
 
 .card-connection .cost {
    font-size: 40px;
    font-family: "Lato", "Helvetica Neue", Arial, sans-serif;
    text-align: center;
}


.mada  {
 max-width:100%;
 padding: 0.5rem;
 
 }
 .card .card-header {
    /* padding: 1rem; */
	padding: 0.4rem;
	  border-bottom: 1px solid #dee2e6;
 }
 
 .card-title {
 
    margin: 12px;
 }
 .post-wrapper {
    padding: 25px;
    background-color: #f8f9fa;
}
   .checkout{
	     padding: 8px;
		border-radius:0px;
   }
   
   .btn-pay{
	       border-radius: 0px;
    line-height: 2 ;
	
    margin: 12px;
	    border: 1px solid #04b3e5;
    min-height: 40px;
    border-radius: 6px;
    background-image: linear-gradient(to top, #00aeef 0%, #00aeef 100%);
    background-repeat: repeat-x;
    padding: 10px 35px;
   }
   
   .pay_card h5{
	   font-size:13px;
   }
   .loader-cont{
	height: 6px;
  width: 100%;   
   }
   .loader {
  height: 4px;
  width: 100%;
  position: relative;
  overflow: hidden;
  background-color: #ddd;
  opacity:0;
}
.loader:before{
  display: block;
  position: absolute;
  content: "";
  left: -200px;
  width: 200px;
  height: 4px;
  background-color: #2980b9;
  animation: loading 2s linear infinite;
}

@keyframes loading {
    from {left: -200px; width: 30%;}
    50% {width: 30%;}
    70% {width: 70%;}
    80% { left: 50%;}
    95% {left: 120%;}
    to {left: 100%;}
}