@font-face {
    font-family: 'segoe-ui';
    src: url('../fonts/segoeui/segoeui.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'segoe-ui';
    src: url('../fonts/segoeui/segoeuib.ttf');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'segoe-ui';
    src: url('../fonts/segoeui/seguisb.ttf');
    font-weight: 500;
    font-style: normal;
}

*{
	font-family: 'segoe-ui';
	background-repeat: no-repeat;
}

.container-fluid{
	background-repeat: no-repeat; 
	background-size: cover; 
}

#large-logo-container img{
	max-width: 140px;
}

div#large-logo-container {
    margin: 0 0 60px 0;
}

.container-fluid.login-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	min-height:100%;
}

div#main-login-form-container {
    width: 100%;
    max-width: 500px;
}

#login-form-container{
	background-color: rgba(0,0,0,0);
	border: none;
}

div#login-form-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    overflow: hidden;
}

form#login-form {
	position:relative;
	margin-left:0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

form#login-form.toggled {
	margin-left:-100%;
}

form#login-form,div#operator-select-container {
    flex: 0 0 100%;
    padding: 20px;
    max-width: 100%;
}

#login-form-container label {
    font-weight: bold;
    color: rgba(0,0,0,0.8);
    font-size: 0.9rem;
}

#login-form-container input,
#login-form-container select
{
	box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
	border: none;
	height: 45px;
	border-radius: 5px;
}

.auth-buttons {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.auth-buttons.disabled,#login-button.disabled {
	opacity:0.6;
	pointer-events:none;
	cursor: not-allowed;
}

#login-button {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

#login-button, #authButtons > a {
	margin-top: 4px;
	width: 100%;
	padding: 0.7rem 0;
	font-weight: bold;
	font-size: 0.9rem;

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2964a8+0,13355b+100 */
	background: #2964a8; /* Old browsers */
	background: -moz-linear-gradient(top,  #2964a8 0%, #13355b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #2964a8 0%,#13355b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #2964a8 0%,#13355b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2964a8', endColorstr='#13355b',GradientType=0 ); /* IE6-9 */
}

.login-buttons-row {
	border-top: 1px dotted #777;
	margin-top: 1.9rem;
	padding-top: 10px;
}

.login-buttons-row a{
	font-size: 0.75rem;
	color: #777;
	font-style: italic;
	padding: 0.6rem 0px;
}

#login-footer-container{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	padding-bottom: 15px;
	font-size: 0.5rem;
	letter-spacing: .125rem;
}

#topbar-calendar{
	font-weight: 600;
	font-size: 0.8rem;
	color: #9F9F9F;
	padding: 4px 30px;
	margin-left: 5px;
	border-left: 1px solid #d8d8d8; 
}

#topbar-calendar .far{
	font-weight: 400;
	font-size: 1.2rem;
	margin-right: 0.7rem;
	position: relative;
	top: 1px;
}

.dropdown-toggle.profile{
	font-weight: 600;
	color: #225A9A !important;
	padding: 1rem 1rem;
	padding-right: 2.8rem !important;
	height: 78px;
}
.dropdown-toggle.profile .fas{
	font-size: 1.1rem;
	position: relative;
	top: 1px;
}

.nav-item.button{
	border-left:1px solid #8e8e8e80; 
	/*padding: 1rem 1rem;*/
}

.nav-item.button .nav-link{
	padding: 1.6rem 1.8rem;
	font-size: 1.1rem;
}

.nav-item.button .dropdown button{
	width: 78px;
	height: 79px;
	padding: 1.6rem 1.8rem;
	font-size: 1.1rem;
	color: rgba(0, 0, 0, 0.5);	
}
.nav-item.button .dropdown button:hover{
	color: rgba(0, 0, 0, 0.8);	
}
.nav-item.button .dropdown button:focus{
	color: #1F5593;	
}

.nav-item.button .dropdown .dropdown-toggle::after{
	content: unset;
}

#app > .navbar{
	padding: 0;
}

html, body {
    width: 100%;
	height:100%;
}
body {
    overflow-x: hidden;
}

#news_notifications .card{
	background-color: rgba(0,0,0,0);
	color: #FFF;
}

#news_notifications .card-header{
	background-color: rgba(0,0,0,0);
}
#news_notifications .card-header h3{
	float: left;
	font-weight: bold;
}
#news_notifications .card-header hr{
	border: 1px solid #FFF;
	border-bottom: unset;
	float: right;
	width: 100%;
}

#news_notifications .news-cards-container{
	font-weight: bold;
}
#news_notifications .news-cards-container .swiper-slide{
	padding: 0.8rem; 
}
#news_notifications .news-cards-container .swiper-slide p{
	color: #FFF;
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 1px;
}
#news_notifications .news-cards-container .swiper-slide a{
	color: #03CBFF;
}
#news_notifications .news-cards-container .swiper-slide a:hover{
	color: #03CBFF;
	text-decoration: none;
}
#news_notifications .news-cards-container .swiper-slide a .fas{
	margin-left: 6px;
	position: relative;
	top: 2px;
}

#menu-tabs .menu-tab{
	padding:15px;
}

.menu-tab-inner {
	background-color: #FFF;
	border-radius: 10px;
	min-height: 280px;
	color: rgb(19, 58, 103);
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
}

div#dashBoardMain .blue-fullwidth-bg {
    padding: 0 !important;
}

div#dashBoardMain .ad-container .container-fluid {
    padding: 0 !important;
}

div#dashBoardMain .adv-inner-wrapper {
	padding:0 !important;
}

.container-fluid.dash-pages-container {
    max-width: 1400px;
    padding-top: 60px;
}

section#menu-tabs {
    margin-top: 40px;
}

div#dashBoardMain .swiper-pagination.advert {
    margin-bottom: -10px;
}

div#dashBoardMain .advertisement {
	margin-left:0px !important;
	margin-right:0px !important;
}
	
#menu-tabs .menu-tab .fas{
	font-size: 3rem;
}
#menu-tabs .menu-tab h4{
	font-weight: 700;
	margin-top: 1.5rem; 
	margin-bottom: 1.5rem; 
	font-size: 1.6rem;
}

.btn-outline-secondary.pill{
	padding: 0.6rem 4rem;
	border-radius: 300px;
	letter-spacing: 1.8px;
	font-size: 0.8rem;
	border-color: #CCC;
}

.footer-text{
	color: #9F9F9F;
	margin-bottom: 0.2rem;
	font-size: 0.8rem;
}

#profile-dropdown {
    top: 5rem;
    box-shadow: 0 2px 10px rgba(0,0,0,0.3);
    border: unset;
    padding: 0;
    margin: 0;
    align-items: center;
    justify-content: center;
}

#profile-dropdown #arrow {
    position: absolute;
    top: -13px;
    right: 100px;
}

#notifications-dropdown{
	top: 5.1rem;
	box-shadow: 0 2px 10px rgba(0,0,0,0.3);
	width: 460px;
	right: -142px;
	border-radius: 7px;
	border: unset;
}
#notifications-dropdown #arrow{
	position: absolute;
    top: -12px;
    left: 270px;
}
#notifications-dropdown .unread-dot{
	width: 10px;
	height: 10px;
	background-color: #03CBFF;
	border-radius: 10px;
	margin-right: 22px;
}
#notifications-dropdown .media{
    border-bottom: 2px solid #EEE;
    padding-bottom: 1rem;
    padding-top: 1rem;
    cursor: pointer;
}
#notifications-dropdown .media:last-child{
    border-bottom: unset;
}
#notifications-dropdown .media:hover{
	background-color: #F5F5F5;
}
#notifications-dropdown .media-body h5{
	font-size: 0.9rem;
	margin-bottom: 1px;
}
#notifications-dropdown .media-body p{
	color: #1F5593;
	font-size: 1rem;
	font-weight: bold;
	margin: 0;
}

/*Animation*/
@media (min-width: 992px) {
  .animate {
    animation-duration: 0.25s;
    -webkit-animation-duration: 0.25s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }
}
@keyframes slideIn {
  0% {
  	margin-top: -25px;
    transform: scale(0.92, 0.92);
    filter: blur(5px);
    opacity: 0.5;
  }
  80% {
  	margin-top: 12px;
    transform: scale(1, 1);
    filter: blur(1px);
    opacity: 1;
  }
  100% {
  	margin-top: 10px;
    transform: scale(1, 1);
    filter: blur(0px);
    opacity: 1;
  }
  0% {
  	margin-top: -25px;
    transform: scale(0.92, 0.92);
    filter: blur(5px);
    opacity: 0.5;
  }
}
.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}
/*Animation*/

#under_topbar{
	height: 55px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2964a8+0,13355b+100 */
	background: #2964a8; /* Old browsers */
	background: -moz-linear-gradient(top,  #2964a8 0%, #13355b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #2964a8 0%,#13355b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #2964a8 0%,#13355b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2964a8', endColorstr='#13355b',GradientType=0 ); /* IE6-9 */

	margin-top: 79px;
	z-index: 1000;
}

#under_topbar .list-group{
	height: 100%;
}
#under_topbar .list-group a{
	border-radius: 300px;
}
#under_topbar .list-group a:hover{
	background-color: rgba(0,0,0,0.3);
}
#under_topbar .list-group a.active{
	background-color: #FFF;
	color: #235793 !important;
	box-shadow: 0 0 1.5px 1.3px rgba(0,0,0,1) inset;
}
#under_topbar .list-group a.active .list-group-item{
	color: #235793;
}
#under_topbar .list-group-horizontal a:hover{
	text-decoration: unset;
}
#under_topbar .list-group .list-group-item{
	background-color: rgba(0,0,0,0);
	color: #FFF;
	height: 100%;
	font-weight: bold;
	font-size: 0.8rem;
	padding: 9px 38px;
	border: unset;
}
#under_topbar .list-group .list-group-item .fas{
	font-size: 1rem;
	margin-right: 0.8rem;
	position: relative;
	top: 1px;
}

#sidebar-container{
	background-color: #FFF;
	min-height: 88vh;
	height: 100%;
	box-shadow: 2px 0px 15px rgba(0,0,0,0.10);
	max-width: 280px;
	float: left;
	padding-left: 15px;
	position: relative;
	z-index: 0010;
	overflow: hidden; 
}
#sidebar-container #inner-page-sidebar{
  /*position: -webkit-sticky;*/
  /*position: sticky;*/
  /*top: 135px;*/
}
#sidebar-container .list-group-item{
	background-color: rgba(0,0,0,0);
}

#sidebar-container .sidebar-button:hover{
	background-color: #F3F3F3;
	text-decoration: unset;
}
#sidebar-container .sidebar-button:active{
	background-color: #E9E9E9;
	text-decoration: unset;
}
#sidebar-container .sidebar-button:hover a{
	text-decoration: unset;
}

#sidebar-container .sidebar-button.active{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2964a8+0,13355b+100 */
	background: #2964a8; /* Old browsers */
	background: -moz-linear-gradient(top,  #2964a8 0%, #13355b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #2964a8 0%,#13355b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #2964a8 0%,#13355b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2964a8', endColorstr='#13355b',GradientType=0 ); /* IE6-9 */
}
#sidebar-container .sidebar-button.active .menu-title{
	color: #FFF;
}

#sidebar-container .list-group li.list-group-item.listgroup-sidebar-heading {
    border-bottom: solid 1px rgba(0,0,0,0.1);
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

#create-button{
	background-color: #1F5593;
	border-radius: 300px;
	font-size: 0.8rem;
	padding: 1rem 1.8rem;
	font-weight: 600;
	width: 240px;
	transition: width 0.5s;
}
#sidebar-wrapper.rk-collapsed #create-button{
	padding: 0.9rem 1.1rem;
}
#create-button:hover{
	background-color: #173b65;
}


/*______________________________________*/
/*______________________________________*/

/*SIDEBAR EXPAND COLLAPSE STATES*/
/*______________________________________*/

#sidebar-wrapper{
	margin-top: -1px;
    transition: all 0.65s cubic-bezier(0.285, 1.160, 0.560, 1.035);
}
#content-wrapper{
	margin-left: 17px;
    transition: all 0.65s cubic-bezier(0.285, 1.160, 0.560, 1.035);
}
#sidebar-wrapper.rk-collapsed{
	max-width: 80px !important;
	width: 80px !important;
	overflow: hidden;
	box-shadow: 2px 0px 15px rgba(0,0,0,0.10);
}
#content-wrapper.rk-collapsed{
	width: calc(97% - 80px) !important;
}

#sidebar-wrapper.rk-expanded {
    max-width: 280px !important;
    width: 280px !important;
    border-right: solid 1px #fff;
}

#content-wrapper.rk-expanded{
	width: calc(100% - 280px) !important;
	margin-left:0;
}

#sidebar-wrapper.rk-collapsed .sidebar-item .collapsed-content{
	display: block;
}
#sidebar-wrapper.rk-collapsed .sidebar-item .expanded-content{
	display: none;
}

#sidebar-wrapper.rk-expanded .sidebar-item .collapsed-content{
	display: none;
}
#sidebar-wrapper.rk-expanded .sidebar-item .expanded-content{
	display: block;
	white-space: normal;
}
@media screen and (max-width: 1400px){
	#sidebar-wrapper.rk-expanded{
		max-width: 230px !important;
	}
	#sidebar-wrapper.rk-expanded .list-group-item{
		font-size: 0.75rem !important;
	}
	#sidebar-wrapper.rk-expanded .menu-title{
		font-size: 0.85rem !important;
	}
	#content-wrapper.rk-expanded{
		width: calc(100% - 230px) !important;
	}
	#create-button{
		padding: 1rem 1rem;	
		font-size: 0.75rem;
	}
}



/*______________________________________
|                                       |
|                                       |
|            Custom Buttons        	    |
|               		      	  	    |
|_______________________________________*/
.custom-button-2{
	background-color: #FFF !important;
	border-radius: 300px;
	font-size: 0.8rem;
	padding: 0.8rem 2rem;
	font-weight: 500;
	color: #133A67 !important;
	border-color: #E1E1E1 !important;
}
.custom-button-2 i{
	margin-left: 8px;
	position: relative;
	top: 1px;
}
.custom-button-2:hover{
	background-color: #f9f9f9 !important;
}

.custom-button-3{
	background-color: rgba(0,0,0,0) !important;
	border-radius: 5px !important;
	font-size: 0.8rem;
	padding: 0.7rem 2rem 0.6rem;
	font-weight: 500;
	color: #A1C5EE !important;
	border: 1px solid #A1C5EE;
}
.custom-button-3 i{
	margin-left: 8px;
	position: relative;
	top: 1px;
}
.custom-button-3:hover{
	background-color: rgba(255,255,255,0.03) !important;
	text-decoration: unset;
}
.custom-button-3:active{
	background-color: rgba(255,255,255,0.00) !important;
	text-decoration: unset;
}

.custom-button-4{
	background-color: #1D5799 !important;
	border-radius: 5px !important;
	font-size: 0.8rem;
	padding: 0.7rem 2rem 0.6rem;
	font-weight: 500;
	color: #FFF !important;
	border: 1px solid #A1C5EE;
}
.custom-button-4.pill{
	border-radius: 100px !important;
	padding: 0.5rem 3rem;
}
.custom-button-4 i{
	margin-left: 8px;
	position: relative;
	top: 1px;
}
.custom-button-4:hover{
	background-color: #1D57B8 !important;
	text-decoration: unset;
}
.custom-button-4:active{
	background-color: #1D5799 !important;
	text-decoration: unset;
}
.custom-button-4.hollow{
	background-color: rgba(0,0,0,0) !important;
	border-radius: 5px !important;
	font-size: 0.8rem;
	padding: 0.7rem 2rem 0.6rem;
	font-weight: 500;
	color: #1D5799 !important;
	border: 1px solid #1D5799;
}
.custom-button-4.hollow.no-border{
	border: unset;
	padding: 0.7rem 1rem 0.6rem;
}
.custom-button-4.hollow.grey{
	border-color: #707070;
	color: #9F9F9F !important;
	padding: 0.7rem 1rem 0.6rem;
}
.custom-button-4.hollow i{
	margin-left: 8px;
	position: relative;
	top: 1px;
}
.custom-button-4.hollow.pill{
	border-radius: 50px !important;
}
.custom-button-4.hollow:hover{
	background-color: rgba(0,0,0,0.020) !important;
	text-decoration: unset;
}
.custom-button-4.hollow:active{
	background-color:  rgba(0,0,0,0.040) !important;
	text-decoration: unset;
}

.custom-button-5{
	background-color: #A1C5EE !important;
	border-radius: 5px !important;
	font-size: 0.8rem;
	padding: 0.7rem 2rem 0.6rem;
	font-weight: 500;
	color: #FFF !important;
	border: 1px solid #A1C5EE;
}
.custom-button-4.collapsible{
	padding: 0rem 2rem 0rem !important;
	display: block !important;
	float: left !important;
	line-height: 35px !important;
}
.custom-button-5.collapsible{
	padding: 0rem 2rem 0rem !important;
	display: block !important;
	float: left !important;
	line-height: 35px !important;
}
.custom-button-5:hover{
	background-color: #538fd4 !important;
	text-decoration: unset;
}
.custom-button-5:active{
	background-color: #A1C5EE !important;
	text-decoration: unset;
}

.custom-button-6{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2964a8+0,13355b+100 */
	background: #2964a8; /* Old browsers */
	background: -moz-linear-gradient(top,  #2964a8 0%, #13355b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #2964a8 0%,#13355b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #2964a8 0%,#13355b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2964a8', endColorstr='#13355b',GradientType=0 ); /* IE6-9 */

	border-radius: 5px !important;
	font-size: 0.8rem;
	padding: 0.7rem 2rem 0.6rem;
	font-weight: 500;
	color: #FFF !important;
	border: 1px solid #A1C5EE;
}
.custom-button-6:hover{
	background-color: #0ccdff !important;
	text-decoration: unset;
}
.custom-button-6:active{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2964a8+0,13355b+100 */
	background: #0f4582 !important; /* Old browsers */
	background: -moz-linear-gradient(top,  #2964a8 0%, #13355b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #2964a8 0%,#13355b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #2964a8 0%,#13355b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2964a8', endColorstr='#13355b',GradientType=0 ); /* IE6-9 */

	text-decoration: unset;
}


.custom-button-7{
	background-color: #1F5593 !important;
	border-radius: 300px;
	font-size: 0.72rem;
	padding: 0.8rem 2rem;
	font-weight: 500;
	color: #FFF !important;
	border-color: #FFF !important;
	letter-spacing: 0.5px;
}
.custom-button-7 i{
	margin-left: 8px;
	position: relative;
	top: 1px;
}
.custom-button-7:hover{
	background-color: #225b9c !important;
}
.custom-button-7:active{
	background-color: #1F5593 !important;
}

.custom-button-10{
    display: block;
    border: 1px solid #6D6D6D;
    text-align: center;
    border-radius: 30px;
    color: #6D6D6D;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: #FFF;
    max-width: 150px;
}
.custom-button-10:hover{
	text-decoration: none;
}

.custom-table-1 thead{
	background-color: #FFF;
	border-top: 2px solid #1D5799;
	border-bottom: 1px solid #1D5799;
}
.custom-table-1 thead th{
	border-bottom: unset;
	font-weight: 500;
	color: #133A67;
}
.custom-table-1 tbody td,
.custom-table-1 tbody th{
	border-bottom: 1px solid #dee2e6;
	border-top: unset;
}
.custom-table-1 tbody tr{
	background-color: #F4F4F4;
	border: 1px solid #E1E1E1; 
	border-top: unset;
}
.custom-table-1 tbody tr td{
	color: #6D6D6D;
	padding-top: 18px;
	padding-bottom: 10px;
}
.custom-table-1.text-middle thead th{
	vertical-align: middle;
}

.table-title{
	font-weight: 600;
	color: #1D5799;
}
.custom-table-colors{
}
.custom-table-colors thead tr{
	border: unset;
	border-bottom: 1px solid #1F5593;
}
.custom-table-colors thead th,
.custom-table-colors tbody td{
	border: unset;
}
.custom-table-colors tbody td .fas{
	font-size: 0.9rem;
	color: #9F9F9F;
}
.custom-table-colors tbody tr{
	border: unset;
	background-color: #F4F4F4;
}
tbody td .has-comment{
	color: #9f9f9f;
	font-size: 1rem;
}
tbody td .has-comment:hover{
	color: #03CBFF;
}
.custom-card-1.bg-none{
	background-color: rgba(0,0,0,0);
}
.custom-card-1 tbody tr.bottom-row{
	background-color: #133A67;
}
.custom-card-1 tbody tr.bottom-row:hover{
	background-color: #133A67;
}
.custom-card-1 tbody tr.bottom-row th,
.custom-card-1 tbody tr.bottom-row td{
	color: #FFF;
	padding-top: 13px;
	font-weight: 500;	
}

.custom-card-1 tbody tr.top-row{
	background-color: #FFF;
}
.custom-card-1 tbody tr.top-row th,
.custom-card-1 tbody tr.top-row td{
	color: #6D6D6D;
	font-weight: 600;
	line-height: 16px;
}






.custom-table-colors-3{
}
.custom-table-colors-3 thead tr{
	border: unset;
	border-bottom: 1px solid #1F5593;
}
.custom-table-colors-3 thead tr th{
	color: #1F5593;
	font-weight: 600;
	padding-left: 0;
}
.custom-table-colors-3 thead th,
.custom-table-colors-3 tbody td{
	border: unset;
	vertical-align: middle;
}
.custom-table-colors-3 tbody td{
	padding: 10px 5px;
}
.custom-table-colors-3 tbody td .fas{
	font-size: 1rem;
	margin-right: 2px;
}
.custom-table-colors-3 tbody tr{
	border: unset;
	border-bottom: 1px solid #E1E1E1;
}
.custom-table-colors-3 tbody td input{
	max-width: 160px !important;
	float: right;
}
.custom-table-colors-3 tbody td a{
	display: block;
	border: 1px solid #6D6D6D;
	text-align: center;
	border-radius: 30px;
	color: #6D6D6D;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #FFF;
}
.custom-table-colors-3 tbody td a:hover{
	text-decoration: none;
	background-color: #FFF;
}
.custom-table-colors-3 tbody td a:active{
	text-decoration: none;
	background-color: rgba(0,0,0,0);
}





.alternative-codes-container-head,
.alternative-codes-container-body{
	background-color: #ececec !important;
}
.alternative-codes-container-head:hover,
.alternative-codes-container-body:hover{
	background-color: #d0e7ff !important;
}
.alternative-codes-container-head th,
.alternative-codes-container-body td{
	padding-top: 7px !important;
	padding-bottom: 7px !important;
}



.custom-table-1 .antikatestimeno-eidos-row td{
	padding-top: 0px !important;
	padding-bottom: 13px !important;
}
.custom-table-1 .has-antikatestimeno-eidos{
	border-bottom: unset;
}
.custom-table-1 .has-antikatestimeno-eidos:hover + .antikatestimeno-eidos-row{
	background-color: #e9f2fb;
}
.custom-table-1 .has-antikatestimeno-eidos td{
	border-bottom: unset;
}
.custom-table-1 .antikatestimeno-eidos-row .label{
	color: #1F5593;
	font-weight: 600;
	font-size: 0.8rem;
}
.custom-table-1 .antikatestimeno-eidos-row .value{
	color: #6D6D6D;
	font-weight: 600;
	font-size: 0.8rem;
}


.custom-table-1 .has-alternative-codes:hover + .alternative-codes-container-head{
	background-color: #e9f2fb !important;
}

.custom-table-1 .has-select-device{
	border-bottom: unset;
}
.custom-table-1 .has-select-device td{
	border-bottom: unset;
}
.custom-table-1 .has-select-device:hover + .select-device-row{
	background-color: #e9f2fb;
}
.custom-table-1 .select-device-row .label{
	color: #D45128;
	font-weight: 600;
	font-size: 0.8rem;
	padding-top: 5px;
}
.custom-table-1 .select-device-row .value{
	color: #6D6D6D;
	font-weight: 600;
	font-size: 0.8rem;
}
.custom-table-1 .select-device-row .select-device-field{
	color: #6D6D6D;
	font-weight: 600;
	font-size: 0.8rem;
}
.custom-table-1 .select-device-row .select-device-field input{
	height: 25px;
	margin-top: 4px;
	border-right: unset;
	color: #AAA;
	font-size: 0.75rem;
}
.custom-table-1 .select-device-row .select-device-field input::placeholder{
	color: #AAA;
	font-size: 0.75rem;
}
.custom-table-1 .select-device-row .select-device-field .input-group-text{
	height: 25px;
	width: 25px;
	margin-top: 4px;
	border-left: unset;
}
.custom-table-1 .select-device-row .select-device-field .input-group-text:hover i{
	color: #FFF;
}
.custom-table-1 .select-device-row .select-device-field .input-group-text i{
	margin-left: -4px;
	color: #AAA;
}

.custom-table-1 .backorder-calendar{
	margin-left: 0.6em;
}
.custom-table-1 .backorder-calendar:hover{
	color: #F00;
}


.deleteItem i{
	transition: all 0.1s;
}
.deleteItem:hover i{
	color: #F00;
	font-size: 1.2rem;
	margin-left: -1.5px;
	margin-top: 4px;
}

.addToWishlist i{
	transition: all 0.1s;
}
.addToWishlist:hover i{
	color: #ffc800;
	font-size: 1.2rem;
	margin-left: -1.5px;
	margin-top: 4px;
	transform: rotateZ(25deg);
}
.addToWishlist.in-wishlist i{
	color: #ffc800;
	font-size: 1.2rem;
	margin-left: -1.5px;
	margin-top: 4px;
	transform: rotateZ(25deg);
}



.tooltip-inner {
    background-color: #F00;
    text-align: left;
    padding: 0.7rem;
    padding-left: 1rem;
}
.tooltip.bs-tooltip-right{
	margin-left: 0.5rem;
}
.tooltip.bs-tooltip-right .arrow:before {
    border-right-color: #F00 !important;
}
.tooltip.bs-tooltip-left .arrow:before {
    border-right-color: #F00 !important;
}
.tooltip.bs-tooltip-bottom .arrow:before {
    border-right-color: #F00 !important;
}
.tooltip.bs-tooltip-top .arrow:before {
    border-right-color: #F00 !important;
}


.show-alternative-codes{
    display: block;
    padding: 1px 12px;
    background-color: #FFF;
    border-radius: 100%;
    color: #83CB37;
    font-size: 19px;
    text-align: center;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
    padding-bottom: 1px;
    line-height: 33px;
    max-width: 38px;
}
.show-alternative-codes:hover{
	text-decoration: none;
}
.show-alternative-codes:active{
	background-color: #EEE;
}
.hide-alternative-codes{
	display: block;
	padding: 0px 14px;
	background-color: #FFF;
	border-radius: 100%;
	color: #83CB3B;
	font-size: 22px;	
	text-align: center;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
    max-width: 38px;
}
.hide-alternative-codes:hover{
	text-decoration: none;
}
.hide-alternative-codes:active{
	background-color: #EEE;
}



.table-under-top-bar{
	background-color: #1F5593;
	color: #FFF;
	padding: 1.2rem 1.2rem 0rem;
}
.table-under-top-bar label{
	font-weight: 500;
	margin-bottom: 0;
}
.table-under-top-bar p{
	color: #A1C5EE;
	margin-bottom: 13px;
}


.custom-table-colors-2{
}
.custom-table-colors-2 thead tr{
	border: unset;
	border-bottom: 1px solid #1F5593;
}
.custom-table-colors-2 thead tr th{
	color: #1F5593;
	font-weight: bold;
}
.custom-table-colors-2 thead th,
.custom-table-colors-2 tbody td{
	border: unset;
}
.custom-table-colors-2 tbody tr{
	border: unset;
	background-color: #FFF;
	border-bottom: 1px solid #E1E1E1;
}
.custom-table-colors-2.text-middle thead th{
	line-height: 20px;
	vertical-align: middle;
}
.custom-table-colors-2.text-middle tbody td{
	vertical-align: middle;
}


.custom-table-colors-8{
}
.custom-table-colors-8 thead tr{
	border: unset;
	border-bottom: 1px solid #1F5593;
}
.custom-table-colors-8 thead tr th{
	color: #1F5593;
	font-weight: bold;
}
.custom-table-colors-8 thead th,
.custom-table-colors-8 tbody td{
	border: unset;
}
.custom-table-colors-8 tbody tr{
	border: unset;
	background-color: #F4F4F4;
	border-bottom: 1px solid #E1E1E1;
}


.custom-table-colors-4{
}
.custom-table-colors-4 thead tr{
	border: unset;
	border-bottom: unset;
}
.custom-table-colors-4 thead tr th{
	color: #1F5593;
	font-weight: bold;
	padding-bottom: 0px;
}
.custom-table-colors-4 thead th,
.custom-table-colors-4 tbody td{
	border: unset;
}
.custom-table-colors-4 tbody tr{
	border: unset;
	background-color: #FFF;
	border-bottom: 1px solid #E1E1E1;
}
.custom-table-colors-4 tbody td{
	padding-top: 6px;
	padding-bottom: 6px;
}
.custom-table-colors-4 .card-body{
	padding-top: 0px;
}



.modal-table-1{
	width: 100%;
}
.modal-table-1 thead tr{
	background-color: #1F5593;
}
.modal-table-1 thead tr th{
	color: #FFF;
	font-weight: 500;
	padding: 0.7rem 1.2rem;
}
.modal-table-1 tbody tr{
	border-bottom: 1px solid #d2d2d2;
}
.modal-table-1 tbody tr:hover{
	background-color: #EEF6FF;
}
.modal-table-1 tbody tr:hover td{
	color: #1F5593;
}
.modal-table-1 tbody tr td{
	padding: 0.7rem 1.2rem;
}

.table-scroll{
	max-height: 350px;
	overflow-y: scroll;
}

#addType label{
	font-weight: 600;
	color: #1F5593;
}

#create-button.hollow{
	background-color: rgba(0,0,0,0);
	color: #1F5593;
	border-width: 1.3px;
	font-weight: 500;
	padding: 13px 28px;
}
#create-button.hollow:hover{
	background-color: rgba(255,255,255,1);
}

#create-button .fas{
	margin-right:10px;
}

#sidebar-container .list-group{
	width: 100%;
}

#sidebar-container .list-group .list-group-item .menu-title .fas{
	margin-right: 0.6rem !important;
}

#sidebar-container .list-group .list-group-item,
#sidebar-container .list-group .list-group-item a
{
	color: #2D2D2D;
	font-size: 0.9rem;

}

span.add-item {
    display: flex;
    background: #1f5593;
    height: 100%;
    color: #fff;
    font-weight: 100 !important;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    font-size: 10px;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
	border-bottom:solid 1px #fff;
}

span.add-item:hover {
	background:#03CBFF;
}

#sidebar-container .menu-title{
	font-weight: bold;
	font-size: 1rem;
	color: #133A67;
}

#sidebar-container .list-group .list-group-item{
	border: unset; 
	padding: 0.45rem 1.25rem;
}

#inner-pages-container > .row{
	background-color: #F7F7F7;
}

#InfoModal{
	border-radius: 0 0 13px 13px;
}
#InfoModal .custom-table-1 tbody tr td{
	color: #6D6D6D;
	padding-top: 10px;
	padding-bottom: 10px;
}
.table-hover tbody tr:hover{
	background-color: #e9f2fb;
}
#InfoModal .custom-card-4 .card-header h5{
	font-size: 1rem;
}


#sintheti-anazitisi{
	background-color: #1F5593;
	border-bottom: 1px solid #5078A7;
	position: relative;
	bottom: -1px;
	z-index: 0001;
}
#sintheti-anazitisi label{
	color: #FFF;
	font-weight: 500;
}
#sintheti-anazitisi-top{
	background-color: #1F5593;
	color: #FFF;
	position: relative;
	bottom: -1px;	
	color: #A1C5EE;
}
#sintheti-anazitisi-top-hidden{
	background-color: #1F5593;
	color: #FFF;
	position: relative;
	bottom: -1px;		
}
#sintheti-anazitisi-top-hidden a,
#sintheti-anazitisi-top a{
	display: block;
	padding: 0.5rem 1rem;
	color: #FFF;
	background-color: #133A67;
	float: left;
	font-size: 0.8rem;
	margin-right: 1px;
}
#sintheti-anazitisi-top-hidden a.active{
	background-color: #1f5593;
}
#sintheti-anazitisi-top-hidden a.active:hover{
	background-color: #225fa5;
}
#sintheti-anazitisi-top-hidden a:active{
	background-color: #133A67 !important;
}
#sintheti-anazitisi-top-hidden a:hover,
#sintheti-anazitisi-top a:hover{
	text-decoration: none;
	background-color: #225fa5;
}
#sintheti-anazitisi-top-hidden a .fas,
#sintheti-anazitisi-top a .fas{
	margin-left: 0.6rem;
}

/*______________________________________
|                                       |
|                                       |
|            Custom Cards        	    |
|               		      	  	    |
|_______________________________________*/
.custom-card-1{
	border: unset;
	box-shadow: 0px 2px 12px rgba(0,0,0,0.15); 
	margin-bottom: 2rem;
	border-radius: 5px;
	overflow-x: hidden; 
}
.custom-card-1 .card-header{
	background-color: #1F5593;
	font-weight: bold;
	color: #FFF;
	font-size: 1rem;
	padding: 15px 20px;
	border-radius: 5px 5px 0 0;
}
.custom-card-1 .card-header-2 h5{
	font-weight: bold;
	font-size: 1.2rem;
	padding: 15px 15px 15px;
}
.custom-card-1 .card-header-3{
	background-color: #FFF;
	font-weight: bold;
	color: #133A67;
	padding: 15px 20px;
	border-radius: 5px 5px 0 0;
}
.custom-card-1 .card-header-3 h5{
	font-size: 1.05rem;
	font-weight: bold;
}
.custom-card-1 thead th{
	color: #133A67;
	font-weight: 500;
	padding: 10px 20px;
}
.custom-card-1 th{
	padding: 15px 20px;
}
.custom-card-1 td{
	padding: 10px 20px;
	color: #555;
}
.custom-card-1 td .fas{
	font-size: 1rem;
	margin-right: 5px;
}
.custom-card-1 .card-header .float-right{
	color: #9EC1E9;
	font-weight: normal;
	font-size: 0.8rem;
}
.custom-card-1 .card-header .float-right a{
	color: #9EC1E9;
	font-weight: normal;
	font-size: 0.8rem;
}
.custom-card-1 .card-header .float-right .fas{
	position: relative;
	top: 1px;
}
.custom-card-1 .card-sections{
}
.custom-card-1 .card-sections .col:first-child{
	padding-left: 3.3rem;
}
.custom-card-1 .card-sections .col{
	padding: 2.5rem 3rem;
	border-right: 1px solid #E1E1E1; 
}
.custom-card-1 .card-sections .col:hover{
	background-color: #e9f2fb;
}
.custom-card-1 .card-sections .col > b{
	color: #1F5593;
}
.custom-card-1 .card-sections .col p{
	margin-bottom: 0rem;
}
.custom-card-1 .card-sections .col .text{
	font-weight: 400;
	font-size: 0.8rem;
	color: #6D6D6D;
}
.custom-card-1 .card-sections .col .value{
	font-weight: 500;
	font-size: 1.3rem;
	color: #6D6D6D;
}



.custom-card-2{
	background-color: #1F5593;
	color: #FFF;
}

.userDefaults-con .custom-card-2{
	height:100%;
}

.custom-card-1 .card-header-2{
	background-color: #133A67;
	font-weight: bold;
	color: #FFF;
	font-size: 1rem;
	padding: 15px 20px;
	border-radius: 5px 5px 0 0;
}
.custom-card-2 .card-header.border-bottom {
    border-color: #5388C4 !important;
    background: rgba(0,0,0,0.2);
}
.custom-card-2 .shallow-text,
.custom-card-2 .shallow-text a{
	font-weight: 500;
	color: #A1C5EE;
}
.shallow-text label{
	font-weight: 400;
	font-size: 0.8rem;
	line-height: 1.5rem;
}
.input-group-text{
	background-color: #03CBFF;
	color: #FFF;
	border:unset;
	height: 30px;
	width: 30px;
}
.custom-card-2 .card-body select{
    height: 30.1px;
    padding: 4px;
    font-size: 0.75rem;
}


.custom-card-1 .table-under-top-bar select{
    height: 30.1px;
    padding: 4px;
    font-size: 0.75rem;
}



.input-group-text.clickable{
	background-color: #FFF;
	color: #1F5593;
	border:unset;
	height: 30px;
	width: 30px;
	border: 1px solid #E1E1E1;
}
.input-group-text.clickable:hover{
	background-color: #03CBFF;
	color: #FFF;
	border:unset;
	height: 30px;
	width: 30px;
}
.input-group-text.clickable:active{
	background-color: #00a2cc;
	color: #FFF;
	border:unset;
	height: 30px;
	width: 30px;
}


.input-group-prepend .input-group-text{
	border-radius: 0 4px 4px 0;
}
.input-group-text i{
    margin-left: -4px;
    margin-top: 1px;
}
.custom-card-2 input{
	height: 30px;
	border-right: 1px solid rgba(0,0,0,0); 
}
.custom-card-2 input:focus{
	height: 30px;
	border-right: 1px solid rgba(0,0,0,0); 
}
.custom-card-2 .inputs-table-align select,
.custom-card-2 .inputs-table-align p.shallow-text,
.custom-card-2 .inputs-table-align input[type='text']{
	max-width: 70% !important; 
	width: 70% !important; 
}
.custom-card-2 .inputs-table-align input[type='text'].with-icon{
	max-width: 65% !important; 
	width: 65% !important; 
}

.custom-card-3{
	background-color: #FFF;
	color: #1F5593;
	box-shadow: 0px 2px 12px rgba(0,0,0,0.16);
	border: unset; 
}
.custom-card-3 .card-header{
	font-weight: 600;
	border:unset;
	background-color: #FFF;
}
.custom-card-3 .card-header h5{
	font-weight: bold;
	color: #133A67;
}
.custom-card-3 .card-body h6{
	font-weight: bold;
	color: #1F5593;
}
.custom-card-3 .card-body p{
	color: #6D6D6D;
	font-size: 0.8rem;
}
.custom-card-3 input.form-control{
	border: 2px solid #E1E1E1;
	padding-left: 0px;
	padding-right: 0px;
	text-indent: 10px;
	font-weight: 400;
	font-size: 0.71rem;
}
.custom-card-3 input.form-control.no-border{
	border-right: unset;
}
.custom-card-3 select{
	border: 2px solid #E1E1E1;
	font-weight: 400;	
	font-size: 0.71rem;
	height: 29px;
	padding: 1px 5px;
}


.custom-card-4{
	background-color: #FFF;
	color: #1F5593;
	box-shadow: 0px 2px 12px rgba(0,0,0,0.16);
	border: unset; 
}
.custom-card-4 .card-header{
	font-weight: 600;
	border:unset;
	background-color: #FFF;
}
.custom-card-4 .card-header h5{
	font-weight: bold;
	color: #133A67;
	font-size: 0.9rem;
	margin-bottom: 0rem;
}
.custom-card-4 .card-body h6{
	font-weight: bold;
	color: #1F5593;
}
.custom-card-4 .card-body p{
	color: #6D6D6D;
	font-size: 0.8rem;
}


.custom-card-4{
	background-color: #FFF;
	color: #1F5593;
	box-shadow: 0px 2px 12px rgba(0,0,0,0.16);
	border: unset; 
}
.custom-card-4 .card-header{
	font-weight: 600;
	border:unset;
	background-color: #FFF;
}
.custom-card-4 .card-header h5{
	font-weight: bold;
	color: #133A67;
}
.custom-card-4 .card-body h6{
	font-weight: bold;
	color: #1F5593;
}
.custom-card-4 .card-body p{
	color: #6D6D6D;
	font-size: 0.8rem;
}
.custom-card-4 .card-body .value{
	color: #6D6D6D;
	font-size: 1.4rem;
	font-weight: 500;
}
.custom-card-4 .card-body .value.highlight{
	color: #03CBFF;
}



.custom-card-5{
	border: unset;
	box-shadow: 0px 2px 12px rgba(0,0,0,0.15); 
	margin-bottom: 2rem;
	border-radius: 5px;
}
.custom-card-5 .card-header{
	background-color: #1F5593;
	font-weight: bold;
	color: #FFF;
	font-size: 1rem;
	padding: 15px 20px;
	border-radius: 5px 5px 0 0;
}
.custom-card-5 .card-header-2 h5{
	font-weight: bold;
	font-size: 1.2rem;
	padding: 15px 15px 15px;
}
.custom-card-5 .card-header-3{
	background-color: #FFF;
	font-weight: bold;
	color: #133A67;
	padding: 15px 20px;
	border-radius: 5px 5px 0 0;
}
.custom-card-5 .card-header-3 h5{
	font-size: 1.05rem;
	font-weight: bold;
}
.custom-card-5 .table-top-bar{
	background-color: #1F5593;
}
.custom-card-5 .table-under-top-bar{
	background-color: #FFF;
	border-radius: 0 0 13px 13px;
}
.custom-card-5 .table-under-top-bar label{
	color: #1F5593;
}
.custom-card-5 .table-under-top-bar p{
	color: #6D6D6D;
}
.custom-card-5 thead th{
	color: #133A67;
	font-weight: 500;
	padding: 10px 20px;
}
.custom-card-5 th{
	padding: 15px 20px;
}
.custom-card-5 td{
	padding: 10px 20px;
	color: #555;
}
.custom-card-5 td .fas{
	font-size: 1.1rem;
	margin-right: 5px;
}
.custom-card-5 .card-header .float-right{
	color: #9EC1E9;
	font-weight: normal;
	font-size: 0.8rem;
}
.custom-card-5 .card-header .float-right a{
	color: #9EC1E9;
	font-weight: normal;
	font-size: 0.8rem;
}
.custom-card-5 .card-header .float-right .fas{
	position: relative;
	top: 1px;
}


.custom-checkbox{
	position: relative;
	top: 2px;
}

input.form-control{
	font-weight: 400; 
	color: #133A67;
	font-size: 0.75rem;
	height: 30px;
	border: 1px solid #E1E1E1;
}

.filter-group select.form-control {
	font-weight: 400; 
	color: #133A67;
	font-size: 0.75rem;
	height: 30px;
	border: 1px solid #E1E1E1;
}

.custom-select{
	border: 2px solid #E1E1E1;
}
textarea{
	border: 2px solid #E1E1E1;
}

.grey-input{
}
.grey-input .input-group-append{
	width: 80px;
}
.grey-input .input-group-append .input-group-text{
	width: 80px;
	color: #1D5799;
	background-color: #FFF;
	border-left: 1px solid #1D5799;
}


.page-title{
	font-weight: bold;
	color: #1F5593;
}
.page-title .seperator{
	color: #C2C2C2;
	transform: skewY(20deg);
	font-weight: 300;
}
.page-title .media-select{
	font-weight: bold;
	color: #225A9A;
	font-size: 0.8rem;
	background-color: rgba(0,0,0,0);
	border: unset;
	position: relative;
    top: -2px;	
}
.page-title .media-select:focus{
	outline: none;
}
.table-custom-header{
	background-color: #1F5593;
	border-radius: 7px 7px 0px 0px;
}
.table-custom-header.corners{
	background-color: #1F5593;
	height: 105px;
	border-radius: 0px 0px 0px 0px;
}
.table-custom-header.corners > th:first-child{
	border-radius: 0px 0px 0px 0px;
}
.table-custom-header.corners > th:last-child{
	border-radius: 0px 0px 0px 0px;
}
.table-custom-header label{
	color: #FFF;
	margin-bottom:0;
}

.table-custom-header .flex-nowrap {
	margin-top:10px !important;
}
.table-custom-header input{
	border: 2px solid #E1E1E1;
	padding:0 10px;
	font-weight: 400;
	font-size: 0.71rem;
}
.table-custom-header select{
	border: 2px solid #E1E1E1;
	font-weight: 400;	
	font-size: 0.71rem;
	height: 29px;
	padding: 1px 5px;
}
.table-custom-header .input-group-text{
	background-color: #FFF;
	color: #1F5593;
	border-top: 2px solid #E1E1E1;
	border-right: 2px solid #E1E1E1;
	border-bottom: 2px solid #E1E1E1;
	padding-right: 5px;
}

tr.table-custom-header-top {
    background: #1f5593;
}

.input-group-text.back-white{
	background-color: #FFF;
	color: #1F5593;
	border-top: 2px solid #E1E1E1;
	border-right: 2px solid #E1E1E1;
	border-bottom: 2px solid #E1E1E1;
	border-left: unset;
	padding-right: 5px;
}
.input-group-text.back-white.no-border{
	border: 1px solid #E1E1E1;
}
.table-top-bar{
	background-color: #133A67;
	color: #FFF;
	padding: 1rem 1.5rem;
	border-radius: 5px 5px 0 0;
	position: relative;
	bottom: -1px;
	padding-top: 20px;
	padding-bottom: 13px !important;
}

.tabs-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
}

.tabs-nav a {
    padding: 12px 10px;
    display: block;
    background: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    font-weight: bold;
	margin:0 3px;
	background:rgba(255,255,255,0.6);
}

.tabs-nav a.active {	
	background:rgba(255,255,255,1);
}

.form-control:focus{
	outline-color: none;
	border-color: #E1E1E1;
	box-shadow: unset;
}
.custom-card-1 .pagination a{
	color: #9F9F9F;
}
.custom-card-1 .pagination a:hover{
	text-decoration: unset;
}
.custom-card-1 .pagination .next-button-container{
	position: absolute; 
	right: 30px;
	color: #1F5593;
}

.custom-card-1 .pagination .next-button-container.prev{
	left: 30px;
}

.custom-card-1 .pagination .pages{
	font-weight: 600;
	color: rgba(0,0,0,0.3);
	letter-spacing: 8px;
}

.custom-card-1 .pagination .next-button-container .next-button{
	color: #1F5593;
	font-weight: 500;
	font-size: 0.80rem;
}

.custom-card-1 .pagination .next-button-container .next-button i{
	position: relative;
	top: 1px;
	margin-left: 0.1rem; 
	font-size: 0.71rem;
}

.fas.clickable{
	color: #6D6D6D;
}
.fas.clickable:hover{
	color: #03CBFF;
}

/*______________________________________
|                                       |
|                                       |
|         Custom Messages     	        |
|               		      	  	    |
|_______________________________________*/
/*1*/
.custom-message.message-1{
	background-color: #83CB3B;
	padding: 15px;
	color: #FFF;
	border-radius: 4px;
	font-size: 1rem;
	font-weight: 600;
}
.custom-message.message-1 .fas{
	font-size: 1.3rem;
	position: relative;
	top: 3px;
	margin-right: 3px;
}
/*2*/
.custom-message.message-2{
	background-color: #4783DC;
	padding: 15px;
	color: #FFF;
	border-radius: 4px;
	font-size: 1rem;
	font-weight: 600;
}
.custom-message.message-2 .fas{
	font-size: 1.3rem;
	position: relative;
	top: 3px;
	margin-right: 3px;
}
/*3*/
.custom-message.message-3{
	background-color: #D45128;
	padding: 15px;
	color: #FFF;
	border-radius: 4px;
	font-size: 1rem;
	font-weight: 600;
}
.custom-message.message-3 .fas{
	font-size: 1.3rem;
	position: relative;
	top: 3px;
	margin-right: 3px;
}
/*4*/
.custom-message.message-4{
	background-color: #DCA047;
	padding: 15px;
	color: #FFF;
	border-radius: 4px;
	font-size: 1rem;
	font-weight: 600;
}
.custom-message.message-4 .fas{
	font-size: 1.3rem;
	position: relative;
	top: 3px;
	margin-right: 3px;
}
/*5*/
.custom-message.message-5{
	background-color: #03CBFF;
	padding: 15px;
	color: #FFF;
	border-radius: 4px;
	font-size: 1rem;
	font-weight: 600;
}
.custom-message.message-5 .fas{
	font-size: 1.3rem;
	position: relative;
	top: 3px;
	margin-right: 3px;
}

/*______________________________________
|                                       |
|                                       |
|         Custom RAdio Buttons  	    |
|               		      	  	    |
|_______________________________________*/

/* The container */
.container:not(.dash-news-container) {
  display: block;
  position: relative;
  padding-left: 22px;
  margin-bottom: -1px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 62px;
  float: left;
  font-size: 0.9rem;
  color: #FFF;
}

/* Hide the browser's default radio button */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 5px;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #FFFFFF;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #DDD;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #FFF;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
    top: 3.2px;
    left: 2.9px;
    width: 9.3px;
    height: 9px;
    border-radius: 50%;
    background: #25C93B;
}


.sidebar-button.active{
	background-color: red;
}






/*______________________________________
|                                       |
|                                       |
|         Custom Modals          	    |
|               		      	  	    |
|_______________________________________*/
.custom-modal-1{
}
.custom-modal-1 .modal-header{
	background-color: #1F5593;
	color: #FFF;
	border-radius: 13px 13px 0 0;
	padding: 0.8rem 1rem;
	font-weight: 600;
}
.custom-modal-1 .modal-header h5{
	font-weight: 600;
}
.custom-modal-1 .modal-content{
	background-color: unset;
	border: unset;
	border-radius: 13px 13px 0 0;
	/*box-shadow: 0 0 5px rgba(0,0,0,0.5);*/
}
.custom-modal-1 .modal-body{
	background-color: #F8F8F8;
	padding: 0.7rem;
}
.custom-modal-1 .modal-footer{
	background-color: #ECECEC;
	border-radius: 0 0 13px 13px;
	color: #9F9F9F;
	padding-bottom: 1rem;
	padding-right: 2rem;
	font-size: 0.8rem;
}
.custom-modal-1 .modal-footer .fas{
	font-size: 1.3rem;
}
.custom-modal-1 .modal-footer-2{
	box-shadow: unset;
}


.custom-modal-2{
}
.custom-modal-2 .modal-header{
	background-color: #1F5593;
	color: #FFF;
	border-radius: 13px 13px 0 0;
	padding: 0.8rem 1rem;
	font-weight: 600;
}
.custom-modal-2 .modal-body h5{
	font-weight: 600;
	color: #1F5593;
	font-size:1.2rem;
	margin-bottom: 0px;
}
.custom-modal-2 .modal-content{
	background-color: unset;
	border: unset;
	border-radius: 13px 13px 0 0;
	/*box-shadow: 0 0 5px rgba(0,0,0,0.5);*/
}
.custom-modal-2 .modal-body{
	background-color: #F8F8F8;
	padding: 0.7rem;
	border-radius: 10px;
}
.custom-modal-2 .modal-footer{
	background-color: #ECECEC;
	border-radius: 0 0 13px 13px;
	color: #9F9F9F;
	padding-bottom: 1rem;
	padding-right: 2rem;
	font-size: 0.8rem;
}
.custom-modal-2 .modal-footer .fas{
	font-size: 1.3rem;
}
.custom-modal-2 .modal-footer-2{
	box-shadow: unset;
}


.custom-modal-3{
}
.custom-modal-3 .modal-content{
	max-width: 700px;
	margin: auto; 
}
.custom-modal-3 .modal-header{
	background-color: #FFF;
	color: #1F5593;
	border-radius: 13px 13px 0 0;
	padding: 1.8rem 1rem;
	padding-top: 2rem;
	font-weight: 600;
}
.custom-modal-3 .modal-header h5{
	font-weight: 600;
	font-size: 1.3rem;
}
.custom-modal-3 .modal-content{
	background-color: unset;
	border: unset;
	border-radius: 13px 13px 0 0;
	/*box-shadow: 0 0 5px rgba(0,0,0,0.5);*/
}
.custom-modal-3 .modal-body.custom-row-1{
	background-color: #1F5593;
	padding: 0.7rem;
	color: #EEF6FF;
}
.custom-modal-3 .modal-body.custom-row-2{
	height: 120px;
}
.custom-modal-3 .modal-body.custom-row-2 .custom-button-2{
	color: #9F9F9F !important;
	font-weight: 400 !important;
}
.custom-modal-3 .modal-body.custom-row-2 .custom-button-4{
	font-weight: 400 !important;
}
.custom-modal-3 .modal-body{
	background-color: #F8F8F8;
	padding: 0.5rem;
}
.custom-modal-3 .modal-body table{
	border-bottom: 1px solid #dee2e6;
}
.custom-modal-3 .modal-body table thead tr{
	background-color: #1F5593;
	padding: 0.7rem;
	color: #FFF;
}
.custom-modal-3 .modal-body table thead tr th{
	font-size: 0.8rem;
	font-weight: 500;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;	
}
.custom-modal-3 .modal-body table tbody tr td{
	font-size: 0.8rem;
}
.custom-modal-3 .modal-footer{
	background-color: #ECECEC;
	border-radius: 0 0 13px 13px;
	color: #1F5593;
	padding-top: 2rem;
	padding-bottom: 2rem;
	padding-right: 2rem;
	font-size: 1rem;
	font-weight: 600;
}
.custom-modal-3 .modal-footer .fas{
	font-size: 1.2rem;
	position: relative;
	top: 0px;
}
.custom-modal-3 .modal-footer-2{
	box-shadow: unset;
}




/*______________________________________
|                                       |
|                                       |
|               Helpers      	  	    |
|               		      	  	    |
|_______________________________________*/
	.Aligner {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	}
	.Aligner-2 {
	  display: flex;
	  align-items: center;
	  justify-content: end;
	}
	.Aligner-3 {
	  display: flex;
	  align-items: center;
	  justify-content: flex-end;
	}
	.Aligner-item {
	  max-width: 50%;
	}
	.Aligner-item--top {
	  align-self: flex-start;
	}
	.Aligner-item--bottom {
	  align-self: flex-end;
	}
	.Aligner-self--center {
	  align-self: center;
	}
	.border-right.b-custom-color{
		border-right: 2px solid rgba(255,255,255,0.20) !important;
	}
	/*
	.cw-200{
		width: 200px !important;
		max-width: 200px !important;
	}
	.cw-30{
		width: 30px !important;
		max-width: 30px !important;
	}
	*/
	.cml-minus-2{
		margin-left:-2px;
	}
	.cmb-5{
		margin-bottom: 5px;
	}
	.cbr-1{
		border-right: 1px solid #1F5593;
	}
	.toggle-vis{
		opacity: 1;
		color: #1D5799;
		font-weight: 400;
	}
	.toggle-vis.hidden{
		opacity: 0.4;
	}
	.vh-60{
		height: 60vh;
	}



	/*Notification Icon:*/
	#sidebar-container .sidebar-button i.notification-on{
		color: #03CBFF;
		margin-left: 0.2rem;
		font-size: 0.5rem;
		position: relative;
		top: -1px;
	}
	.navbar .nav-item i.notification-on{
		color: #03CBFF;
		font-size: 0.6rem;
		position: relative;
		top: -12px;
		left: -4px;
	}

	.sticky-on-scroll{}
	.sticky-on-scroll.sticked{
		position: fixed;
		top: 134px;
		z-index: 0001;
	}
	.sticky-on-scroll.sticked + .table-responsive{
		padding-top: 90.80px;
	}

	.rk-text-middle-1 .input-group{
		padding-bottom: 12px !important;
	}
	.rk-text-middle-2 span{
		position: relative;
		top: 10px;
	}
	.rk-height-fix-1{

	}
	
.hiddenData-con {
    display: flex;
    justify-content: space-between;
}	



/*______________________________________
|                                       |
|                                       |
|               Overrides      	  	    |
|               		      	  	    |
|_______________________________________*/
.masonry-container > div{
	padding-left: 7px;
	padding-right: 7px;
}
.modal-backdrop{
	background-color: #042546;
}
.table-responsive{
	width: 100.1%;
}

.pagination{
	margin-bottom: 0rem;
	letter-spacing: 0px;
}
.pagination .page-link{
	border: none;
	height: 34px;
	width: 34px;
	border-radius: 100%;
	text-align: center;
	font-size: 0.8rem;
	font-weight: 500;
	line-height: 1.45;
	margin: 0 0.2rem;
}
.pagination li:first-child,
.pagination li:last-child{
	display: none;
}
#toast-container > div{
	min-width: 100px !important;
}
.required:after {
	content: '*';
	color: #e3342f;
}
textarea{
	font-size: 0.75rem;
}
body{
	padding-right: 0 !important;
}
table.dataTable.no-footer{
	padding-bottom: 1px;
	background-color: #FFF;
	margin-top: -1px;
}
.dataTables_filter, .dataTables_length{
	display: none;
}

.customer-card-table thead tr th, .customer-card-table tbody tr td {
    /*vertical-align: middle;*/
}

.dataTables_info{
	padding-left: 1rem;
}
.dataTables_paginate{
	padding-right: 1rem;
}
.quantityBox {
	max-width:50px;
}

.append-table {
	margin-top:30px;
}
tbody#append-here td {
    padding: 20px;
    background: #fff;
    width: 1%;
    border: solid 1px #dee2e6;
}

tbody#append-here td.append-td-response {
    width: 100%;
}

#test-datatable_length{
	/*position: sticky;*/
	/*left: 0;*/
}
#test-datatable_info{
	/*position: sticky;*/
	/*left: 0;*/
}
#test-datatable_paginate{
	/*position: sticky;*/
	/*left: 37%;*/
	/*clear: both;*/
	/*float: left;*/
	/*padding:10px;*/
}
#test-datatable_wrapper{
	/*width: 250%;*/
	width: auto;
}
#remittances-datatable_wrapper{
	/*width: 135%;*/
}
#remittances-datatable_info{
	/*position: sticky;*/
	/*left: 0;*/
}
#remittances-datatable_paginate{
	/*position: sticky;*/
	/*left: 35%;*/
	/*clear: both;*/
	/*float: left;*/
}

/*sorting arrows icons:*/
table#remittances-datatable thead .sorting_asc,
table#remittances-datatable thead .sorting_desc,
table#remittances-datatable thead .sorting{
	background-position: 100% 88% !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
	background: unset !important;
    background-color: white !important;
    /*border-radius: 100%;*/
    border: 1px solid #cacaca !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
	background: unset !important;
    background-color: #1D5799 !important;
    /*border-radius: 100%;*/
    border: 1px solid #cacaca !important;
}

#datatable-custom-search{
	max-width: 200px; 
	border-right: none;
}

.btn-primary{
	background-color: #1f5593;
}

.video_container{
	height: 0px;
	padding-top: 9px;
}

.dataTables_scrollHead{
	/* background-color: #1f5593; */
}

.note-toolbar.card-header{
	background-color: #FFF !important;
}
.note-editable.card-block{
	height: 150px;
}
.note-editor.note-airframe,
.note-editor.note-frame{
	border: 2px solid #E1E1E1 !important;
}

#remittances-datatable_wrapper table.dataTable thead .sorting, 
#remittances-datatable_wrapper table.dataTable thead .sorting_asc, 
#remittances-datatable_wrapper table.dataTable thead .sorting_desc, 
#remittances-datatable_wrapper table.dataTable thead .sorting_asc_disabled, 
#remittances-datatable_wrapper table.dataTable thead .sorting_desc_disabled{
	background-position: 102% 86% !important;
}
#orders-header-datatable_wrapper table.dataTable thead .sorting, 
#orders-header-datatable_wrapper table.dataTable thead .sorting_asc, 
#orders-header-datatable_wrapper table.dataTable thead .sorting_desc, 
#orders-header-datatable_wrapper table.dataTable thead .sorting_asc_disabled, 
#orders-header-datatable_wrapper table.dataTable thead .sorting_desc_disabled{
	background-position: 102% 79% !important
}
#orders-details-datatable_wrapper table.dataTable thead .sorting, 
#orders-details-datatable_wrapper table.dataTable thead .sorting_asc, 
#orders-details-datatable_wrapper table.dataTable thead .sorting_desc, 
#orders-details-datatable_wrapper table.dataTable thead .sorting_asc_disabled, 
#orders-details-datatable_wrapper table.dataTable thead .sorting_desc_disabled{
	background-position: 102% 79% !important;
}
#invoices-header-datatable_wrapper table.dataTable thead .sorting, 
#invoices-header-datatable_wrapper table.dataTable thead .sorting_asc, 
#invoices-header-datatable_wrapper table.dataTable thead .sorting_desc, 
#invoices-header-datatable_wrapper table.dataTable thead .sorting_asc_disabled, 
#invoices-header-datatable_wrapper table.dataTable thead .sorting_desc_disabled{
	background-position: 102% 79% !important;
}
#invoices-details-datatable_wrapper table.dataTable thead .sorting, 
#invoices-details-datatable_wrapper table.dataTable thead .sorting_asc, 
#invoices-details-datatable_wrapper table.dataTable thead .sorting_desc, 
#invoices-details-datatable_wrapper table.dataTable thead .sorting_asc_disabled, 
#invoices-details-datatable_wrapper table.dataTable thead .sorting_desc_disabled{
	background-position: 102% 79% !important;
}
#deltia-header-datatable_wrapper table.dataTable thead .sorting, 
#deltia-header-datatable_wrapper table.dataTable thead .sorting_asc, 
#deltia-header-datatable_wrapper table.dataTable thead .sorting_desc, 
#deltia-header-datatable_wrapper table.dataTable thead .sorting_asc_disabled, 
#deltia-header-datatable_wrapper table.dataTable thead .sorting_desc_disabled{
	background-position: 100% 79% !important;
}
#deltia-details-datatable_wrapper table.dataTable thead .sorting, 
#deltia-details-datatable_wrapper table.dataTable thead .sorting_asc, 
#deltia-details-datatable_wrapper table.dataTable thead .sorting_desc, 
#deltia-details-datatable_wrapper table.dataTable thead .sorting_asc_disabled, 
#deltia-details-datatable_wrapper table.dataTable thead .sorting_desc_disabled{
	background-position: 100% 79% !important;
}
#backorders-datatable_wrapper table.dataTable thead .sorting, 
#backorders-datatable_wrapper table.dataTable thead .sorting_asc, 
#backorders-datatable_wrapper table.dataTable thead .sorting_desc, 
#backorders-datatable_wrapper table.dataTable thead .sorting_asc_disabled, 
#backorders-datatable_wrapper table.dataTable thead .sorting_desc_disabled{
	background-position: 100% 79% !important;
}

#openinvoices-datatable_wrapper .dataTables_scrollHead,
#opensales-datatable_wrapper .dataTables_scrollHead{
	background-color: #f7f7f7;
}

.swiper-button-disabled {
	display:none;
}
.swiper-button-prev{
    left: -3rem !important;
	color: #FFF !important;
	font-size: 2.5rem;
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{
	content: '' !important;
}
.swiper-button-next{
    right: -3rem !important;
	color: #FFF !important;
	font-size: 2.5rem;    
}
.swiper-button-next:after, .swiper-button-prev:after{
	content: '' !important;
}

.swiper-container.advert{
	min-height: 100px;
}
.swiper-container.advert .swiper-slide{
	will-change: width;
	transition: width 0.6s;
}
.swiper-pagination.advert{
	margin-bottom: 7px;
}
.swiper-pagination.advert .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color: #03CBFF;
	border: 1px solid #03CBFF;
	opacity: 1;
	height: 10px;
	width: 10px;
}
.swiper-pagination.advert .swiper-pagination-bullet{
	background-color: #1f5593;
	border: 1px solid #03CBFF;
	opacity: 1;
	height: 10px;
	width: 10px;
}

.swiper-pagination-pricelists .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color: #1F5593;
	border: 1px solid #1F5593;
	opacity: 1;
	height: 10px;
	width: 10px;
}
.swiper-pagination-pricelists .swiper-pagination-bullet{
	background-color: #FFF;
	border: 1px solid #1F5593;
	opacity: 1;
	height: 10px;
	width: 10px;
	margin-right: 0.5rem;
}
.pricelists-section{
	position: relative;
}
.pricelists-section .swiper-button-next{
	color: #fff !important;
	bottom: 0;
	right: 15px !important;
	outline: unset;
}
.pricelists-section .swiper-button-prev{
	color: #fff !important;
	bottom: 0;
	left: 15px !important;
	outline: unset;
}

.customer-card-table{
	/*transition: width 2s;*/
}
.customer-card-table thead tr th, .customer-card-table tbody tr td {
    /* column-width: 220px; */
    /* white-space: pre; */
    /* width: 160px; */
    /* max-width: 160px; */
    overflow: hidden;
    border-right: 1px dashed rgba(0,0,0,0);
    /* transition: all 0.8s ease-in-out; */
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
}

.customer-card-table thead tr th label{

}

.customer-card-table.w-c thead tr th,
.customer-card-table.w-c tbody tr td{
	/*width: 200px;	*/
	/*max-width: 250px;	*/
	/*min-width: 150px;	*/
	/*padding-bottom: 1.3rem;*/
	/*padding-top: 1.3rem;*/
}
.customer-card-table.w-c thead tr th.short{
	max-width: 100px;
	min-width: unset !important;
	width: 100px !important;
}
.customer-card-table.w-c thead tr th.long{
	min-width: 300px;
}
.customer-card-table.w-c thead tr th.normal{
	min-width: 150px;
}

.customer-card-table thead tr th.action-collapse label,
.customer-card-table thead tr th.action-collapse{
	cursor: pointer;
	/*user-select: none;*/
}
.customer-card-table thead tr th.state-collapsed{
	opacity: 0.3;
	white-space: pre;
	overflow: hidden;	
	/*column-width: 40px;*/
	width: 55px;
	border-right: 1px dashed rgba(31,85,147,0.3);
}

#invoices-header-allwrap tr td,
#invoices-header-allwrap tr th {
text-align:center;
}


input#search-client,
input#search-client-trans,
input#search-client-line
{
    min-width: 100px;
	max-width: 140px;
}
.sub-note{
	position: relative;
	top: 8px;
	color: #999;
	padding-bottom: 1rem;
}

#invoices-header-allwrap th input
 {
	text-align:center;
	margin:0 auto;
}

#invoices-header-allwrap input#search-area-trans,
#invoices-header-allwrap input#search-area-line {
    min-width: 80px;
}


#invoices-header-allwrap .flex-nowrap {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 120px;
    max-width: 180px;
    width: auto;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
#invoices-header-allwrap td,
#invoices-header-allwrap th 

{
	text-align:center;
	padding:7px;
}

#invoices-header-allwrap th.desc-field {
	max-width:170px;
}

#invoices-header-allwrap th {
	font-size:13px;
	font-weight:normal;
	line-height:1.2em;
}

#invoices-header-allwrap td {
	padding-top:5px;
	padding-bottom:5px;
}

#invoices-header-allwrap tr td.text-nowrap {
	white-space:nowrap;
}

.v-spacer {
    display: block;
    width: 100%;
    height: 70px;
}

.flex-icons {
    display: flex;
    flex-wrap: nowrap;
}

#invoices-header-allwrap .nav-tabs {
	margin:0 -3px;
}

#invoices-header-allwrap .nav-tabs .nav-link {
    min-width: 150px;
    border: none;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    background: #fff;
    color: #888;
    text-align: center;
	margin:0 3px;
}

#invoices-header-allwrap .card {
    box-shadow: 0px 2px 12px rgba(0,0,0,0.15);
    margin-bottom: 2rem;
-webkit-border-radius: 0 5px 5px 5px;
border-radius: 0 5px 5px 5px;
    overflow-x: hidden;
}

/* OVERRIDES */
.fade.in {
  opacity: 1;
}

#invoices-header-allwrap .nav-tabs .nav-link.active, #invoices-header-allwrap .nav-tabs .nav-item.show .nav-link {
    background: #1f5593;
    color: #fff;
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-backdrop.in {
  opacity: 0.5;
}

.table-height-oveflow {
    max-height: 350px;
    overflow: auto;
	position:relative;
}

#inner-pages-container {
	position:relative;
}

.loading-wrapper {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.7);
	display:none;
	z-index:999999999999999999999;
}

.saracakis-l {
    position: absolute;
	overflow:hidden;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 205px;
    height: 142px;
    transform: translate(-50%,-50%);
}

.saracakis-l:before {
	content:"";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
	opacity:0.3;
    width: 100%;
    height: 100%;
	background: url(../img/sarakakis_logo_large.png) no-repeat center bottom;
}

.saracakis-l:after {
	content:"";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
	transform:scale(1);
    width: 100%;
	background: url(../img/sarakakis_logo_large.png) no-repeat center bottom;
  -webkit-animation: fillUp 1.5s ease-in-out infinite;
          animation: fillUp 1.5s ease-in-out infinite;
}

@-webkit-keyframes fillUp {
  0% {
	height:0%;
  }
  100% {
    height:100%;
  }
}

@keyframes fillUp {
  0% {
	height:0%;
  }
  100% {
    height:100%;
  }
}






/*______________________________________
|                                       |
|                                       |
|            Updates Cards              |
|               		      	  	    |
|_______________________________________*/
.updates-card-1{
	box-shadow: 0px 3px 15px rgba(0,0,0,0.1);
	border: unset;
}
.updates-card-1 .custom-button-2{
	font-size: 0.75rem;
	color: #6D6D6D !important;
	font-weight: 400 !important;
}
.updates-card-1 .card-figure{
	position: relative;
}
.updates-card-1 .card-figure .image-overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events:none;
}
.updates-card-1 .card-figure .card-title{
	position: absolute;
	bottom: 0;
	color: #FFF;
	font-weight: 600;
	font-size: 1.3rem;
	padding: 0.8rem;
	padding-bottom: 0.4rem;
}

.updates-card-1 .card-figure .card-title a {
	color:#fff;
}

.updates-card-1 .card-body{
	color: #6D6D6D;
	padding-top: 7px;
}

.updates-card-2{
	border-radius: 10px;
	padding-top: 8px;
}
.updates-card-2 .card-subtitle{
	color: #03CBFF !important;
}
.updates-card-2 .card-title{
	color: #1F5593 !important;
}
.updates-card-2 a{
	color: #6D6D6D !important;
	font-size: 0.7rem;
}

.pricelists-section .swiper-slide {
	height:100%;
}

.content-block-pricelist {
    background: #fff;
	padding:15px;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.updates-card-3 .ui {
    padding-top: 10px;
    margin-top: 10px;
    border-top: dashed 1px rgba(0,0,0,0.2);
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.updates-card-3 .ui a{
	color: #9F9F9F;
	font-size: 0.8rem;
}
.updates-card-3 .ui a i{
	font-size: 11px;
}

.updates-card-4{
	box-shadow: 0px 3px 15px rgba(0,0,0,0.1);
	border: unset;
	border-radius: 10px;
}
.updates-card-4 .card-title{
	color: #1F5593;
	font-weight: 600;
	line-height: 25px;
}
.updates-card-4 .card-text{
	color: #6D6D6D;
}
.updates-card-4 a{
	font-size: 0.7rem;
	color: #6D6D6D !important;
}

.updates-card-5{
	box-shadow: 0px 3px 15px rgba(0,0,0,0.1);
	border: unset;
	border-radius: 8px;
}
.updates-card-5 .card-title{
	color: #1F5593;
	font-size: 2.3rem;
	font-weight: 600;
	margin-top: 0.5rem; 
	margin-bottom: 0rem; 
}
.updates-card-5 .card-text{
	color: #6D6D6D;
	font-weight: 500;
    position: relative;
    top: 25px;	
    font-size: 1rem;
}
.updates-card-5 a{
    position: relative;
    top: 36px;
}

.updates-card-6{
	/*border-bottom: 1px dashed #C2C2C2;*/
}
.updates-card-6 .title{
	color: #1F5593;
	font-weight: 500;
}
.updates-card-6 a{
	color: #9F9F9F;
}
.updates-card-6 a:hover{
    text-decoration: none;
    color: #1F5593;
}

.updates-card-7{
	box-shadow: 0px 3px 15px rgba(0,0,0,0.1);
	border: unset;
	border-radius: 8px;
	overflow: hidden;
}
.updates-card-7 .custom-button-2{
	font-size: 0.75rem;
	color: #6D6D6D !important;
	font-weight: 400 !important;
}
.updates-card-7 .card-figure{
	position: relative;
	min-height: 200px;
}
.updates-card-7 .card-figure .image-overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	filter: brightness(0);
}
.updates-card-7 .card-figure .card-title{
	position: absolute;
	bottom: 0;
	color: #FFF;
	font-weight: 600;
	font-size: 1.3rem;
	padding: 0.8rem;
	padding-bottom: 0.4rem;
}
.updates-card-7 .card-figure a{
	font-size: 0.8rem;
	color: #03CBFF;
	padding-right: 0.1rem;
}
.updates-card-7 .card-body{
	color: #6D6D6D;
	padding-top: 7px;
}

.pricelists-section .custom-button-2{
	font-size: 0.75rem;
	border-color: #1F5593 !important;
}

/*Advertisement Section*/
.ad-container{
	margin-top: -2px;
}
.blue-fullwidth-bg{
	background-color: #1f5593;
	width: 100%;
	padding:30px 0;
}

.blue-fullwidth-bg h2,h2.page-title {
	margin-bottom:30px;
}

.white-fullwidth-bg{
	background-color: #FFF;
	width: 100%;
}

.blue-fullwidth-bg, .white-fullwidth-bg, .trans-fullwidth-bg {
	padding:40px 30px;
}

.advertisement {
    background-color: #FFF;
    height: 250px;
    border-radius: 7px;
    overflow: hidden;
    -webkit-box-shadow: 0px 3px 10px rgb(0 0 0 / 30%);
    box-shadow: 0px 3px 10px rgb(0 0 0 / 30%);
}

.advertisement .advert_head{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2964a8+0,13355b+100 */
	background: #2964a8; /* Old browsers */
	background: -moz-linear-gradient(top,  #2964a8 0%, #13355b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #2964a8 0%,#13355b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #2964a8 0%,#13355b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2964a8', endColorstr='#13355b',GradientType=0 ); /* IE6-9 */
	color: #FFF;
	background-size:cover;
}

.advertisement .advert_head:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(19,53,91,0.2);
    background: -moz-linear-gradient(top, rgba(19,53,91,0.2) 0%, rgba(19,53,91,0.7) 62%, rgba(19,53,91,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(19,53,91,0.2)), color-stop(62%, rgba(19,53,91,0.7)), color-stop(100%, rgba(19,53,91,1)));
    background: -webkit-linear-gradient(top, rgba(19,53,91,0.2) 0%, rgba(19,53,91,0.7) 62%, rgba(19,53,91,1) 100%);
    background: -o-linear-gradient(top, rgba(19,53,91,0.2) 0%, rgba(19,53,91,0.7) 62%, rgba(19,53,91,1) 100%);
    background: -ms-linear-gradient(top, rgba(19,53,91,0.2) 0%, rgba(19,53,91,0.7) 62%, rgba(19,53,91,1) 100%);
    background: linear-gradient(to bottom, rgba(19,53,91,0.2) 0%, rgba(19,53,91,0.7) 62%, rgba(19,53,91,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13355b', endColorstr='#13355b', GradientType=0 );
}

.advertisement .advert_head h4 {
    font-weight: 500;
    line-height: 1.4;
    font-size: 1.6rem;
}

.advertisement .advert_head small{
	font-weight: 600;
	color: #03CBFF;
	font-size: 0.75rem;
}

.warning-message {
	margin-top:20px;
}


@media (min-width: 1200px) {
	.advertisement .advert_head{
		clip-path: polygon(0 0, 87% 0, 100% 100%, 0% 100%);
	}
}

.advertisement .advert_head > div {
    position: relative;
    z-index: 100;
}

.advertisement .advert_body{
}

.advertisement .advert_action{
}

#cover_image-container .far{
	font-size: 12rem;
	color: #1f5593;
}
#timokatalogos_file-container .far{
	font-size: 5rem;
	color: #1f5593;
}
#media-gallery_images-container .far{
	font-size: 3rem;
	color: #1f5593;
}
#media-video-container .fab{
	color: #1f5593;
	font-size: 3rem;
}

.disableData {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: rgba(255,255,255,0.6);
}

table.dataTable tbody th, table.dataTable tbody td {
    position: relative;
}

/* RESPONSE MESSAGES SECTION */
.rsp-msg {
    background-color: #4783DC;
    padding: 15px;
    color: #FFF;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 200;
    display: flex;
    align-items: center;
    line-height: 20px;
    margin: 15px 0;
    position: relative;
    padding-right: 40px;
}
span.msg-close {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 40px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    cursor: pointer;
    color: rgba(255,255,255,0.7);
}

.rsp-msg:before {
	font-family: "Font Awesome 5 Pro";
	content: "\f05a";
	display:inline-flex;
	margin-right:10px;
}

.rsp-msg1 {
	background-color: #DD0000;
}
.rsp-msg2 {
	background-color: #ed7d31;
}
.rsp-msg3 {
	background-color: #7030a0;
}

.rsp-msg4 {
	background-color: #ffc000;
	color:rgba(0,0,0,0.8);
}

.rsp-msg5 {
	background-color: #0070c0;
}
.rsp-msg6 {
	background-color: #00b050;
}


span.removeCartRow {
	cursor:pointer;
}

span.removeCartRow:hover {
    color: #dd0000;
}
/* RESPONSE MESSAGES SECTION */


/* CART ADDITIONAL ITEMS */

#test-datatable_wrapper .customer-card-table-cart th,
#test-datatable_wrapper .customer-card-table-cart td{
	white-space: normal;
}

#test-datatable_wrapper .customer-card-table-cart th {
    white-space: normal;
    min-width: 0;
    vertical-align: middle;
	text-align:center;
	font-size:12px;
}

#test-datatable_wrapper .customer-card-table-cart td {
	 text-align:center;
	 vertical-align: middle;
	 font-size:13px;
}

#test-datatable_wrapper td.details-control {
    text-align: left;
}

.parent-row.dummy-item .details-control:before {
    content: "\f148";
    display: flex;
    width: 15px;
    background: #1f5593;
    color: #fff;
    align-items: center;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    font-family: "Font Awesome 5 Pro";
    align-items: center;
    justify-content: center;
    font-weight: 100;
}

.parent-row.dummy-item .details-control {
	padding-left:20px;
}

.td-device-info {
    font-size: 12px;
    color: #225A9A;
}

.td-device-info span {
	font-weight:bold;
}

#test-datatable_wrapper .customer-card-table-cart th.details-control,
#test-datatable_wrapper .customer-card-table-cart td.details-control,
#test-datatable_wrapper .customer-card-table-cart td.no-details-control,
 {
	min-width:180px !important;
	text-align:left !important;
}	

#test-datatable_wrapper .customer-card-table-cart th.details-control .input-group {
	margin-bottom:0 !important;
	padding-bottom:0 !important;
}

#test-datatable_wrapper .customer-card-table-cart select,
#test-datatable_wrapper .customer-card-table-cart input
{
	padding:0 5px;
	height:30px;
	line-height:30px;
	text-align:center;
}

input#datatable-custom-search {
    text-align: left !important;
}

#test-datatable_wrapper .input-group-text {
    height: 30px;
}

#test-datatable_wrapper .quantityBox {
	margin:0 auto;
}

#test-datatable{
	margin-bottom:30px;
}

#test-datatable_wrapper .customer-card-table-cart th.has-select {
	min-width:60px;
}

.tr-child-data {
	background:#DDD !important;
}

.childRow-wrap {
    width: 100%;
    max-width: 100%;
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2);
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2);
}

.tr-child-data table.basket-additional {
    width: 100%;
}
table.basket-additional {
    border:none;
}

table.basket-additional td,
table.basket-additional th {
	padding:5px 15px !important;
	font-size:13px;
}


#test-datatable_wrapper table.basket-additional tr td {
    border-top: none;
    border-bottom: solid 1px #DDD;
}

#test-datatable_wrapper table.basket-additional tr:last-child td {
	border-bottom:none;
}

th.th-side-heading {
	background: #1b4676;
	color:#fff;
	border:none;
	width:1%;
	font-weight:normal;
	position:relative;
	z-index:1;
	border-right:solid 1px #fff;
}

table.basket-additional th.th-top-heading {
    border: none;
	padding-top:10px !important;
	padding-bottom:10px !important;
	background: #1b4676;
	color:rgba(255,255,255,0.8);
	font-weight:normal;
	
}

tr.disabled-item {
	opacity:0.6;
}

tr.disabled-item th.th-side-heading, tr.disabled-item th.th-top-heading  {
	background:#555;
}

tr.disabled-item input {
	cursor:not-allowed;
}

.hidden {
    display: none !important;
}

.dataTables_scrollHeadInner, .dataTables_scrollHeadInner > table {
	width:100% !important;
	float:none;
}

/* CART ADDITIONAL ITEMS */

/* ITEM WARNINGS */

.input-warning .amesi-ektelesi, .input-warning .amesi-ektelesi {
	color:#dd0000;
	font-weight:bold;
}

.input-success .amesi-ektelesi, .input-success .amesi-ektelesi {
	color:#00dd00;
	font-weight:bold;
}

.backQuantity.changed {
	background:#ccefff;
	border-color:#ccefff;
	font-weight:bold;
}

.dtrg-group {
	background:#1F5593 !important;
	color:#fff;
	display:none !important;
}

/* ITEM WARNINGS */

span.overflow-text {
    /* white-space: nowrap; */
    /* text-overflow: ellipsis; */
    /* overflow: hidden; */
    /* max-width: 80px; */
    display: inline-flex;
    font-size: 12px;
}



.tooltip {
  position: fixed;
  z-index: 99999999999999;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 12px;
  filter: alpha(opacity=0);
  opacity: 0;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: 0.9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}

.dd-toolbar {
    flex: 0 0 100%;
    max-width: 100%;
	margin-top:5px;
}

#sidebar-container li.list-group-item.dd-item button.dd-expand,
#sidebar-container li.list-group-item.dd-item button.dd-collapse,
li.list-group-item.dd-item button.dd-expand,
li.list-group-item.dd-item button.dd-collapse{
    padding: 0;
    margin: 0;
    width: auto;
    float: none;
    width: 12px;
	flex:0 0 12px;
    align-items: center;
    justify-content: flex-start;
    height: auto;
}

#sidebar-container li.list-group-item.dd-item,
li.list-group-item.dd-item 

{
    position: relative;
    padding: 10px;
    margin-bottom: 10px;
    background: rgba(0,0,0,0.03);
    display: flex;
    flex-wrap: wrap;
	width:100%;
	border-radius:0;
}

#sidebar-container li.list-group-item.dd-item:last-child,
li.list-group-item.dd-item:last-child 
{
	margin-bottom:0;
}

.post-date {
    text-align: center;
    margin-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: solid 1px rgba(0,0,0,0.1);
    font-size: 16px;
    color: #666;
}



#sidebar-container li.list-group-item.dd-item .dd-handle, 
#sidebar-container li.list-group-item.dd-item .dd-edit,
#sidebar-container li.list-group-item.dd-item .dd-post,
#sidebar-container li.list-group-item.dd-item .dd-append,
li.list-group-item.dd-item .dd-handle, 
li.list-group-item.dd-item .dd-edit,
li.list-group-item.dd-item .dd-post,
li.list-group-item.dd-item .dd-append {
    width: 20px;
    height: 20px;
    display: inline-flex;
    padding: 0;
    align-items: center;
    justify-content: center;
    border: none;
    background: #1f5593;
    color: #fff;
    margin: 0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 12px;
	z-index:10;
	margin-top:5px;
	margin-left:2px;
	margin-right:2px;
}

#sidebar-container li.list-group-item.dd-item .dd-post a,
li.list-group-item.dd-item .dd-post a {
	color:#fff;
}

#sidebar-container li.list-group-item.dd-item input {
	display:block;
	opacity:1;
	position: static;
}

#sidebar-container li.list-group-item.dd-item label {
	display:block;
	font-size:12px;
	font-weight:bold;
	margin:0;
	color:#333;
}

#sidebar-container li.list-group-item.dd-item .dd-select {
	margin-bottom:5px;
}

#sidebar-container li.list-group-item.dd-item .dd-select:last-child {
	margin-bottom:0;
}

#sidebar-container li.list-group-item.dd-item select, li.list-group-item.dd-item  input {
	display:block;
	padding:0 10px;
	height:30px;
	line-height:30px;
	width:100%;
}

#sidebar-container .dd-editor .dd-panel {
	
	position:fixed;
	z-index:100000;
	width:300px;
	height:auto;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	background:#fff;
	padding:20px;
}

.dd-editor {
	display:none;
	content:"";
	position:fixed;
	z-index:99999;
	background:rgba(0,0,0,0.6);
	width:100%;
	height:100%;
	top:0;
	left:0;
}

#sidebar-container .dd-toolbar i {
	font-size:10px !important;
}


#sidebar-container .dd-list .dd-list {
	padding:0;
	padding-left:0;
	margin-bottom:0;
}

#sidebar-container .sidebar-menu-builder {
	width:100%;
}

#sidebar-container div#sidebar-buttons {
    padding: 10px;
    width: 100%;
}

#sidebar-container li.list-group-item.dd-item .expanded-content,
li.list-group-item.dd-item .expanded-content
{
    display: block;
    line-height: 1.3em;
	color:#2D2D2D;
}

#sidebar-container button.btn.btn-primary.btn-save-sidebar {
    width: 100%;
}
		
		
div#builder-menu ol {
    margin-left: 0;
    padding-left: 0;
	width:100%;
}

div#builder-menu li {
	padding-right:0 !important;
}


div#builder-menu ol ol {
	margin-top:10px;
	margin-bottom:10px;
	margin-left:0;	
}

div#builder-menu ol ol:last-child {
	margin-bottom:0;	
}


span.dd-close {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    background: #1f5593;
    color: #fff;
}

div#builder-menu > ol {
}

div#builder-menu {
	padding:0 10px;
}

span.route-delete {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #dd0000;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 9px;
	cursor:pointer;
	z-index:20;
}

#sidebar-container li.list-group-item.dd-item {
    border-right: none;
    border-bottom: none;
    border-top: none;
    border-left: solid 1px rgba(0,0,0,0.4);
}

#menu.list-group .list-group-item {
    padding: 0;
    margin: 0;
    list-style: none;
}

#menu.list-group .list-group-item a.has-child {
	position:relative;
}

#menu a.has-child.collapsed:before {
}
#menu a.has-child:before {
    content: "+";
    position: absolute;
    width: 1rem;
    left: 0;
    height: 100%;
    display: flex;
    border-right: 1px dashed rgba(0,0,0,0.2);
    top: 0;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    color: #1f5593;
	font-family:"Font Awesome 5 Pro";
	content: "\f077";
	font-size:8px;
}

#menu.list-group .list-group-item a {
    border-bottom: solid 1px rgba(0,0,0,0.1);
}

#menu ul {
	background:rgba(0,0,0,0.04);
}

#menu a.has-child.collapsed:before {
	content: "\f078";
}

#menu.list-group .list-group-item a {
    text-decoration: none;
    display: block;
    padding: 0.45rem 1.25rem;
    cursor: pointer;
}

#menu.list-group .list-group-item a:hover {
	text-decoration:underline;
}

.sidebar-admin {
	color:#666;
	padding: 0.45rem 1.25rem;
}

.sidebar-admin .toggle-group label, .sidebar-admin .toggle-group span {
    cursor: pointer;
}
.sidebar-admin .toggle-handle {
    position: relative;
    margin: 0 auto;
    padding-top: 0px;
    padding-bottom: 0px;
    height: 100%;
    width: 0px;
    border-width: 0 1px;
    background-color: #fff;
}
.sidebar-admin .btn-light,
.sidebar-admin .btn-default {
    color: #212529;
    background-color: #f0f0f0;
	border: 1px solid #999;
}

.sidebar-admin .toggle-off.btn {
    padding-left: 1.5rem;
}

.sidebar-admin .toggle-off {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    right: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.sidebar-admin {
    color: #666;
    padding: 0.45rem 1.25rem;
    width: 100%;
    display: block;
}

.sidebar-admin .form-check-inline {
    display: flex;
    align-items: center;
    padding-left: 0;
    margin-right: 0;
    flex: 0 0 100%;
    width: 100%;
}

#single-invoice-section .dataTables_info{
	text-align:center;
	padding:15px;
	color:#999;
}

#single-invoice-section #invoices-datatable td,
#single-invoice-section #invoices-datatable th {
	text-align:center;
	padding:15px;
}

.dt-buttons {
	padding:10px 0;
    text-align: center;
    display: flex;
    flex-wrap: nowrap;
	justify-content:center;
	background:#1F5593;
}

.dt-buttons button,
.dt-buttons button:focus,
.dt-buttons button:active,
.dt-buttons button:hover{
	margin:0 5px;
	background:#fff;
	border-radius:25px;
	-webkit-border-radius:25px;
	color:#1F5593;
	padding:5px 20px;
	border:none;
	outline:none !important;
}

.fancybox-inner {
    margin: 100px;
}

#single-invoice-section h3.page-title {
    text-align: center;
    margin-top: 0;
	margin-bottom:30px;
}

/* CHOSEN & FORM */

div#remittance-form {
    display: block;
    width: 100%;
    padding: 30px;
    background: #fff;
    margin: 0 0 30px 0;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);
}

.form-wrapper {
    display: block;
    width: 100%;
}

.form-wrapper .form-row {
    margin-bottom: 30px;
}

.chosen-container {
    position: relative;
    display: block;
    vertical-align: middle;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100% !important;
    max-width: none;
    float: none;
}

.chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%;
    background: url(chosen-sprite.png) no-repeat 0px 10px !important;
}

.form-row.form-buttons {
    margin: 0;
    border-top: solid 1px #dfdfdf;
    padding-top: 20px;
}

.form-wrapper .form-control {
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
}

.form-wrapper .input-group-text {
    border: unset;
    height: 40px;
    border: solid 1px #dfdfdf !important;
    width: 40px;
    border-left: 0 !important;
    padding: 0 !important;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin: 0 !important;
}

.form-wrapper .input-group-text i {
	margin:0;
	padding:0 !important;
}

.form-row > .col.no-grow{
    flex-grow: 0;
}

.form-wrapper label {
	color:#1F5593;
}

.form-wrapper .form-row.justify-center {
	justify-content:center;
}

a.chosen-single {
    height: 40px !important;
    line-height: 40px !important;
    background: #fff !important;
    border: solid 1px #dfdfdf !important;
}

.flex-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#remittances-header-allwrap th label {
	margin:0;
	font-weight:bold;
}

#remittances-header-allwrap thead tr th, 
#remittances-header-allwrap tbody tr td {
	white-space:normal;
	
}

#remittances-header-allwrap button.btn.btn-default.custom-button-2 {
    padding: 5px 25px;
}

#remittances-header-allwrap tbody tr td input {
    width: 100%;
    float: none;
    max-width: none !important;
	border:solid 2px #dfdfdf;
}

.form-control-max {
	max-width:80px;
}

input.input-warning {
	border-color:#D45128;
}

.topwrap {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

tr.rowUpdated {
	background-color:rgba(3,203,255,0.2) !important;
}

footer a[href^="payments"] {
  display: none;
}
/* nikolas css */
.date-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}
.date-wrapper label{
    font-size:11px;
    padding:1rem;
}

.table-heading-top-bar {
    display: flex;
    flex-wrap: wrap;
    padding: 15px;
    width: 100%;
	align-items: center;
    background: #1f5593;
    color: #fff;
}

.quotBlock {
    display: flex;
    flex: 1;
    align-items: center;
}

.quotBlock:last-child {
	justify-content:flex-end;
}

.quotBlock h5 {
    font-size: 0.9rem;
    line-height: 30px;
}

.table-heading-under-top-bar {
    padding: 15px;
    border-bottom: solid 1px rgba(0,0,0,0.2);
}

.table-heading-under-top-bar label {
    font-weight: bold;
    font-size: 14px;
}

.table-heading-under-top-bar p {
    font-size: 13px;
    color: #888;
}

.quot-checkbox {
	width:16px;
	height:16px;
	margin-left:5px;
	cursor:pointer;
}

label.quot-label {
    margin: 0 0 0 10px;
    align-items: center;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    align-items: center;
}

.quotationContainer .custom-message {
	 /* margin-bottom:20px; */
}

.quotationContainer .hide-me-a,
.quotationContainer .hide-me-b,
.quotationContainer .show-me {
	height:auto;
	padding:20px 15px;
	text-align:center;
}

.quotationContainer .hide-me-a,
.quotationContainer .show-me {
background: rgba(237,237,237,1);
background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,237,237,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0 );
}

.quotationContainer .hide-me-a a,
.quotationContainer .show-me a{
	color:#666;
}

.quotationContainer .hide-me-a,
.quotationContainer .hide-me-b
 {
	display:none;
}	

#quotationsCon .quotesTable th, 
#quotationsCon .quotesTable td{ 
	white-space:normal;
	font-size:13px;
}

#quotationsCon .quotesTable td.quoteItemId {
	white-space:nowrap;
	text-align:left;
}

.buttons.align-right-buttons {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    float: none;
	margin-bottom:40px;
}

.buttons.align-right-buttons a {
	padding:15px 20px;
}

.buttons.align-right-buttons a:last-child {
	margin-left:15px;
}


/*UPDATES OVERRIDES */

.content-block-news .card,
.content-block-press .card,
.content-block-educational .card
 {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}

.content-block-educational,
.content-block-news {
	margin-bottom:30px;
}


.content-block-news figure {
	margin:0;
}

.content-block-news .card-body,
.content-block-press .card-body, 
.content-block-educational .card-body
{
    padding: 15px 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: flex-start;
    -webkit-justify-content: flex-start;
    webkit-justify-content: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.content-block-pricelist {
    background: #fff;
	padding-right:30px;
}

.tags-container {
    background: #13355b;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 30px 20px 30px;
	flex-wrap:wrap;
}

.tag-item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 20px;
    background: rgba(255,255,255,1);
    color: #1f5593;
    font-size: 13px;
    font-weight: 500;
    margin: 0 5px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
	-webkit-box-shadow: 0px 3px 10px rgba(0,0,0,0.3);
	box-shadow: 0px 3px 10px rgba(0,0,0,0.3);
	cursor:pointer;
	margin-bottom:10px;
}

.tag-item:hover,
.tag-item.active {
	background-color: #03CBFF;
	color:#fff;
}

ul#menu {
    margin: 0;
    padding: 0;
    border: none;
}

#menu li.list-group-item {
    padding: 0;
    margin: 0;
    border: none;
}

.order-row {
    display: flex;
    padding-bottom: 10px;
}

.order-input-group.order-input-group-singleline {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.order-input-group {
    margin-top: 10px;
}

.order-input-group.order-input-group-singleline > label {
    border-right: solid 1px rgba(255,255,255,0.2);
    padding-right: 5px;
	line-height:1;
}

.order-input-group.order-input-group-singleline label {
	margin:0;
}

.shallow-text.inline-p {
    display: flex;
    flex-wrap: nowrap;
}

span.shallow-text.inline-p input {
    height: auto;
}

span#salesPoolValue {
    font-size: 13px;
}

table#customer_data_table th {
    background: #194476;
    color: #fff;
	padding: 15px 20px;
    text-align: center;
}


table#customer_data_table td {
	padding: 15px 20px;
	border-right:dashed 1px #dfdfdf;
	text-align:center;
	white-space:nowrap;
	color:#225A9A;
}

table#customer_data_table td:last-child {
	border:none;
}

div#info-content {
    display: block;
    margin: 0 30px 30px 30px;
    padding: 30px;
    width: 100%;
}

.contact-block {
	margin-bottom:30px;
}

.contact-block-inner {
    display: flex;
    flex-direction: column;
    background: #fff;
    padding: 20px;
	-webkit-border-radius: 10px;
    border-radius: 10px;
     box-shadow: 2px 0px 15px rgba(0,0,0,0.10);
    height: 100%;
}

.contact-block-inner h4 {
    margin: 0;
    padding: 0;
    display: block;
    color: #1f5593;
}

span.department {
    display: block;
    font-weight: 100;
    font-size: 17px;
    margin-top: 5px;
    color: #999;
}

.DEP-contactInfo {
    margin-top: 10px;
    padding-top: 10px;
    border-top: solid 1px #dfdfdf;
}

.DEP-contactInfo ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

.DEP-contactInfo ul li {
	display:block;
	margin-bottom:10px;
}

.DEP-contactInfo ul li:last-child {
	margin-bottom:0;
}

.DEP-contactInfo ul i {
	    color: #1f5593;
	    display: inline-flex;
    width: 20px;
    justify-content: center;
    align-items: center;
	font-size:15px;
	text-align:center;
}

div#create_post_editor select, div#create_post_editor input, div#create_post_editor texarea {
    padding: 10px 15px;
    border: solid 2px #DDD;
	display:block;
	width: 100%;
	background:#fff;
	-webkit-border-radius:6px;
	border-radius:6px;
	min-height:30px;
	height:auto;
}

div#create_post_editor .note-editor.note-airframe, .note-editor.note-frame {
	border: solid 2px #DDD !important;
}

div#tags-container .form-group {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin: -6px;
    padding: 10px 0 0 0;
}

div#tags-container input, div#tags-container .form-group label {
	margin:0;
	padding:0;
}

div#tags-container .tag-wrap-form label {
    padding: 6px 10px;
    background: #6eb1ff;
    color: #fff;
    margin: 6px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
    border: solid 2px #1f5593;
    display: flex;
    align-items: center;
    justify-content: center;
	flex-wrap:nowrap;
	white-space: nowrap;
	font-size:12px;
	cursor:pointer;
}

div#tags-container input {
	margin-right:10px;
	cursor:pointer;
	width:15px;
	height:15px;
	min-height:auto;
}

label.main_cms_label {
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
    color: #1f5593;
	font-size:18px;
}

.submit-buttons {
    display: block;
    margin-top: 25px;
    padding-top: 25px;
    border-top: dashed 2px #CCC;
    width: 100%;
	text-align:center;
}

.submit-buttons .btn {
    padding: 10px 25px;
    display: inline-block;
    width: 100%;
    max-width: 600px;
    font-weight: 400;
    font-size: 18px;
    text-transform: uppercase;
    -webkit-border-radius: 60px;
    border-radius: 60px;
}

.CMSLeftSection {
    border-right: dashed 1px #dfdfdf;
    padding-top: 20px;
    padding-bottom: 20px;
}

.CMSRightSection .CMSRightWrap{
    background: rgba(0,0,0,0.05);
    padding: 20px;
}

div#create_post_editor .page-title {
    color: #fff;
	font-weight:normal;
	margin:0;
	padding:0;
}

div#create_post_editor .custom-card-1 .card-header {
	padding:20px 15px;
}

img#cover_image_preview {
    border: solid 2px rgba(0,0,0,0.1);
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.cardBodyCms {
	padding-left:15px;
	padding-right:15px;
}

div#create_post_editor #selectedCategory {
	background:rgba(0,0,0,0.1);
}
div#create_post_editor .errorField, 
div#tags-container  .errorField
{
border-color:#DD0000 !important;
}

form#search.manageSearch {
    display: flex;
    width: auto;
    align-items: center;
    justify-content: flex-start;
    background: #fff;
    padding: 10px 20px;
	margin-top:20px;
	position:relative;
	padding-right:60px;
	cursor:pointer;
}

span#search-add {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 40px;
    background: #1f5593;
    color: #fff;
    display: flex;
    padding: 0;
    align-items: center;
    justify-content: center;
}
form#search.manageSearch .date-wrapper label {
	margin:0;
	font-weight:bold;
}

.manageSearch input#query {
    min-width: 420px;
	height:40px;
}

.manageSearch input#date-started, 
.manageSearch input#date-ended
{
    width: 160px;
	height:40px;
}


.gallery-image-wrapper-inner {
    display: flex;
    flex-wrap: wrap;
	margin:0 -15px;
}

.image-block-outter {
    flex: 0 0 33.3333333%;
    max-width: 33.333333%;
}

.gallery-image-wrapper-inner img {
    width: 100%;
    height: auto;
}

.gallery-image-wrapper-inner,
.video-wrapper-inner
{
    margin-top: 30px;
    margin-bottom: 30px;
}

.video-wrapper-inner #player {
	width:100%;
}

.video-wrapper-inner #player {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}


.image-block-inner {
    padding: 15px;
}

.gallery-image-wrapper,
.video-wrapper,
#inPostWrapper .post-file 
{
    border-top: dashed 1px #dfdfdf;
    margin-top: 30px;
    padding-top: 30px;
}

.post-file-wrapper > span {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
}

.gallery-image-wrapper h3,
.post-file h3,
.video-wrapper h3

{
    text-align: center;
    color: #1f5593;
}

.content-block.content-block-press {
    margin-bottom: 30px;
}

.post-content-master {
    padding-left: 30px;
    padding-right: 30px;
}

#createQuotationTop, #createQuotation {
    display: inline-flex;
    margin-right: 0 !important;
    padding: 15px;
    font-size: 0.9rem;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

#createQuotationTop i, #createQuotation i {
	font-size:20px;
	margin-right:10px;
	color:#03CBFF;
}

.cart-title-space {
	clear:both;
	margin-bottom:30px;
}

.user-options a{
	padding-right:10px;
	margin-right:10px;
	border-right: solid 1px rgba(255,255,255,0.2);
}

.user-options a:last-child {
	padding-right:0;
	margin-right:0;
	border:none;
}

body.childShown .childRow-wrap {
    position: fixed;
    z-index: 1000;
    width: 100%;
    max-width: 1400px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

td.tr-child-data {
	padding:0 !important;
	margin:0 !important;
	height:0px !important;
	border:none !important;
}

body.childShown .childModal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.9);
}

.post-toolbox {
    position: absolute;
    right: 5px;
    top: 5px;
    background: #fff;
    z-index: 20;
    -webkit-border-radius: 30px;
    border-radius: 30px;
	padding:5px;
	opacity:0.7;
	border:solid 1px #1f5593;
}

.post-toolbox:hover {
	opacity:1;
}

.post-toolbox ul {
	display:flex;
	margin:0;
	padding:0;
	list-style-type:none;
	align-items:center;
	justify-content:center;
	margin-left:-5px;
	margin-right:-5px;
}

.post-toolbox ul li {
	display:block;
	margin:0 5px;
}

.post-toolbox ul li a {
	display:flex;
	width:25px;
	height:25px;
	color:#fff !important;
	background:#666;
	-webkit-border-radius:50%;
	border-radius:50%;
	align-items:center;
	justify-content:center;
	font-weight:100;
	font-size:12px;
	opacity:0.8;
}

.post-toolbox ul li a:hover,
.post-toolbox ul li a:active,
.post-toolbox ul li a:focus {
	opacity:1;
}

.post-toolbox ul li a.editPostItem {
	background:#1f5593;
}

.post-toolbox ul li a.removePostItem {
	background:#dd0000;
}

.footer-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}

.footer-pagination a,
.footer-pagination a.custom-button-2
 {
    font-size: 16px;
}

.dashboard-wrapper {
    background: #133A67;
    background-attachment: fixed;
    background-size: cover;
	min-height:93vh;
}

.dashboard-wrapper .blue-fullwidth-bg {
	background:none;
}

.coming_soon_container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
}

.coming_soon_content {
    font-size: 25px;
    font-weight: 500;
}

.coming_soon_content div#large-logo-container {
    margin: 40px 0 40px 0;
}

#clipboardResponseMsg .rsp-msg3 {
    background-color: #7030a0;
    margin: 10px 0;
    padding: 10px;
    font-size: 12px;
}

#clipboardResponseMsg {
    max-height: 200px;
    overflow: auto;
}

div#quotationsWrap {
    width: 100%;
}

.genericMessageContainer {
	margin-bottom:20px;
	padding-left:0;
}

.sentToTrash:hover,
.sentToTrash:active,
.sentToTrash:focus,
.sentToTrash {
	color:#fff;
}

div#quotationsWrap .custom-message a {
    color: #fff;
    text-decoration: underline;
}

#quotationsWrap .sentToBasket:hover,
#quotationsWrap .sentToBasket:active,
#quotationsWrap .sentToBasket:focus,
#quotationsWrap .sentToBasket {
	margin-left:5px;
	color:#fff;
	border-right:none !important;
}

.filter-form {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    text-align: center;
    background: #133a67;
    border-bottom: solid 1px #fff;
    border-top: solid 1px #fff;
    color: #fff;
}

.filter-group {
    padding: 0 5px;
}
.chosen-choices {
    border:none;
	border-bottom: 1px solid #5897fb;
	-webkit-border-radius: 4px;
    border-radius: 4px;
	
}

.chosen-container {
	-webkit-border-radius: 4px;
    border-radius: 4px;
	width:auto !important;
    
}

.chosen-choices,.chosen-drop {
	max-width:350px;
}

.filter-group {
    padding: 0 5px;
    display: flex;
    flex-direction: column;
}

.number-format,th.number-format {
	text-align:right !important;
}

td.number-format {
	font-weight:bold !important;
}

h3.form-title {
    color: rgb(19, 58, 103);
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: solid 2px rgb(19, 58, 103);
    font-weight: 900;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
h3.form-title span {
    font-size: 13px;
    font-weight: normal;
    color: #999;
}

div#large-logo-container {
    margin: 0 0 30px 0;
}

.terms-text {
    font-size: 12px;
    text-align: center;
    color: #666;
    margin-bottom: 20px;
}

form#register-form .form-group {
    margin-bottom: 5px;
}

.form-buttons-modal.btn.btn-outline-secondary {
    padding: 6px 30px;
    border-radius: 30px;
    margin-top: 15px;
}

div#loginMessage {
    padding: 30px;
    text-align: center;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    min-width: 550px;
    max-width: 700px;
}

div#loginMessage h2 {
    color: rgb(19, 58, 103);
    font-size: 2em;
    margin-bottom: 20px;
}

div#stockContent {
    width: 100%;
}

.custom-card-headers{
    height: 100%;
    justify-content: center;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.searchBlockWrap {
    padding: 20px;
    background: #1f5593;
    color: #fff;
    border-radius: 4px;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.searchBlockWrap input,
.searchBlockWrap select 
{
    padding: 0 10px;
    border: none;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
}

.searchBlockWrap {
    padding: 20px;
    background: #1f5593;
    color: #fff;
    border-radius: 4px;
    height: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}

.searchBlock {
    flex: 1;
    padding-right: 30px;
}

.searchButtons button {
    padding: 0 3rem;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    border: none;
    margin: 0;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    background: #133a67;
	width:450px
}

.searchButtons button i {
	color:#03CBFF;
	margin-right:5px;
}

.searchBlock label {
    font-weight: bold;
    font-size: 14px;
}

.parentWrap {
	width:100%;
}

.cart-info-headers .card {
    height: 100%;
}

select#SalesPoolIDChild {
    margin-top: 10px;
}

span.input-group-text.clickable.addToBasket {
    width: auto;
    cursor: pointer;
    background: #1d5799;
    border: solid 1px #1d5799;
    color: #fff;
    font-size: 13px;
}

span.input-group-text.clickable.addToBasket:hover,
span.input-group-text.clickable.addToBasket:active,
span.input-group-text.clickable.addToBasket:focus {
	background:#03CBFF;
	border: solid 1px #03CBFF;
}

span.input-group-text.clickable.addToBasket i {
	margin-right:10px;
}

div#selectOperator_chosen .chosen-drop {
    width: 100% !important;
    max-width: 100% !important;
    border-top: solid 1px #ddd;
}

div#selectOperator_chosen .chosen-search input[type="text"] {
    border: solid 1px #999 !important;
    padding: 10px 15px;
	background:none;
}

form#create-new-remittance .chosen-container {
    display: block;
    width: 100%;
}

form#create-new-remittance .chosen-drop {
    width: 100%;
    max-width: none;
}

form#create-new-remittance input, 
form#create-new-remittance select, 
form#create-new-remittance .chosen-container

{
    border: solid 2px #1d5799;
}

button#remSubmit,button#remEdit, #remDelete {
    padding: 10px 15px;
    font-size: 15px;
    min-width: 200px;
}

button#remSubmit i,button#remEdit i, #remDelete span{
	margin-right:5px;
}

button#remSubmit:focus, 
button#remEdit:focus
{
	outline:none;
}

button#remEdit {
	display:none;
}

.edit-disabled button#remSubmit {
	display:none;
}

.edit-disabled button#remEdit {
	display:inline-block;
}

.remSalesSubmit, .remSalesSubmit:hover, .remSalesSubmit:active, .remSalesSubmit:focus, .remInvSubmit, .remInvSubmit:hover, .remInvSubmit:active, .remInvSubmit:focus, #remDelete
{
    background: #1d5799 !important;
    color: #fff !important;
    opacity: 0.9;
    line-height: 25px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
	min-width:150px !important;
}

.remSalesSubmit:hover, 
.remSalesSubmit:active, 
.remSalesSubmit:focus,
.remInvSubmit:hover,
.remInvSubmit:active,
.remInvSubmit:focus
{
    opacity: 1;
}

#remDelete {
    background: #dd0000 !important;
    border-color: #dd0000 !important;
}

.html-loader {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: rgba(255,255,255,0.3);
}

.td-submit {
	overflow:visible !important;
}


a.tt-close i {
    margin: 0 !important;
    line-height: 1 !important;
}
a.tt-close {
    position: absolute;
    right: 10px;
    top: 10px;
    margin: 0 !important;
    opacity: 0.5;
    line-height: 10px !important;
	cursor:pointer;
}

.form-row.form-buttons-row.justify-center {
    margin: 0;
    align-items: center;
    justify-content: center;
}

.flex-col label {
    margin: 0 10px 0 0;
}

.flex-col {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}
.flex-col.flex-col-last {
    margin-left: 10px;
    padding-left: 10px;
    border-left: dashed 1px rgba(0,0,0,0.1);
}

.html-tooltip-msg {
    background: #7030a0;
    padding: 10px;
    display: flex;
    flex-direction: column;
    color: #fff;
    font-size: 13px;
    line-height: normal;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    position: absolute;
    width: 100%;
    height: auto;
    right: 0;
    top: 100%;
    margin-top: -10px;
    z-index: 1000;
    border: solid 2px #512771;
	-webkit-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.5);
	box-shadow: 0 3px 7px 0 rgba(0,0,0,0.5);
}

.html-tooltip-msg:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #7030a0;
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
}

.html-tooltip-msg i {
    margin: 0 0 5px 0 !important;
    font-size: 15px !important;
}

#create-new-remittance .chosen-disabled {
    opacity: 1 !important;
    cursor: default;
}

.chosen-disabled .chosen-single {
    cursor: default;
    background: #e9ecef !important;
}

form#create-new-remittance span#basic-addon2 {
    background: #1d5799;
    border-color: #1d5799 !important;
    color: #fff;
    height: 44px;
    line-height: 44px;
}

form#create-new-remittance input.form-control.form-control-max {
    /* background: #1d5799; */
    color: #fff;
    font-weight: bold;
    min-width: 150px;
    border: none;
    text-align: center;
    color: #1d5799;
    font-size: 18px;
    border: solid 1px rgba(0,0,0,0.2);
}

form#create-new-remittance input, form#create-new-remittance select {
    height: 44px;
    line-height: 44px;
    font-size: 15px;
}

button.btn.btn-primary.trashItemRem i {
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-weight: 100;
}
button.btn.btn-primary.trashItemRem {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    font-size: 13px;
    height: 28px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: none;
}


form#create-new-remittance .form-row > .col.no-grow {
    display: flex;
    align-items: center;
    justify-content: center;
}

form#create-new-remittance .form-row > .col.no-grow label {
    color: #1F5593;
    margin: 0 10px 0 0;
}

span.date_cby, span.date_cby2 {
    display: block;
    font-size: 13px;
    color: #999;
    text-align: center;
}

span.date_cby {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: solid 1px #DDD;
    width: 100%;
    text-align: left;
}

.content-block-pricelist span.date_cby  {
	border:none;
	margin:0;
	padding:0;
}

.red-remove {
    font-weight: normal;
    color: #dd0000;
    font-size: 12px;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    border: dashed 1px rgba(0,0,0,0.2);
    background: rgba(255,255,255,0.8);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: inline-flex;
}

.red-remove i {
    font-size: 15px;
    margin-right: 5px;
	font-weight:300;
}

.submitOrder {
    position: relative;
    overflow: hidden;
}
.submitOrder.disabled-btn:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: rgba(255,255,255,0.1);
}

.submitOrder.disabled-btn {
    color: rgba(255,255,255,0.4) !important;
}

.custom-message + .card {
    margin-top: 20px;
}

.white-text th {
	color:#fff !important;
}

#RemoveItemModal .modal-body.Aligner {
    padding: 20px;
}

.custom-message.message-5 {
    background-color: #7030a0;
    padding: 15px;
    color: #FFF;
    border-radius: 4px;
    font-size: 1rem;
    font-weight: 600;
}

div#quotationsWrap .custom-message {
    font-weight: normal;
    line-height: normal;
}

.mt-info {
    margin-top: 10px;
    padding: 10px;
    background: rgba(255,255,255,0.8);
    border-radius: 5px;
    color: #333;
    font-size: 13px;
    font-weight: normal;
}

.lds-ring {
	display: inline-block;
	width: 80px;
	height: 80px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%);
	z-index: 99;
}
.lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 64px;
	height: 64px;
	margin: 8px;
	border: 8px solid #2964a8;
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: #2964a8 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
	animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
	animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
	animation-delay: -0.15s;
}
@keyframes lds-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}


.modal-loader {
	display: inline-block;
	width: 80px;
	height: 80px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%);
	z-index: 99;
}
.modal-loader div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 64px;
	height: 64px;
	margin: 8px;
	border: 8px solid #2964a8;
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: #2964a8 transparent transparent transparent;
}
.modal-loader div:nth-child(1) {
	animation-delay: -0.45s;
}
.modal-loader div:nth-child(2) {
	animation-delay: -0.3s;
}
.modal-loader div:nth-child(3) {
	animation-delay: -0.15s;
}
@keyframes modal-loader {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

#customerCardDetails #invoices-header-datatable tr:first-child td,
#customerCardDetails #invoices-header-datatable tr:last-child td {
	font-weight:bold;
	background:rgba(0,0,0,0.05);
	color:#1F5593;
}

.guest-menu .menu_type7, 
.guest-menu .menu_type0 {
    display: none;
}

span.empty-bar {
    position: relative;
    display: block;
    width: 120px;
    height: 10px;
    background: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: solid 1px rgba(0,0,0,0.2);
	overflow:hidden;
}

span.filled-bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent;
}

.filled-bar.red {
	background:#de7249;
}
.filled-bar.light-yellow {
	background:#dec049;
}
.filled-bar.light-green {
	background:#bedc40;
}
.filled-bar.green {
	background:#84de49;
}

div#partsSection td, div#partsSection th {
    font-size: 14px;
    padding: 10px;
}

span.resetForm {
    margin-left: 10px;
    padding-left: 10px;
    border-left: solid 1px rgba(255,255,255,0.5);
    height: auto;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    display: flex;
    cursor: pointer;
    color: yellow;
    font-weight: 300;
    font-size: 12px;
}
span.resetForm i {
	margin-right:10px;
}

.price-small {
    font-size: 15px;
    color: #999;
}

.price-red {
    font-size: 13px;
    font-weight: bold;
    color: #dd0000;
}

tbody#append-here input {
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    display: block;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: solid 1px rgba(0,0,0,0.3);
	margin:0 !important;
}

.input-grp-quantity-con {
	text-align: center;
	margin-right:10px;
}

.input-grp-quantity-con label {
    text-align: center;
    font-weight: bold;
    font-size: 11px;
}

#append-here .flex-nowrap {
    align-items: flex-end;
}

span.input-group-text.clickable.addToBasket {
    width: auto;
    cursor: pointer;
    background: #1d5799;
    border: solid 1px #1d5799;
    color: #fff;
    font-size: 13px;
    height: 40px;
    padding: 0 20px;
    -webkit-border-radius: 5px;
    border-radius: 5px !important;
    overflow: hidden;
    border: none;
}

span.input-group-text.clickable.addToBasket:hover {
	border:none !important;
}

label.date-field {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    align-items: center;
    font-size: 12px;
}

label.date-field i {
	color: #3490dc;
	margin-right:5px;
}

.flex-buttons a {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    font-size: 12px;
    margin: 5px 0;
}

.flex-buttons {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.advert_action a {
    white-space: nowrap;
}

h2.pl-item__title {
    text-align: center;
    margin-bottom: 1rem;
    color: #1f5593;
    letter-spacing: 1.1px;
    font-size: 27px;
}

img.flag-icon {
    max-width: 16px;
    height: auto;
}

a.dropdown-lang img {
    margin-right: .25rem;
}
a.dropdown-lang {
    display: flex;
    align-items: center;
    font-size: 14px;
}

a.nav-link.dropdown-toggle.dropdown-lang {
    font-size: 14px;
}

/* DEVICES */

span.task-obj-label {
    font-size: 13px;
    color: #999;
}

.task-object {
    display: flex;
    flex-direction: row;
    white-space: normal;
    background: #fff;
    align-items: center;
    height: 100%;
    flex-shrink: 0;
    padding: 0;
	border: solid 2px #f11010;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 1rem;
	background:#fff5f5;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
}

span.task-obj-label {
    font-size: 13px;
    color: #999;
}

.task-object > .task-obj-block:first-child {
    background: #f11010;
    color: #fff;
    font-weight: bold;
    flex: 0 0 100px;
    max-width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.task-object:hover > .task-obj-block:first-child {
    flex: 0 0 120px;
    max-width: 120px;
}

.task-obj-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 1rem;
    justify-content: center;
    height: auto;
    flex: 1;
    flex-shrink: 0;
    align-self: stretch;
}

.task-obj-block {
    border-right: dashed 1px rgb(241 16 16 / 14%);
}

.task-obj-block:last-child {
	border-right:none;
    text-align: center;
	align-items: center;
}

.task-obj-block.task-obj-tools {display: flex;flex: 0 0 40px;max-width: 40px;flex-direction: column;padding: 0;height: auto;}

.task-obj-block.task-obj-tools .task-toolbar {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.task-toolbar-block {
    flex: 1;
    align-items: center;
    justify-content: center;
    display: flex;
}

.task-toolbar-block + .task-toolbar-block {
    border-top: dashed 1px rgba(0,0,0,0.2);
}

.task-toolbar-block a {
    color: #111;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.task-toolbar-block a:hover,.task-toolbar-block a:active,.task-toolbar-block a:focus {color: #f11010;}

span.task-obj-val {
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.task-obj-row {
    display: flex;
    width: 100%;
}

.task-obj-row > .task-obj-block {
    flex: 1;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0.75rem;
}

.task-obj-block.task-obj-block-content {
    padding: 0;
}


.task-object.task-object-offers {
    border-color: #1f5593;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
    background: #fff;
	margin:0;
	border:none;
	overflow:hidden;
}

.task-object.task-object-offers > .task-obj-block:first-child {
    background: #1f5593;
}

.task-obj-heading {
    display: flex;
    flex-direction: row;
    width: 100%;
    background: #1f5593;
    border-left: solid 1px #fff;
    justify-content: space-between;
}
.task-obj-block.task-obj-date {
    display: flex;
    flex-direction: row;
}

.task-object.task-object-offers span.task-obj-val {
    color: #1f5593;
}

.task-obj-block-bottom thead td {
    background: #1f5593;
    color: #fff;
    border-top: none;
	vertical-align:bottom;
}

.task-obj-block-bottom thead td + td {
}

.task-obj-block-bottom td {
    text-align: center;
}

div#inner-page-sidebar .btn.btn-primary span {
    flex: 1;
    justify-content: flex-start;
    display: flex;
}

.task-obj-block.task-obj-date span.task-obj-label {
    flex: 0;
    color: #fff;
    border-right: dashed 1px rgba(255,255,255,0.5);
    margin-right: 1rem;
    padding-right: 1rem;
    height: 100%;
    display: flex;
    align-items: center;
}

.task-obj-block.task-obj-date span.task-obj-val {
    display: flex;
    align-items: center;
    height: auto;
}


.task-obj-block.task-obj-date span.task-obj-val {
    flex: 0;
    color: #fff;
}

.task-obj-row + .task-obj-row {
    border-top: solid 1px rgba(0,0,0,0.2);
}

.task-obj-row + .task-obj-row {
    border-top: solid 1px rgba(0,0,0,0.2);
}

.task-obj-heading .task-obj-block.task-obj-date {
    flex: 1;
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    align-items: center;
    border-right: none;
}

.task-obj-heading .task-obj-block.task-obj-date:last-child {
    justify-content: flex-end;
}
.task-obj-heading .task-obj-block.task-obj-date:first-child {
    justify-content: flex-start;
}

.task-obj-block-bottom-wrap {
    display: none;
}

.task-obj-block-bottom-toggle {
    background: #1f5593;
    color: #fff;
    text-align: center;
    padding: 1rem;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
	cursor:pointer;
}

.task-object.task-object-offers .task-obj-block.task-obj-tools {
    background: #1f5593;
    border-left: solid 1px #fff;
    background: rgba(31,85,147,1);
    background: -moz-linear-gradient(top, rgba(31,85,147,1) 0%, rgba(3,205,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(31,85,147,1)), color-stop(100%, rgba(3,205,255,1)));
    background: -webkit-linear-gradient(top, rgba(31,85,147,1) 0%, rgba(3,205,255,1) 100%);
    background: -o-linear-gradient(top, rgba(31,85,147,1) 0%, rgba(3,205,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(31,85,147,1) 0%, rgba(3,205,255,1) 100%);
    background: linear-gradient(to bottom, rgba(31,85,147,1) 0%, rgba(3,205,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f5593', endColorstr='#03cdff', GradientType=0 );
}

.task-obj-block.task-obj-block-content {
    border: none;
}

.task-obj-block-wrap {
    margin-top: 1rem;
}

.task-obj-block-bottom-wrap table {
    margin: 0;
}

.task-object.task-object-offers .task-toolbar-block a {
    color: #fff;
}

.task-obj-block-bottom {
    margin-top: 1px;
}

.task-object > .task-obj-block.v-text span {
    display: flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    transform: rotate(-90deg);
}

.task-object > .task-obj-block.v-text {
    padding: 0;
    flex: 0 0 40px;
    max-width: 40px;
}

.task-object.task-object-offers:hover > .task-obj-block.v-text,
.task-object.task-object-offers:active > .task-obj-block.v-text,
.task-object.task-object-offers:focus > .task-obj-block.v-text 
{
    flex: 0 0 40px;
    max-width: 40px;
}

.task-object.task-object-offers .task-toolbar-block + .task-toolbar-block {
    border: none;
}

.section-heading h2 {
    margin: 0;
    padding: 0;
    color: #fff;
    font-weight: 900;
    font-size: 24px;
}
.section-heading {
    background: #133a67;
    padding: 1rem 1rem;
    color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

.search-top-bar label {
    display: block;
}

.search-top-bar {
    padding: 2rem;
    background: #1f5593;
    color: #fff;
}

span.task-obj-val {
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    font-weight: bold;
    font-size: 13px;
    line-height: normal;
    color: #f11010;
}

tbody#header-tab.devices-rows td {
    vertical-align: middle;
}

tbody#header-tab.devices-rows tr {
	cursor:pointer;
}

tbody#header-tab.devices-rows tr.tr-buttons.tr-buttons-order td {
    padding: 0;
    padding-bottom: 1rem;
    text-align: right;
	-webkit-box-shadow:inset 0 5px 10px 0 rgba(0,0,0,0.1);
	box-shadow:inset 0 5px 10px 0 rgba(0,0,0,0.1);
	background:rgba(0,0,0,0.03);
}

button.add-to-offer.btn.btn-primary {
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    border: none;
    letter-spacing: 1.2px;
    font-size: 14px;
    padding: 0 2rem;
    height: 40px;
    line-height: 40px;
}

.col-flex {
    padding: 0 15px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    height: auto;
}

.white-top-bar {
    background: #fff;
    margin: 2rem 0;
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 0;
}

.form-step .white-top-bar {
    margin-top: 1rem;
}

.col-block {
    padding: 15px;
}

.col-block {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.radioflex label {
    margin: 0;
    padding: 0;
}

.col-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    align-items: flex-start;
}

.button-row {
    display: flex;
    align-items: center;
    background: #1f5593;
    margin-bottom: 1rem;
    color: #fff;
    line-height: 23px;
    padding: 0 1rem;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    line-height: 50px;
    height: 50px;
}

.button-row.disabled {
    opacity: .5;
    cursor: not-allowed;
}

span.button-index {
    display: flex;
    align-items: center;
    margin-right: 1rem;
    padding-right: 1rem;
    position: relative;
}

span.button-index:after {
    width: 2px;
    right: -1px;
    content: "";
    height: 50%;
    background: #fff;
    display: block;
    position: absolute;
    opacity: 0.3;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

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

.device-order-buttons {
	display:flex;
	justify-content:flex-end;
	margin:0 1rem 1rem 1rem;
}
	
.device-order-buttons .btn {
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    background: #03cbff;
    border: none;
    padding: 0;
    display: flex;
    align-items: center;
    line-height: 40px;
    height: 40px;
    padding-left: 2rem;
    cursor: pointer;
}

.device-order-buttons .btn i {
    padding-right: .5rem;
    padding-left: 1.5rem;
    font-size: 8px;
}

a.next-btn.disabled {
    background: #AAA;
    cursor: not-allowed !important;
}

.customer-menu-data {
    display: flex;
    flex-wrap: wrap;
    padding-top: 0;
}

.customer-menu-block-content {
    display: flex;
    flex-wrap: wrap;
    padding-top: 0;
    flex: 1;
    justify-content: space-around;
}

.customer-toolbox > a {
    flex: 1;
    width: 40px;
    align-items: center;
    justify-content: center;
    display: flex;
}
.customer-toolbox {
    display: flex;
    flex: 0;
    flex-direction: column;
    height: 100%;
}
.customer-toolbox a + a {
    border-top: solid 1px rgba(0,0,0,0.1);
}
.customer-toolbox {
    border-left: solid 1px rgba(0,0,0,0.1);
}

a.manageDealerDelete {
    color: #dd0000;
}


div#clientLookupModal .customer-menu-block {
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: nowrap;
}

div#deviceCustomerDetails .customer-menu-data {
    padding: 0;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}

.customer-menu-content {
    font-size: 13px;
    padding: 0.5rem;
}

.customerLabel {
    font-weight: bold;
    color: #1f5593;
}

.customerVal {
    font-size: 12px;
}


.customerVal input {
    width: 100%;
    padding: .5rem;
    border: solid 1px rgba(0,0,0,0.2);
    border-radius: 5px;
}

.customerVal input:read-only {
    color: #777;
}

div#deviceCustomerDetails .customer-menu-data .customer-menu-block {
    flex: 0 0 12.5%;
    max-width: 12.5%;
}

.customer-selection {
    padding: .5rem 1rem;
    align-items: center;
    justify-content: center;
    height: auto;
    display: flex;
    border-right: solid 1px rgba(0,0,0,0.1);
    background: rgba(0,0,0,0.05);
  -webkit-transition: .2s;
  transition: .2s;
}

.customer-selection-check {
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: .2s;
    transition: .2s;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0.5rem 1rem;
	cursor:pointer;
	border-radius:20px;
}

div#clientLookupModal .customer-menu-block .customer-selection-check:before {
    content: "";
    width: 15px;
    height: 15px;
    display: flex;
    background: rgba(0,0,0,0.1);
    -webkit-border-radius: 50%;
    border-radius: 50%;
	-webkit-transition: .2s;
	transition: .2s;
	opacity:0;
	display:none;
}

div#clientLookupModal .customer-menu-block:hover .customer-selection-check:before {
    content: "";
    width: 15px;
    height: 15px;
    display: flex;
    background: rgba(0,0,0,0.1);
    -webkit-border-radius: 50%;
    border-radius: 50%;
	opacity:1;
	display:none;
}

div#clientLookupModal .customer-menu-block.activeClient .customer-selection-check  {
	border-color:#1f5593;
}

div#clientLookupModal .customer-menu-block.activeClient .customer-selection-check:before {
	background: #3490dc;
	opacity:1;
}

div#clientLookupModal .customer-menu-block.activeClient .customer-selection {
    padding: .5rem 2rem .5rem 1rem;
    align-items: center;
    justify-content: center;
    height: auto;
    display: flex;
    border-right: solid 1px rgba(0,0,0,0.1);
    background: rgba(0,0,0,0.05);
}


#deviceTable .search-top-bar {
    padding: 0;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#deviceTable .search-top-bar .bar-block {
    padding: 1rem 2rem;
    border-right: solid 1px rgba(255,255,255,0.6);
    display: flex;
    flex-direction: column;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 26px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.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: 18px;
  width: 18px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(24px);
  -ms-transform: translateX(24px);
  transform: translateX(24px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

label.brand-label {
    display: flex;
    align-items: center;
    padding: .5rem;
    background: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	margin-right:.5rem;
	cursor:pointer;
}

label.brand-label img {
    max-width: 60px;
    image-rendering: -webkit-optimize-contrast;
}

label.brand-label input {
    margin-left: .5rem;
}

.bar-block-brands {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

#deviceTable .search-top-bar .bar-block.bar-block-flex {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: revert;
    align-items: center;
    justify-content: space-between;
}

button#deviceSubmit {
    border: none;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: normal;
    padding: .75rem 2rem;
}

.search-top-bar > .row {
    align-items: center;
}

.search-top-bar > .row label {
	font-weight:bold;
}

div#postFormData {
    display: none;
}

.search-bottom-bar input {
    padding: 1rem;
    height: 40px;
    line-height: 40px;
    -webkit-box-shadow: 0 5px 7px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 5px 7px 0 rgb(0 0 0 / 10%);
}

table#datatable-header-datatable {}

div#deviceTable {}

div#deviceTable thead#header-tab-head th {
    border-top: solid 3px #1f5593;
    border-bottom: solid 2px #1f5593;
    color: #1f5593;
    font-weight: bold;
    vertical-align: middle;
    border-right: solid 1px rgba(0,0,0,0.1);
}

div#deviceTable thead#header-tab-head th:last-child {
    border-right: none;
}

.search-bottom-bar {
    margin: 1rem 0;
}
div#deviceTable {
    padding: 1rem 2rem;
}

div#deviceBrand img {
    width: 100px;
    height: auto;
}

div#deviceOrderForm h3.col-title {
    font-size: 14px;
    font-weight: bold;
    color: #1f5593;
	margin-bottom:5px;
}

.col-flex.col-flex-leading:after {
    position: absolute;
    content: "";
    transform: translateY(-50%);
    right: 0;
    width: 0;
    top: 50%;
    border-right: solid 1px rgba(0,0,0,0.1);
    height: 50%;
}
.col-flex.col-flex-leading {
    margin-right: 15px;
    position: relative;
}

div#deviceOrderForm .radioflex {
    display: flex;
    align-items: center;
    justify-content: center;
}

div#deviceOrderForm .radioflex label {
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

div#deviceOrderForm .radioflex label input {
    margin-right: 5px;
    position: relative;
    top: 1px;
}

div#deviceOrderForm .radioflex label + label {
    padding-left: 10px;
    margin-left: 10px;
    border-left: solid 1px rgba(0,0,0,0.1);
}

.col-content select#deviceCategory {
    width: 100%;
}

div#deviceOrderForm .col-block {
    width: 100%;
}

#deviceOrderForm .col-flex {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

div#clientLookupModal {
    padding: 0;
}

#clientLookupModal .col-flex {
    padding: 0;
    align-items: center;
    width: 100%;
	padding-left:0;
	padding-right:2rem;
}

.client-lookup-body-heading {
    background: #1f5593;
    color: #fff;
    text-align: left;
    padding: 1rem;
}

div#clientLookupModal h3.col-title {
    font-size: 14px;
    font-weight: bold;
    color: #1f5593;
	margin-bottom:5px;
}

.client-lookup-container {
    min-width: 1260px;
}

.col-block.col-block-last-ext {
    flex: 1;
}

.col-block.col-block-last-ext .col-content {
    justify-content: center;
    align-items: flex-end;
}

div#clientLookupModal .customer-menu-block {
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
}

div#clientLookupModal .customer-menu-block {
    background: rgba(0,0,0,0.02);
    border: dashed 1px rgba(0,0,0,0.1);
}

div#clientLookupModal .customer-menu-block:hover,
div#clientLookupModal .customer-menu-block:active,
div#clientLookupModal .customer-menu-block:focus 
{
	background:rgba(31,85,147,0.1);
}

div#clientLookUpResults {
    position: relative;
}

.loading-wrapper-disable {
	position:absolute;
	z-index:1000000000000;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.4);
}

div#clientLookupModal .customer-menu-block.activeClient {
    background: rgb(3 203 255 / 10%);
    color: #1f5593;
    border-color: #1f5593;
}

div#clientLookupModal .customer-menu-content {
    padding: 1rem;
}

div#clientLookupModal .customer-menu-data {
    margin: 0;
}

div#clientLookUpResults .lds-ring {
    min-height: 200px;
    display: block;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.customer-menu-data .text-info {
    display: flex;
    flex-direction: column;
    padding: 2rem;
    text-align: center;
    width: 100%;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #333 !important;
}

.customer-menu-data .text-info i {
    font-size: 60px;
    margin-bottom: 1rem;
    color: #999;
}

.client-lookup-header {
    padding: 1rem;
}

.manageDealerContactsForm {
    padding: 2rem;
}

.manageDealerContactsForm .form-control, .client-lookup-header .form-control{
    height: 50px;
}

.select2-container {
    display: block;
    width: 100% !important;
}

.select2-container .select2-selection--single {
    height: 50px !important;
    border-color: #ddd !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    height: 50px !important;
    line-height: 50px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.manageDealerContactsForm {
    max-width: 1000px;
    margin: 0 auto;
	overflow:auto;
	max-height:100%;
}

#deviceCustomerDetails {
	display:none;
}

div#deviceCustomerDetails .customer-menu-data {
    padding: 0;
}

div#deviceCustomerDetails .customer-menu-data .customer-menu-block {
    flex: 0 0 10%;
    max-width: 10%;
}

div#deviceCustomerMenu .btn.disabled, .btn:disabled {
    display: none;
}

div#deviceCustomerMenu .btn {
    margin-top: 0.5rem;
}

.devBlock {
    display: flex;
    flex-direction: column;
    flex: 0 0 250%;
    max-width: 25%;
    padding: 1rem;
    font-size: 13px;
    color: #666;
    line-height: normal;
}
.devBlock h3 {
    font-size: 14px;
    font-weight: bold;
    color: #1f5593;
    margin: 0 0 10px 0;
}

div#selectedDeviceDetails {
	width:100%;
}

.devBlock span {
    display: flex;
    padding: 0.5rem;
    border: solid 1px rgba(0,0,0,0.2);
    border-radius: 5px;
}

div#deviceCustomerMenu .col-flex .col-block {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: revert;
}

div#deviceCustomerMenu .col-flex .col-block h3.col-title {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 17px;
}

div#deviceCustomerMenu .col-flex .col-block .col-content {
    display: flex;
    flex: 1;
    align-items: flex-end;
    justify-content: center;
}

div#deviceCustomerMenu .col-flex .col-block .col-content .btn {
    margin: 0;
}

div#deviceCustomerMenu .col-flex {
    padding: 0;
}

div#deviceCustomerMenu .col-flex .col-block {padding: 0;border-bottom: solid 1px rgba(0,0,0,0.1);margin-bottom: 1rem;padding-bottom: 1rem;}

div#deviceCustomerMenu {
    padding: 30px;
}

div#deviceCustomerDetails {
    padding: 0 30px 30px 30px;
}

a#clientLookupModalTrigger i {
    padding-right: 0.5rem;
    margin-right: 0.5rem;
    border-right: solid 1px rgba(255,255,255,0.3);
}

a#clientLookupModalTrigger {
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 1rem;
    line-height: 1;
	font-weight: bold;
}

a#newCustomerFormModal {
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 1rem;
    line-height: 1;
    border-color: rgba(0,0,0,0.2);
    color: #1f5593;
    font-weight: bold;
}

a#newCustomerFormModal:hover,
a#newCustomerFormModal:active,
a#newCustomerFormModal:focus {
	color:#03cbff;
}

a#newCustomerFormModal i {
    padding-right: 0.5rem;
    margin-right: 0.5rem;
    border-right: solid 1px rgba(0,0,0,0.3);
}

.hiddenField {
	display:none !important;
}

form#createDealerContactForm .form-row + .form-row {
    margin-top: 0;
}

form#createDealerContactForm h2 {
	color:#1f5593;
	border-bottom: solid 1px rgba(0,0,0,0.1);
	margin: 0 0 1rem 0;
	padding: 0 0 1rem 0;
	font-size:20px;
}

.dealer-form-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-top: 2rem;
}

.dealer-form-buttons button {
    width: 100%;
    max-width: 300px;
    display: flex;
    align-items: center;
}

.dealer-form-buttons button i {
    margin-right: .5rem;
    padding-right: .5rem;
    border-right: solid 1px rgba(255,255,255,0.2);
}

.dealer-form-buttons button span {
    flex: 1;
}

form#createDealerContactForm .form-control {
	border: solid 1px rgba(0,0,0,0.2);
}

form#createDealerContactForm .form-control:hover, 
form#createDealerContactForm .form-control:active,
form#createDealerContactForm .form-control:focus {
    border: solid 2px rgb(31 85 147);
}

.form-order-button.finalize-order {
    margin-top: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.form-order-button.finalize-order {
    margin-top: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 2rem;
}

button#sendOffer {
    width: 100%;
    max-width: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .75rem 1rem;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

button#sendOffer:hover,
button#sendOffer:active,
button#sendOffer:focus {
	max-width:450px;
}

button#sendOffer span {
    flex: 1;
    font-size: 16px;
}
.response-success {
    background: #00b050;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #fff;
    font-size: 17px;
    margin-top: 1rem;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.response-success i {
    font-size: 38px;
    opacity: 1;
    margin-right: 1rem;
}

#deviceTasksBoard {
	padding:2rem;
}

.section-heading.flex-heading {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
}

.section-heading.flex-heading i {
    font-weight: 100;
    padding-right: .5rem;
    opacity: 0.5;
}


.search-top-bar-switch-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem 2rem;
    background: #fff;
    margin-bottom: 1rem;
    border: solid 2px rgba(0,0,0,0.2);
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.search-top-bar-switch-block {
    flex: 0 0 25%;
    display: flex;
    max-width: 25%;
    padding: 0 1rem;
}

.search-top-bar-switch-block a {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    letter-spacing: .1px;
    padding: .75rem 2rem;
}

.search-top-bar-switch-block a span {
    flex: 1;
    padding-left: 0.5rem;
    margin-left: 1rem;
    border-left: solid 1px;
}

.search-top-bar-switch-block + .search-top-bar-switch-block {
    border-left: dashed 1px rgba(0,0,0,0.2);
}

.search-top-bar-switch-block a.btn.btn-default {
	background:rgba(0,0,0,0.1);
}

.search-top-bar-switch-block a.btn.btn-default:hover,
.search-top-bar-switch-block a.btn.btn-default:active,
.search-top-bar-switch-block a.btn.btn-default:focus 
{
	color:#fff;
	background:#1f5593;
}

.add-to-offer-quantity {
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    margin-right: 0.5rem;
    padding: 0 0.5rem;
    border: solid 1px rgb(31 85 147 / 57%);
    border-top: none;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
.add-to-offer-quantity label {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.add-to-offer-quantity i {
    line-height: 1;
    font-size: 17px;
    color: #6fa2dd;
    padding-left: .25rem;
    padding-right: 0.25rem;
}

.add-to-offer-quantity input {
    width: 40px;
    text-align: center;
    font-weight: bold;
    color: #1f5593;
}

.button-order-row {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.fc-content.fancybox-content {}

.fc-content.fancybox-content p.tright {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 -.5rem;
    padding-top: 1rem;
}

.fc-content.fancybox-content p.tright > a, .fc-content.fancybox-content p.tright > button {
    display: flex;
    height: 50px;
    line-height: 50px;
    align-items: center;
    justify-content: center;
    background: #ddd;
    padding: 0 2rem;
    margin: 0 .5rem;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    min-width: 200px;
    font-size: 16px;
    cursor: pointer;
    text-transform: uppercase;
}

.fc-content.fancybox-content p.tright > button {
    background: #1f5593;
    color: #fff;
}

.fancybox-is-open.fc-container .fancybox-bg {
  opacity: 0.95;
}

.fc-content {
  margin: 20px;
  max-width: 550px;
  padding: 50px;
  box-shadow: 10px 10px 60px -25px;
  border-radius: 4px;
}

.fancybox-fx-material.fancybox-slide--previous,
.fancybox-fx-material.fancybox-slide--next {
  transform: translateY(-60px) scale(1.1);
  opacity: 0;
}

.fancybox-fx-material.fancybox-slide--current {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.j-space-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    height:100%;
    padding: 1rem 1rem;
    background:#fff;
    position: relative;
    border:1px solid #ededed;
}

.j-space-between span{
    padding: 0.5rem 0.6rem;
    border-radius: 50%;
    background: #1d4a7e;
    color: #fff;
    border:1px solid #777777;
    margin-right: 1rem;
    font-size: 11px;
}

.j-space-between i{
    font-size:8px;
    color:#00ffea;
    background : #fff;
    padding:0.25rem 0.35rem;
    border-radius:50%;
    right: -0.6rem;
    position: absolute;
    z-index: 1040;
    border:1px solid #bdbdbd;
}

.j-space-between:last-child i{
    display: none;
}

.deviceOfferSend {
    background: #fff;
    color: #133a67;
    font-weight: bold;
}

div#tasks-search {display: flex;flex: 1;align-items: center;justify-content: flex-end;}

div#tasks-search label {margin: 0;}

div#tasks-search .search-input + .search-input {margin-left: 1rem;}

div#tasks-search input, div#tasks-search select {border-radius: 4px;border: none;padding: 5px 10px;font-size: 14px;color: #666;}

div#tasks-search label {margin-right: 0.5rem;}

div#tasks-search input {
    min-width: 280px;
}



#clientLookupModal .col-flex {
    align-items: stretch;
}

#clientLookupModal  .col-block.col-block-button-block {
    height: auto;
}

#clientLookupModal .col-block.col-block-button-block .col-content {
    justify-content: flex-end;
}

#clientLookupModal .col-block.col-block-button-block button span {
    flex: 1;
}
#clientLookupModal .col-block.col-block-button-block button {
    height: 50px;
    width: 100%;
    min-width: 180px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#clientLookupModal .col-block.col-block-button-block button.btn-icon-search {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    padding: 0;
    font-size: 15px;
    border-radius: 50%;
	min-width:0;
}

div#clientLookupModal .col-block.col-block-last-ext {
    height: auto;
}

div#clientLookupModal .col-block.col-block-last-ext .col-content {
    justify-content: flex-end;
    align-items: flex-end;
}

a#newCustomerForm {
    border-radius: 30px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    height: 50px;
    display: flex;
    align-items: center;
    line-height: 0;
	background:#03CBFF;
	border:none;
}

a#newCustomerForm i {
    font-size: 16px;
    margin-left: 1rem;
}

span.stareq {
    font-weight: bold;
    color: #0d54a5;
    font-size: 22px;
    line-height: 0;
    display: inline-flex;
    position: relative;
    top: 6px;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
    border-color: #e3342f !important;
    padding-right: calc(1.6em + 0.75rem);
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23e3342f' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e3342f' stroke='none'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-position: right calc(0.4em + 0.1875rem) center;
    background-size: calc(0.8em + 0.375rem) calc(0.8em + 0.375rem);
}

.was-validated .form-control:invalid + .select2-container .select2-selection--single, .form-control.is-invalid + .select2-container .select2-selection--single {
    border-color: #e3342f !important;
}

.was-validated select.form-control {
    background-image: none !important;
}


.task-obj-block-bottom-wrap:not([style*="display: none"]) + .task-obj-block-bottom-toggle i.far.fa-chevron-down {
    transform: scaleY(-1);
}

.task-obj-block-bottom-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1rem;
    background: #133a67;
    border-radius: 5px;
}

.task-obj-block-bottom-buttons button {
    padding: 0.75rem 1rem;
    font-size: 15px;
}

.task-obj-block-bottom-buttons button:hover,
.task-obj-block-bottom-buttons button:active,
.task-obj-block-bottom-buttons button:focus {
}

a.offer-link-a i {
    color: #f59292;
}
a.offer-link-a {
    color: #f11010;
}

.login_form ul.navbar-nav {
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.login_form ul.navbar-nav > li {border: none !important;}

table#vehicleDetailsOrder th {
    align-items: center;
    justify-content: center;
    text-align: center;
    vertical-align: middle;
    color: #1f5593;
    padding: 5px;
    border-left: solid 1px rgba(0,0,0,0.1);
    border-top: solid 2px #1f5593;
    border-bottom: solid 2px #1f5593;
    line-height: normal;
    font-size: 13px;
	background:#fff;
}

table#vehicleDetailsOrder th:first-child {
    border-left: none;
}

table#vehicleDetailsOrder td {
    font-size: 14px;
    text-align: center;
    padding: 5px;
    vertical-align: middle;
}

table#vehicleDetailsOrder td a.info-modal-a {
    white-space: nowrap;
}

table#vehicleDetailsOrder {
    background: rgba(0,0,0,0.05);
}

/*INLINE FORM SPECIFIC CSS */
	.task-obj-row.task-obj-row-amounts {
		border-top: solid 2px #1f5593;
	}

	.task-object.task-object-offers.task-type-client .form-control {
		border: solid 2px #1f5593;
		display: flex;
		width: 100%;
		height: 40px;
		line-height: 40px;
		padding: 0 1rem;
		max-width:100%;
	}
	
	.task-object.task-object-offers.task-type-client span.task-obj-val {
		width:100%;
	}
	
	.task-obj-block.task-obj-block-address {
		flex: 0 0 25%;
		max-width: 25%;
	}	
	
	.task-object.task-object-offers.task-type-client .task-obj-row {
		align-items: center;
		justify-content: center;
	}	
	
	.task-obj-row.task-obj-row-vatdata .task-obj-block {
		flex: 0 0 20%;
		max-width: 20%;
	}	
	
	div#clientOfferUpdateForm .manageDealerContactsForm {
		padding: 1rem;
		width: 100%;
		max-width: none;
	}
	
	div#clientOfferUpdateForm .manageDealerContactsForm {
		padding: 1rem;
		width: 100%;
		max-width: none;
	}

	div#clientOfferUpdateForm .form-row > [class*=col-]{
		flex: 1;
	}

	div#clientOfferUpdateForm .form-row .col-form-label {
		flex: 0 0 100%;
		max-width: 100%;
		padding-bottom: 0;
	}

	div#clientOfferUpdateForm .form-row > .col-form-label h2 {
		margin: 0;
		border: none;
		font-size: 16px;
		padding: 0;
	}
	
	div#clientOfferUpdateForm .form-row-buttons {
		/* display:none; */
	}
	
	div#clientOfferUpdateForm .manageDealerContactsForm {
		padding: 1rem;
		width: 100%;
		max-width: none;
	}
	
	div#clientOfferUpdateForm form#createDealerContactForm .form-row + .form-row {
		border-top: solid 1px rgba(0,0,0,0.1);
	}	
	
	div#clientOfferUpdateForm .select2-container .select2-selection--single .select2-selection__rendered {
		height: 40px !important;
		line-height: 40px !important;
	}

	div#clientOfferUpdateForm .select2-container .select2-selection--single {
		height: 40px !important;
	}
	
	div#clientOfferUpdateForm .dealer-form-buttons {
		display: none;
	}	
	
	.section-heading.flex-heading.offer-options {
		margin-top: 1rem;
	}	
	
	.section-heading.flex-heading.offer-options .section-content {
		display: flex;
		justify-content: space-between;
		width: 100%;
		align-items:flex-start;
	}

	.section-heading.flex-heading.offer-options .section-content .col-flex:last-child {
		flex-direction: column;
	}

	.section-heading.flex-heading.offer-options .col-block {
		height: auto;
		padding:0;
	}
	
	.section-heading.flex-heading.offer-options div#deviceCustomerMenu {
		padding:0;
		margin-top:.5rem;
	}
	
	.section-heading.flex-heading.offer-options div#deviceCustomerMenu .col-flex .col-block {
		border: none;
		padding: 0;
		margin: 0;
	}
	
	.section-heading.flex-heading.offer-options a#clientLookupModalTrigger {
		height: 40px;
	}

	.section-heading.flex-heading.offer-options a#newCustomerFormModal {
		height: 40px;
		background: #fff;
	}
	
	.section-heading.flex-heading.offer-options .col-block {
		height: auto;
		padding: 0;
		width: 100%;
	}	
	.section-heading.flex-heading.offer-options .col-flex {
		padding:0;
	}
	
	.section-heading.flex-heading.offer-options a#clientLookupModalTrigger {
		height: 40px;
	}

	.section-heading.flex-heading.offer-options a#newCustomerFormModal {
		height: 40px;
		background: #fff;
	}

	.section-heading.flex-heading.offer-options div#clientType {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: end;
	}

	.section-heading.flex-heading.offer-options div#clientType label + label {
		margin-left: 1rem;
	}	
	
	.section-heading.flex-heading.offer-options div#clientType input {
		position: relative;
		top: 2px;
	}
	
	.section-heading.flex-heading.offer-options h3.col-title {
		font-size: 15px;
		font-weight: normal;
	}	
	
	div#clientOfferUpdateForm {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		border-top: solid 1px rgba(0,0,0,0.1);
	}

	div#clientOfferUpdateForm .customer-menu-block {flex: 0 0 20%;max-width: 20%; padding-left:0.5rem;padding-right:0.5rem}	
	
	.section-heading.flex-heading.offer-options div#deviceCustomerMenu {
		display: none;
	}
	
	#clientLookupModal.lookup-headless .col-block.col-block-button-block {flex: 1;}

	#clientLookupModal.lookup-headless .col-block.col-block-button-block .col-content {
		align-items: flex-end;
	}
	
	#clientLookupModal.lookup-headless .col-flex {
		padding-right: 0;
	}	
	
	button.btn.btn-default.deviceOfferSend {
		background: #03CBFF;
		color: #fff;
		letter-spacing: 1px;
		font-weight: 500;
		font-size: 17px;
	}

	button.btn.btn-default.deviceOfferSend i {
		color: #133a67;
		margin-right: .5rem;
	}
	
	.manageDealerContactsForm.fancybox-content .custom-modal-1 .modal-content {
		-webkit-box-shadow: 0 0 30px 0 rgb(0 0 0 / 40%);
		box-shadow: 0 0 30px 0 rgb(0 0 0 / 40%);
	}
		
	div#clientOfferUpdateForm {
		min-height: 300px;
	}
/*INLINE FORM SPECIFIC CSS */

#orders-header-datatable_wrapper table.dataTable thead .sorting, #orders-header-datatable_wrapper table.dataTable thead .sorting_desc {
    background-position-y: 46% !important;
}


div#inner-page-sidebar .toggle.btn {
    display: flex;
    width: 100%;
    color: #fff;
    padding: .75rem 1.5rem;
    font-size: 13px;
    -webkit-border-radius: 30px;
    border-radius: 20px;
    align-items: center;
    height: 30px !important;
    min-height: 30px !important;
}

span.toggle-handle.btn.btn-default, label.btn.btn-primary.toggle-on, label.btn.btn-default.active.toggle-off {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 12px;
}

div#inner-page-sidebar .toggle.btn {
    margin-right: 0.5rem !important;
}


a.btn.btn-primary.search-device-btn {
    display: flex;
    align-items: center;
    padding: .75rem 1.5rem;
    border-radius: 30px;
    color: #fff !important;
    font-weight: bold;
}

.flex-cols {
    display: flex;
}

.flex-cols input.form-control {
	display: block;
    width: 100%;
    height: calc(1.6em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.6;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.filter-form.filter-form-ref {
    display: flex;
    gap: 1rem;
    border-radius: 0.5rem;
    margin-bottom: 1rem;
    margin-right: 15px;
}

.filter-form.filter-form-ref .filter-group {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    margin: 0;
    align-items: center;
    padding: 0;
}

.filter-form.filter-form-ref .filter-group label {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

span.resetRefForm {
    color: yellow;
    font-size: 11px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    line-height: 1rem;
	cursor:pointer;
}