html, body {
	font-size: 13px !important;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
} 
.brand-color{
	color: #0E97AD;
} 

.kv-file-upload {
	display: none !important;
}
 
/*table.dataTable > thead > tr > th:not(.sorting_disabled), table.dataTable > thead > tr > td:not(.sorting_disabled) {
	padding-right: 155px !important;
}*/
.login-1  .form-group .input-icon {
	position: absolute;
	right: 0;
	top: 0;
	width: 45px;
	height: 100%;
	color: #fff;
	text-align: center;
	display: flex;
	align-items: center; 
			justify-content: center;
	background: #f3f6f9;
}  

.theme-color {
	color: #ff4c00;
}
.site-confi-tbl td {
	word-break: break-all;
	min-width: 100px;
}
.login-1 .form-group .password-eye {
	position: absolute;
	right: 16%;
	top: 0;
	height: 100%;
	display: flex;
	align-items: center;
} 
.login-1t .form-group .password-eye i  {

	color: #747775;
	font-size: 18px;
}
.login-1 .form-group .input-icon i {

	color: #FF4C00;
text-align: center;
font-size: 24px;
}
.login-1.form-group input.form-control:focus{

		background: #F1F3F6;
}
.login-1 .forgot-text{
color: #FF4C00;
text-decoration-line: underline;
font-size: 18px;
margin-top: 10px;
display: block;
}
.login-1 .forgot-text:hover{
text-decoration-line: underline !important;
}
.login-1 .login-btn{
background: #FF4C00;
box-shadow: 0px 8px 12px rgba(14, 151, 173, 0.3); 
font-size: 18px;
color: #fff;
width: 100%;
font-weight: 600;
} 

.aside-menu {
	background-color: #140900;
}
.aside-menu .menu-nav > .menu-item > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item > .menu-link .menu-text {
	color: #fff;
}  
body {
	background: #F1F3F6;
}
.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading, .aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link {
	background: rgba(248, 248, 248, 0.1);
} 

.aside-menu .menu-nav > .menu-item.menu-item-open > .menu-heading, .aside-menu .menu-nav > .menu-item.menu-item-open > .menu-link {
	background-color: rgba(248, 248, 248, 0.1);
} 
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-text {
	color: #fff;
} 
.brand .btn .svg-icon svg g [fill] {
	transition: fill 0.3s ease;
	fill: #fff;
}
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-heading, .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link {
	display: flex;
align-items: center;
	background: rgba(248, 248, 248, 0.1);
} 
.aside-menu .menu-nav > .menu-item > .menu-link i {
	color: #ff4c00;
	font-size: 23px;
	min-width: 30px;
} 

.aside-menu .menu-nav > .menu-item > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item > .menu-link .menu-text {
	margin-left: 10px;
}
.brand {
	background-color: #FF4C00;
	box-shadow: none;
} 

.aside {
	background-color: #140900;
}
/*.card.card-custom > .card-header .card-title, .card.card-custom > .card-header .card-title .card-label {
	
	
	color: #FF4C00;
}*/ 

.card.card-custom {
	box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.05);
	border-radius: 12px;
}
p{
font-size: 16px;
line-height: 19px;
color: #9C9C9C;
}
 #carousel1_indicator {
	padding-bottom: 50px;
}  


.w-30 {
	width: 30% !important;
}

.carousel-indicators li {
	
	width: 15px;
	height: 15px;
	
	background-color: #FF4C00;
	background-clip: padding-box;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	opacity: 0.5;
	
	border-radius: 50%;
} 
.file-preview {
   
    display: inline-block;
}
.file-drop-zone{
display: flex;
}

.btn.btn-primary {
	color: #FFFFFF;
	background-color: #FF4C00;
	border-color: #FF4C00;
} 
.btn.btn-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-primary:focus:not(.btn-text), .btn.btn-primary.focus:not(.btn-text) {
	color: #FFFFFF;
	background-color: #D74406;
	border-color: #D74406;
} 
.dataTables_wrapper .dataTables_paginate .pagination .page-item.active > .page-link {
	transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
	background-color: #FF4C00;
	color: #ffffff;
} 
.dataTables_wrapper .dataTables_paginate .pagination .page-item:hover:not(.disabled) > .page-link {
	transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
	/*background-color: #078088;*/
	background-color: #D74406;
	color: #ffffff;
} 
.dataTables_wrapper .dataTable th.sorting_desc, .dataTables_wrapper .dataTable td.sorting_desc {
    color: #181C32 !important;
} 

.dataTables_length select {
	width: auto;
	margin: 0 10px;
}
.dataTables_filter label {
	display: flex;
	align-items: center;
}
.aside-menu .menu-nav > .menu-item > .menu-link {
	
	align-items: center;
} 
.btn.btn-hover-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-primary:focus:not(.btn-text), .btn.btn-hover-primary.focus:not(.btn-text) {
	color: #FFFFFF !important;
	background-color: #FF4C00 !important;
	border-color: #FF4C00 !important;
}
.dataTables_filter label input{

	width: auto; 
	margin-left: 10px;
} 
.dataTables_filter{
	float: right;
}  

.symbol-label img{
	width: 100%;
	height: 100%;
}
.pagination {


	justify-content: flex-end;
} 
form .show-password {
	color: #FF4C00;
	font-size: 18px;
	cursor: pointer;
} 
.iti.iti--allow-dropdown.iti--separate-dial-code {
	width: 100%;
}
.table  i{
	color: #FF4C00;
} 

.table  i:hover{
	/*color: #108598;*/
	color: #D74406;
} 


.site-alert {
    position: absolute;
    right: 2%;
    top: 1%;
    z-index: 9999;
}

.login.login-1 .login-aside {
	max-width: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	align-items: center;
	align-content: center;
	justify-content: center;
}
 
.login.login-1 .login-aside, .login.login-1 .login-content { 
	max-width: 50%;
	width: 50%;
	
} 
.login-1 .form-group input{
	background-image: none;
	
}
form#changepassword_form .show-password, form#user_form .show-password {
	color: #FF4C00;
	font-size: 18px;
	cursor: pointer;
	right: 5%;
	top: 30%;
	position: absolute;
}
.for-action{
	min-width: 225px;
} 
.kt-form__help {
				color: red !important;
			}
			.checkbox {
				display: inline-flex;
			}
		    .file-drop-zone-title{
		        display: none;
		    }
		    .fileinput-remove{
		        display: none;
		    }
		    /*.file-footer-buttons{
		        display: none;
		    }*/
		    .kv-file-upload {
		    	display: none;
		    }
		    .intl-tel-input.allow-dropdown.separate-dial-code{ 
				width:100%;
			}
			/*.label.label-light-success {
			    color: #ffffff;
			    background-color: #FF4C00;
			}*/
			#pageloader {
			  background: rgba( 255, 255, 255, 0.8 );
			  display: none;
			  height: 100%;
			  position: fixed;
			  width: 100%;
			  z-index: 9999;
			}

			#pageloader img
			{
			  left: 40%;
			  position: absolute;
			  top: 30%;
			} 



.viewport-box {
	display: none;
}

/*.dataTables_wrapper .row:first-child{

}*/
/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) {  
    
}

 
/* Set width to make card deck cards 100% width */
@media (max-width: 950px) { 
 
} 

/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) { 
 
} 
@media (max-width: 809px) { 
.desktop-view {
	display: none !important;
}  

.viewport-box {
display: flex;
width: 100vw;
height: 100vh;
background-size: cover; 
justify-content: center;
align-items: center;
} 
.viewport-text {
	padding: 0 20px;
}

}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (max-width: 768px) {  
 .login.login-1 .login-aside, .login.login-1 .login-content { 
	max-width: 50%;
	width: 50%;
	
}

.login-aside img.site-logo{
height: 75px;
}
} 

@media (max-width: 767px) {
.login.login-1 .login-aside, .login.login-1 .login-content { 
	max-width: 100%;
	width: 100%;
	
}
.login-aside img.site-logo{
height: 75px;
}

}
  
@media (max-width: 576px) {  
 .viewport-box .view-port-logo  img{
width: 50%;
}
}
