body{font-size:.85rem !important;}



/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}

.preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #0880e8;
  border-top-color: #bfe0fd;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media (max-width:767.98px) {
.topbar .top-navbar .navbar-header .navbar-brand img{max-width:300px !important;}
}

.logo-text{font-size:1.5rem;color:#ED785B}

table thead tr th a,table thead tr th a i{color:#fff !important;}

.inner-addon { 
    position: relative; 
}

/* style icon */
.inner-addon i {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}

/* align icon */
.left-addon i  { left:  0px;color: #1e88e5 !important;}
.right-addon i { right: 0px;color: #1e88e5 !important;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

.select2-container .select2-selection--single {
    border-radius: 4px !important;
	height:35px !important;
	line-height:35px !important;
}

.select2-container--classic .select2-selection--single, .select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow, .select2-container--default .select2-selection--single .select2-selection__rendered {
    border-color: #1e88e5 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #1e88e5 transparent transparent transparent !important;
}

.sol-inner-container {
    height: 35px !important;
    line-height: 35px !important;
    border: 1px solid #1e88e5 !important;
}
.page-titles .text-themecolor, .breadcrumb a {color:#1e88e5 !important;	}

.border-info{border-color:#1e88e5 !important;}

.bg-info{background-color:#1e88e5 !important;}

.btn-info{background-color:#1e88e5 !important;border-color:#1e88e5 !important;}

.text-info{color:#1e88e5 !important;}

.bg-light-blue{background-color:#C6DFEF;}

#main-wrapper[data-layout=horizontal] .topbar .navbar-collapse[data-navbarbg=skin2], #main-wrapper[data-layout=horizontal] .topbar[data-navbarbg=skin2], #main-wrapper[data-layout=vertical] .topbar .navbar-collapse[data-navbarbg=skin2], #main-wrapper[data-layout=vertical] .topbar[data-navbarbg=skin2] {
	background:#1e88e5 !important;
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin2], #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin2] ul, #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin2], #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin2] ul {
	background:#1e88e5 !important;
}

#main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header[data-logobg=skin6], #main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header[data-logobg=skin6] {
	background:#1e88e5 !important;
}

.sidebar-nav ul .sidebar-item .sidebar-link{font-size:13.5px !important;padding:10px 5px !important;opacity: 1 !important;}

.sidebar-nav ul .sidebar-item.selected>.sidebar-link {
    background-color: white !important;
	color:#1e88e5 !important;
}

.sidebar-nav ul .sidebar-item.selected>.sidebar-link i {
	color:#1e88e5 !important;
}

.footer-center {
  margin: 0 auto !important;
  text-align: center;
  font-size: 12px;
}
.footer{padding:8px !important; color:#fff !important;border-top:1px solid #fff;background: #1e88e5;}

.footer a:hover{color:#fff !important;}

.desktop-footer,.mobile-footer{font-size:12.5px !important;}

@media screen and (max-width: 567px) {
  .mobile-footer{display:block !important;}
  .desktop-footer{display:none !important;}
  }
  
  @media screen and (min-width: 568px) {
  .mobile-footer{display:none !important;}
  .desktop-footer{display:block !important;}
  }
  
.error{color:#ED785B !important;}

.page-link {
    color: #1e88e5;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #1e88e5;
    border-color: #1e88e5;
}

select.form-control{
    -webkit-appearance: menulist!important;
    -moz-appearance: menulist!important;
    -ms-appearance: menulist!important;
    -o-appearance: menulist!important;
    appearance: menulist!important;
}

.form-control{border-color:#1e88e5;border-radius:4px;}

@media screen and (min-width: 992px) {
.modal-lg{
	max-width:85% !important;
}

.modal-md{
	max-width:45% !important;
}
.scrollable-menu {
	height: auto;
	max-height: 350px;
	overflow-x: hidden;
}

.search-products-list {
	height: auto;
	max-height: 500px;
	overflow-x: hidden;
}
}

@media only screen and (min-width: 1480px) {
	.scrollable-menu {
	height: auto;
	max-height: 550px;
	overflow-x: hidden;
}
}

@media only screen and (min-width: 1480px) {
	.search-products-list {
	height: auto;
	max-height: 650px;
	overflow-x: hidden;
}
}

@media only screen and (min-width: 1900px) {
	.scrollable-menu {
	height: auto;
	max-height: 600px;
	overflow-x: hidden;
}
}
@media only screen and (min-width: 1900px) {
	.search-products-list {
	height: auto;
	max-height: 700px;
	overflow-x: hidden;
}
}
@media only screen and (min-width: 2200px) {
	.scrollable-menu {
	height: auto;
	max-height: 750px;
	overflow-x: hidden;
}
}

@media only screen and (min-width: 2200px) {
	.search-products-list {
	height: auto;
	max-height: 850px;
	overflow-x: hidden;
}
}

 .scrollable-menu::-webkit-scrollbar ,.search-products-list::-webkit-scrollbar {
 -webkit-appearance: none;
 width: 10px;
}
.scrollable-menu::-webkit-scrollbar-thumb,.search-products-list::-webkit-scrollbar-thumb  {
 border-radius: 8px;
 background-color: #0088CC;
 -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .75);
}

.fancybox:hover{cursor:pointer}

.display-table table {
  border-collapse: collapse;
  width: 100%;
}

.display-table table tr th, .display-table table tr td {
  text-align: left;
  padding: 8px;
}

.display-table table tr:nth-child(even){background-color: #f2f2f2}

.table  td a.link{color:#17A2B8;}

.table a.link:hover{color:red !important;}

.atm-block {
	background: #f4f4f4;
	display: block;
	border: 1px dashed #d0d0d0;
	padding: 22px;
	width:115px;
	height:100px;
	font-size: 16px;
	color: #9d9d9d;
	text-align: center;
}

#loader {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background: rgba(255,255,255,0.75) url(../../assets/images/loader.gif) no-repeat center center;
  z-index: 10000;
}

/*.ProductTitle:hover{cursor:pointer;}*/

.hoverImage {
	position:absolute;
	visibility:hidden;
	border:solid 1px #0e8ce4;
	/*padding:5px;*/
	z-index:9999;
	margin-top:-240px !important;
}
.hoverImage:before {
	position: absolute;
	bottom: -7.5px;
	left: 50%;
	content: "";
	width: 0;
	height: 0;
	box-sizing: border-box;
	border-width: 7px;
	border-style: solid;
	border-color: #0e8ce4 #0e8ce4 transparent transparent;
	margin-left: -7px;
	box-shadow: 2px -2px 2px rgba(31, 54, 79, .05);
	z-index: 1020;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
.hyphenate {
  /* Careful, this breaks the word wherever it is without a hyphen */
  overflow-wrap: break-word;
  word-wrap: break-word;

  /* Adds a hyphen where the word breaks */
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.dont-break-out {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}
.m-r-10{margin-right:10px !important;}

.no-cursor{pointer-events: none;}



.animated-button{
    width:150px;
    height:50px;
    background: linear-gradient(to left top, #1E88E5 50%, #7460EE 50%);
    border-style: none;
    color:#fff;
    font-size: 20px;
    letter-spacing: 3px;
    font-family: 'Lato';
    font-weight: 600;
    outline: none;
    cursor: pointer;
    position: relative;
    padding: 0px;
    overflow: hidden;
    transition: all .5s;
    box-shadow: 0px 1px 2px rgba(0,0,0,.2);
	
}
.animated-button span{
    position: absolute;
    display: block;
}
.animated-button span:nth-child(1){
    height: 3px;
    width:150px;
    top:0px;
    left:-200px;
    background: linear-gradient(to right, rgba(0,0,0,0), #f6e58d);
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
    animation: span1 2s linear infinite;
    animation-delay: 1s;
}

a.disabled {
  pointer-events: none;
  cursor: default;
}

.card{margin-bottom:15px !important;}

.card-data {
    padding:1rem 1.25rem 0.5rem 1.25rem !important;
}

.card-fullscreen {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 99 !important;
  overflow: auto; }
  
.card-actions a i:hover{color:#000 !important;}
 
/*.card-body {
    flex: 1 1 auto;
    padding: 1.57rem 1.57rem;
}*/

hr {
    margin: 0.75rem 0;
}

.m-r-10{margin-right:10px !important;}

.width-40{width:40% !important;}

.width-60{width:60% !important;}

.after_capture_frame{width:250px !important;}

@media only screen and (max-width: 767px) {
.pre_capture_frame{margin-left:-50px;margin-bottom:10px;} 
}

@media only screen and (min-width: 992px) {
.permission_page_name{font-size:.9rem} 
}


@media only screen and (max-width: 768px) and (max-width: 991px) {
.permission_page_name{font-size:.85rem} 
}



@media only screen and (max-width: 481px) and (max-width: 767px) {
.permission_page_name{font-size:.75rem} 
}

@media only screen and (max-width: 480px) {
.permission_page_name{font-size:.7rem} 
}

@media only screen and (max-width: 567px) {
.card-actions{display:inline-block;} 
}