@media screen and (min-width: 767px) {
	#sidebar_botton_normal {
		display:inline;
	}
	#sidebar_botton_mobile {
		display:none;
	}
	.show_on_mob {
		display:none;
	}
	.pc-padz-r {
		padding-right:0px;
	}
	.pc-padz-l {
		padding-left:0px;
	}
}

@media screen and (max-width: 767px) {
	.pc-padz-r {
		padding-right:15px;
	}
	.pc-padz-l {
		padding-left:15px;
	}
	.mobile-font {
		margin:0px;
		float:left;
		font-size:2.7vw;
	}
	.mobile-font2 {
		font-size:18px;
	}
	.mobile-padding {
		/*border:3px solid green;*/
		padding:0px;
	}
	.mobile-width30 {
		width:30px;
	}
	.footer-copyright-area {
		display:none;
	}
  .navbar-notifications-dropdown .notification .user-name {
    color: #fff;
  }
  .navbar-notifications-dropdown .notification .date {
    color: rgba(255, 255, 255, 0.8);
  }
  .top-menu .navbar-search-form {
    position: static;
    width: 100%;
    opacity: 1.0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
  .top-menu .navbar-search-form .form-control {
    padding-left: 15px;
    padding-right: 15px;
  }
  .top-menu .nav.navbar-right {
    margin: 7.5px -15px !important;
  }
  .top-menu .nav-notification .badge {
    top: 15px;
    right: 15px;
  }
  .top-menu .dropdown-menu li a {
    color: #fff;
  }
  .top-menu .dropdown-menu li a:hover,
  .top-menu .dropdown-menu li a.hover {
    background: #3f5872;
  }
  .sidebar-style .top-menu .navbar-brand {
    margin-left: 50px;
  }
  .sidebar-style .top-menu .navbar-top {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
  }
  .sidebar-style .top-menu .navbar-top .navbar-nav {
    margin: 0;
  }

  .sidebar-style .main-container {
    padding-left: 0;
  }
  .expanded .sidebar {
    display: none;
    width: 100%;
  }
	.box .title p {
		font-size:2vw;
	}
	#sidebar_botton_normal {
		display:none;
	}
	#sidebar_botton_mobile {
		display:inline;
	}
	.hide_on_mob {
		display:none;
	}
}

@media screen and (max-width: 367px) {
	.pres-mob-buttons {
		font-size: 10px;
		margin:0px;
		padding:0px;
	}
}
@media screen and (max-width: 320px) {
	.pres-mob-buttons {
		font-size: 8px;
		margin:0px;
		padding:0px;
	}
}
/*--------------------------------------------------------------------------------------------------------------------
 * Responsive
 *--------------------------------------------------------------------------------------------------------------------*/
.font18 {font-size:18px}
.flr {float:right}
.fll {float:left}

/* Margins & Paddings */
.padz {padding:0px}
.padz-l {padding-left:0px}
.padz-r {padding-right:0px}
.padz-t {padding-top:0px}
.padz-b {padding-bottom:0px}
.p-l-5 {padding-left:5px}
.p-l-10 {padding-left:10px}
.p-r-10 {padding-right:10px}
.p-l-10 {padding-left:10px}
.p-t-7 {padding-top:7px}
.p-t-3 {padding-top:3px}
.p-b-3 {padding-bottom:3px}
.p-r-3 {padding-right:3px}
.p-l-3 {Padding-left:3px}
.p-10 {padding:10px}
.p-15 {padding:15px}
.m-t-5 {margin-top:5px}
.m-t-7 {margin-top:7px}
.m-r-5 {margin-right:5px}
.m-t-10 {margin-top:10px}
.m-10 {margin:10px}
.m-15 {margin:15px}
.m-5 {margin:5px}
.m-3 {margin:3px}
.m-7 {margin:7px}
.p-0 {padding:0px}
.m-0 {margin:0px}
.m-l-5 {margin-left:5px}
.m-l-7 {margin-left:7px}
.m-l-10 {margin-left:10px}
.m-l-15 {margin-left:15px}
.m-l-30 {margin-left:30px}
.m-t-10 {margin-top:10px}
.m-r-10 {margin-right:10px}
.m-r-15 {margin-right:15px}
.m-r-3 {margin-right:3px}
.m-l-3 {margin-left:3px}
.m-b-10 {margin-bottom:10px}
.m-b-15 {margin-bottom:15px}
.m-b-5 {margin-bottom:5px}
.m-b-4 {margin-bottom:4px}
.m-b-3 {margin-bottom:3px}
.m-t-3 {margin-top:3px;}
.m-t-15 {margin-top:15px}
.m-t-20 {margin-top:20px}
.b-t-1 {border-top:1px solid #dfe5ec}
.b-b-1 {border-bottom:1px solid #dfe5ec}

.minh {min-height:375px}

.text-left {text-align:left}
.text-right {text-align:right}
.text-center {text-align:center}

.ionbwrap {
	background-color:transparent !important;
	padding:0px;
}

.footer-copyright-area {
	text-align:center;
	background-color:#34495e;
	padding-top:10px
}

.required:after {
  content:" *";
  color: red;
}

.bordertest {
	border:1px solid green;
}

.cl_field {
  float:left;
  width:23px;
}

.dont-show {
	display:none;
}


.inside-panel {
	margin-right:5px;
	border-radius:3px;
	border: solid 1px #dfe5ec;
	padding:5px;
}

.inside-panel-head {
	border-bottom: dotted 1px #dfe5ec;
	padding:5px;
}

.inside-panel-body {
	padding:5px;
	min-height:50px;
	overflow=:scroll;
}

.displayflex {
	display:flex;
}

.overflow-auto {
	overflow: auto;
}

.msg-window {
	max-height:400px;
	overflow-y: auto;
}

.msg-window-mob {
	overflow-y: auto;
}

.button-min-width {
	min-width:100px;
}

.input-special {
  height: 22px;
  padding: 2px 5px;
  font-size: 12px;
  line-height: 1.5; /* If Placeholder of the input is moved up, rem/modify this. */
  border-radius: 3px;
}


.bg-color-gw {
	background-color:ghostwhite;
}

.toolbar-background-color{
  --background: #34495e;
  --color: white;
}

.light-background-color{
  --background: #CFE9FB !important; /* #CFE9FB */
}

.icon20{
  font-size: 20px;
}

.testclass{
  /* --offset-bottom	:100;
  --offset-top: 200px;
  --padding-bottom : 100; */
  --color	: red;
  --padding-bottom	:200px;
}

.image-upload > input
{
    display: none;
}

.image-upload img
{
    width: 80px;
    cursor: pointer;
}