html {
   background: url(../img/glass.jpg) no-repeat center center fixed;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}

body{
	color: #fff !important;
	background: transparent !important;
}

.pull-right{
	line-height: auto !important;
	height: auto !important;
}

#header {
   display: block;
   height: 36px !important;
	padding: 0 !important;
}

#logo-group>span {
	display: inline-block;
	height: 30px !important;
	/* float: left */
}

#logo {
	display: inline-block;
	width: 175px;
	margin-top: 4px;
	margin-left: 3px !important;
}

#logo img {
	width: 30px;
	height: auto;
	padding-left: 0px
}

#logo-group{
   height: auto !important;
}

#mobile-profile-img a.userdropdown img {
	width: 30px;
	margin-top: 2px;
	margin-left: 2px;
	border-radius: 3px;
	border: 1px solid #797979 !important;
}

#mobile-profile-img .dropdown-menu.pull-right {
	margin-right: 6px !important;
	height: auto !important;
}

#mobile-profile-img .dropdown-menu{
	padding: 2px !important;
	margin: 0px !important;
}

#mobile-profile-img .dropdown-menu>li>a{
	padding-left: 5px !important;
}

#mobile-profile-img .dropdown-menu .divider{
	margin-top: 2px !important;
	margin-bottom: 2px !important;
}

.pull-right>#hide-menu{
	margin-right: 5px !important;
}

#hide-menu{
	margin-top: 2px !important;
}

#left-panel {
	padding-top: 36px
}

#main{
	min-height: 300px;
	padding-bottom: 20px !important;
}

.page-footer {
	height: auto !important;
	padding: 5px !important;
	border-top: 1px solid #CECECE;
	background: #2a2725;
	width: 100%;
	position: absolute;
	display: block;
	bottom: 0
}

.menu-on-top #main {
	margin-left: 0 !important;
	margin-top: 46px !important
}

.btn-header>:first-child>a {
	height: 30px;
	line-height: 30px;
	min-width: 30px;
	padding: 2px;
	font-size: 20px;
}

.menu-on-top nav ul ul li:hover>a:after,
.menu-on-top nav>ul ul>li a:after,
.menu-on-top nav>ul ul>li a:hover:after,
.menu-on-top nav>ul>li>a:after {
   content: "" !important;
}

@media (min-width:768px) and (max-width:979px) {
	#hide-menu>:first-child>a {
		margin-top: 0px !important;
		width: 30px !important;
	}

	.btn-header a {
		margin-top: 0px !important;
		width: 30px !important
	}
}

@media (min-width:768px) and (max-width:880px) {
	#hide-menu>:first-child>a,
	.btn-header a {
		margin-top: 0px !important;
		width: 30px !important;
		height: 30px !important;
		line-height: 30px !important
	}
}

@media (max-width:767px) {
	#main{
		padding-bottom: 20px !important;
	}

	#hide-menu>:first-child>a,
	.btn-header a {
		margin-top: 0px !important;
		width: 30px !important;
		height: 30px !important;
		line-height: 30px !important
	}

	#hide-menu>:first-child>a {
		width: 30px !important
	}

	/* table thead>tr>th.action,
	table tbody>tr>td.action,
	table tfoot>tr>th.action{
		width: 6% !important;
	} */

	table tbody>tr.row-detail>td li{
		text-align: left !important;
	}

	/* .dataTables_scrollBody{
		height: 90% !important;
	} */
}

@media only screen and (min-width:0) and (max-width:679px) {
	#main{
		padding-bottom: 20px !important;
	}

	#hide-menu>:first-child>a,
	.btn-header a {
		margin-top: 0px !important;
		width: 30px !important;
		height: 30px !important;
		line-height: 30px !important
	}

	#hide-menu>:first-child>a {
		width: 30px !important
	}

	/* table thead>tr>th.action,
	table tbody>tr>td.action,
	table tfoot>tr>th.action{
		width: 6% !important;
	} */

	table tbody>tr.row-detail>td li{
		text-align: left !important;
	}

	/* .dataTables_scrollBody{
		height: 90% !important;
	} */
}

@media only screen and (min-width:320px) and (max-width:479px) {
	#hide-menu>:first-child>a,
	.btn-header a {
		margin-top: 0px !important;
		width: 30px !important;
		height: 30px !important;
		line-height: 30px !important;
	}
}

@media (max-width:979px) {
	.menu-on-top #mobile-profile-img a.userdropdown img {
		width: 30px;
		margin-top: 2px;
		margin-left: 2px;
		border-radius: 3px;
		margin-right: -3px
	}

	.menu-on-top #main {
		margin-top: 0px !important
	}
	
	.menu-on-top aside#left-panel nav {
		height: auto !important;
	}
	

	.menu-on-top nav>ul>li>ul>li>a,
	.menu-on-top nav>ul>li>ul>li>ul>li>a {
		padding-top: 5px !important;
		padding-bottom: 5px !important
	}

	.menu-on-top nav ul ul li:hover>a:after,
	.menu-on-top nav>ul ul>li a:after,
	.menu-on-top nav>ul ul>li a:hover:after,
	.menu-on-top nav>ul>li>a:after {
		content: "\f0da" !important;
	}

	.dt-home>.dt{
		font-size: 10px;
		font-weight: 400;
	}
	
	.dt-home>.tm{
		font-size: 12px;
		font-weight: 400;
	}
	
}

.menu-on-top aside#left-panel nav>ul>li {
	height: auto !important;
	padding: 1px !important;
}

.menu-on-top aside#left-panel nav>ul>li:hover {
	/* background: rgba(0, 0, 0, 0.614) !important; */
	background: transparent !important;
}

.menu-on-top aside#left-panel nav>ul>li>a {
	height: auto !important;
	text-shadow: none !important;
	font-size: 11px;
	text-decoration: none;
	line-height: 16px;
	padding: 3px 9px !important;
}

.menu-on-top aside#left-panel nav>ul>li>a>i {
	font-size: 16px;
	margin-bottom: 2px;
	width: 100%;
}

.menu-on-top .menu-item-parent {
	max-width: 100% !important;
}

.menu-on-top nav ul ul li a {
	padding-left: 5px !important;
	font-size: 12px;
}

.dt-home{
	margin-top: 3px;
	margin-right: 7px;
	text-align: right;
	color: white;
	pointer-events: none;
	/* border: 1px solid #fff; */
}

.dt-home>.dt{
	font-size: 12px;
	font-weight: 400;
	/* border: 1px solid purple; */
}

.dt-home>.tm{
	font-size: 15px;
	font-weight: 400;
	/* border: 1px solid green; */
}

/* ============================================================================================================== */
/* START THEMES */
/* ============================================================================================================== */

.smart-style-5.menu-on-top nav ul ul,
.smart-style-5.menu-on-top nav ul ul ul {
   margin-left: -1px;
   border-bottom-color: #4E4E4E;
	border-left: #4E4E4E;
	border-right: #4E4E4E;
   background-color: rgb(10, 10, 23) !important;
   background-image: none !important
}

.smart-style-5.menu-on-top aside#left-panel nav>ul>li:hover>a {
   /* background: rgba(0, 0, 0, 0.301) !important; */
	background: transparent !important;
   border-left-color: transparent;
   border-right-color: transparent;
   color: #FFD600 !important
}

.smart-style-5.menu-on-top nav ul ul li:hover {
	background: #00a6ffd9 !important;
}

.spinner:before {
   content: '';
   box-sizing: border-box;
   position: absolute;
   top: 50%;
   left: 50%;
   width: 30px;
   height: 30px;
   margin-top: -10px;
   margin-left: -10px;
   border-radius: 50%;
   border: 2px solid #ccc;
   border-top-color: #333;
   animation: spinner .6s linear infinite;
}

.smart-style-5 .jarviswidget-color-blueDark .nav-tabs li a{
   font-size: 12px !important
}

.smart-style-5 .jarviswidget-color-blueDark .nav-tabs li a:hover {
   color: rgb(255, 251, 0) !important
}

/* .smart-style-5 .dropdown-menu>li>a:focus,.smart-style-5 .dropdown-menu>li>a:hover{
	background-color:#3E90D4
} */

.smart-style-5 .ui-autocomplete{
	background: #FFF !important;
	color: #000 !important;
}

.smart-style-5 .ui-autocomplete table{
	background: #FFF !important;
	color: #000 !important;
}

/* ============================================================================================================== */
/* END THEMES */
/* ============================================================================================================== */

/* ============================================================================================================== */
/* JARVIS */
/* ============================================================================================================== */ 
.jarviswidget{
   margin:0;
}

.jarviswidget>header{
   height:34px;
   padding:0;
   line-height:40px;
}

.jarviswidget>header>.widget-icon{
	padding-top: 10px !important;
	/* border: 1px solid white !important; */
}

.jarviswidget>header h2{
   font-size:13px;
   line-height:32px !important;
}

.widget-toolbar>.btn-group{
   margin-top: 2px !important
}

.widget-toolbar>.btn-group>.btn>.fa{
   font-size:14px !important;
}

.widget-toolbar>.btn{
	height: 26px !important;
   font-size:14px !important;
   padding:1px 8px !important
}

.jarviswidget .widget-body{
	min-height: 0px!important;
	padding-bottom: 0px!important;
}

/* ============================================================================================================== */
/* END JARVIS */
/* ============================================================================================================== */


/* ============================================================================================================== */
/* DATATABLES */
/* ============================================================================================================== */

table>tbody>tr>td{
	font-size: 12px !important;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
	padding: 5px 8px;
}

.table-bordered>thead>tr>th {
	/* border: 1px solid #ddd; */
	border: 1px solid rgb(121, 121, 121) !important;
}

/* .table tbody>tr>td button{
	padding: 3px !important;
} */

table.dataTable thead .sorting {
   background: none !important
}

table.dataTable thead .sorting_asc {
   background: none !important
}

table.dataTable thead .sorting_desc {
   background: none !important
}

table.dataTable thead .sorting_asc_disabled {
   background: none !important
}

table.dataTable thead .sorting_desc_disabled {
   background: none !important
}

.dataTables_filter input,
.dataTables_filter .input-group-addon,
.dataTables_length select {
   height: 28px!important;
}

.dataTables_filter .input-group-addon{
	width: 28px;
	margin-top: 0;
	/* padding-top: 8px */
	padding: 6px 4px !important;
}

.dataTables_wrapper .dataTables_processing {
   width: 10%;
   margin-left: -5%;
   border: none;
   background: none;
}

table.dataTable tr.dtrg-group td{
   background-color: #6096BA !important;
}

table.has-columns-hidden>tbody>tr.row-detail>td {
   background: transparent !important
}

table.has-columns-hidden>tbody>tr>td>span.responsiveExpander {
   background: url(../img/plus14.png) no-repeat 5px center !important;
}

table.has-columns-hidden>tbody>tr.detail-show>td span.responsiveExpander {
   background: url(../img/minus14.png) no-repeat 5px center !important;
}

table tfoot>tr>th{
	font-size: 12px !important;
}

.table>thead>tr>th>input{
	width: 100% !important;
	height: 26px !important;
	padding: 3px !important;
}

.table>thead>tr>th>select{
	width: 100% !important;
	height: 26px !important;
	padding: 3px !important;
}

.table tbody>tr>td>input{
	width: 100% !important;
	height: 18px !important;
	line-height: 18px !important;
	padding: 3px !important;
	background-color: transparent !important;
}

.table tbody>tr>td>input:focus{
	background-color: rgba(3, 200, 255, 0.705) !important;
}
/* ============================================================================================================== */
/* END DATATABLES */
/* ============================================================================================================== */

/* ============================================================================================================== */
/* MODAL */
/* ============================================================================================================== */
@media (min-width: 768px) {
   .modal-xl {
      width: 90%;
      max-width:1200px;
   }
}

.modal-body {
   padding: 10px !important;
	overflow-x: hidden !important;
}

.modal-footer {
   padding: 10px;
}

.modal-header{
   padding: 10px !important;
}
/* ============================================================================================================== */
/* END MODAL */
/* ============================================================================================================== */

/* ============================================================================================================== */
/* PADDING & MARGIN*/
/* ============================================================================================================== */
/* Padding */
.pd-1{padding: 1px !important;}
.pd-2{padding: 2px !important;}
.pd-3{padding: 3px !important;}
.pd-4{padding: 4px !important;}
.pd-5{padding: 5px !important;}
.pd-6{padding: 6px !important;}
.pd-7{padding: 7px !important;}
.pd-8{padding: 8px !important;}
.pd-9{padding: 9px !important;}
.pd-10{padding: 10px !important;}

/* Margin */
.mg-1{margin: 1px!important;}
.mg-2{margin: 2px!important;}
.mg-3{margin: 3px!important;}
.mg-4{margin: 4px!important;}
.mg-5{margin: 5px!important;}
.mg-6{margin: 6px!important;}
.mg-7{margin: 7px!important;}
.mg-8{margin: 8px!important;}
.mg-9{margin: 9px!important;}
.mg-10{margin: 10px!important;}

/* No Padding */
.no-pd{padding: 0!important;}

/* Padding Top */
.no-pd-top{padding-top: 0!important;}
.pd-top-1{padding-top: 1px!important;}
.pd-top-2{padding-top: 2px!important;}
.pd-top-3{padding-top: 3px!important;}
.pd-top-4{padding-top: 4px!important;}
.pd-top-5{padding-top: 5px!important;}
.pd-top-6{padding-top: 6px!important;}
.pd-top-7{padding-top: 7px!important;}
.pd-top-8{padding-top: 8px!important;}
.pd-top-9{padding-top: 9px!important;}
.pd-top-10{padding-top: 10px!important;}

/* Padding Right */
.no-pd-right{padding-right: 0!important;}
.pd-right-1{padding-right: 1px!important;}
.pd-right-2{padding-right: 2px!important;}
.pd-right-3{padding-right: 3px!important;}
.pd-right-4{padding-right: 4px!important;}
.pd-right-5{padding-right: 5px!important;}
.pd-right-6{padding-right: 6px!important;}
.pd-right-7{padding-right: 7px!important;}
.pd-right-8{padding-right: 8px!important;}
.pd-right-9{padding-right: 9px!important;}
.pd-right-10{padding-right: 10px!important;}

/* Padding Bottom */
.no-pd-bottom{padding-bottom: 0!important;}
.pd-bottom-1{padding-bottom: 1px!important;}
.pd-bottom-2{padding-bottom: 2px!important;}
.pd-bottom-3{padding-bottom: 3px!important;}
.pd-bottom-4{padding-bottom: 4px!important;}
.pd-bottom-5{padding-bottom: 5px!important;}
.pd-bottom-6{padding-bottom: 6px!important;}
.pd-bottom-7{padding-bottom: 7px!important;}
.pd-bottom-8{padding-bottom: 8px!important;}
.pd-bottom-9{padding-bottom: 9px!important;}
.pd-bottom-10{padding-bottom: 10px!important;}

/* Padding Left */
.no-pd-left{padding-left: 0!important;}
.pd-left-1{padding-left: 1px!important;}
.pd-left-2{padding-left: 2px!important;}
.pd-left-3{padding-left: 3px!important;}
.pd-left-4{padding-left: 4px!important;}
.pd-left-5{padding-left: 5px!important;}
.pd-left-6{padding-left: 6px!important;}
.pd-left-7{padding-left: 7px!important;}
.pd-left-8{padding-left: 8px!important;}
.pd-left-9{padding-left: 9px!important;}
.pd-left-10{padding-left: 10px!important;}

/* Margin */
.no-mg{margin: 0!important;}

/* Margin Top */
.no-mg-top{margin-top: 0!important;}
.mg-top-1{margin-top: 1px!important;}
.mg-top-2{margin-top: 2px!important;}
.mg-top-3{margin-top: 3px!important;}
.mg-top-4{margin-top: 4px!important;}
.mg-top-5{margin-top: 5px!important;}
.mg-top-6{margin-top: 6px!important;}
.mg-top-7{margin-top: 7px!important;}
.mg-top-8{margin-top: 5px!important;}
.mg-top-9{margin-top: 9px!important;}
.mg-top-10{margin-top: 10px!important;}

/* Margin Right */
.no-mg-right{margin-right: 0!important;}
.mg-right-1{margin-right: 1px!important;}
.mg-right-2{margin-right: 2px!important;}
.mg-right-3{margin-right: 3px!important;}
.mg-right-4{margin-right: 4px!important;}
.mg-right-5{margin-right: 5px!important;}
.mg-right-6{margin-right: 6px!important;}
.mg-right-7{margin-right: 7px!important;}
.mg-right-8{margin-right: 8px!important;}
.mg-right-9{margin-right: 9px!important;}
.mg-right-10{margin-right: 10px!important;}

/* Margin Bottom */
.no-mg-bottom{margin-bottom: 0!important;}
.mg-bottom-1{margin-bottom: 1px!important;}
.mg-bottom-2{margin-bottom: 2px!important;}
.mg-bottom-3{margin-bottom: 3px!important;}
.mg-bottom-4{margin-bottom: 4px!important;}
.mg-bottom-5{margin-bottom: 5px!important;}
.mg-bottom-6{margin-bottom: 6px!important;}
.mg-bottom-7{margin-bottom: 7px!important;}
.mg-bottom-8{margin-bottom: 8px!important;}
.mg-bottom-9{margin-bottom: 9px!important;}
.mg-bottom-10{margin-bottom: 10px!important;}

/* Margin Left */
.no-mg-left{margin-left: 0!important;}
.mg-left-1{margin-left: 1px!important;}
.mg-left-2{margin-left: 2px!important;}
.mg-left-3{margin-left: 3px!important;}
.mg-left-4{margin-left: 4px!important;}
.mg-left-5{margin-left: 5px!important;}
.mg-left-6{margin-left: 6px!important;}
.mg-left-7{margin-left: 7px!important;}
.mg-left-8{margin-left: 8px!important;}
.mg-left-9{margin-left: 9px!important;}
.mg-left-10{margin-left: 10px!important;}
/* ============================================================================================================== */
/* END PADDING & MARGIN */
/* ============================================================================================================== */

/* ============================================================================================================== */
/* FORM */
/* ============================================================================================================== */

input:focus{
	background: #a9e4f7b2 !important;
}

input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: searchfield-cancel-button;
 }

input::placeholder,
textarea::placeholder{
	font-weight: 400 !important;
	color: #fff !important;
	/* font-style: italic !important; */
	opacity: 0.5 !important;
}

select:focus{
	background: #a9e4f7b2!important;
}

textarea:focus{
	background: #a9e4f7b2!important;
}

label.menu-item-parent i {
	color:red;
	font-size: 5px;
	vertical-align: text-top;
}

.form-group>label{
	display: block!important;
	width: 100%!important;
	height: auto;
	line-height: auto;
	text-align: left !important;
}

.form-group .input-group-addon{
	font-size: 12px!important;
}

.form-group input[type=text]{
	font-weight: 500;
}

.inner-addon { 
	position: relative;
}

.inner-addon-xs{
	position: relative;
}

.inner-addon .glyphicon {
  	position: absolute;
	opacity: 0.5;
	border:1px solid transparent;
	pointer-events: none;
	height: 24px;
	width: 24px;
	padding: 4px;
	margin: 2px 0 0 3px;
}

/* style icon glyphicon */
.inner-addon-xs .glyphicon{
  	position: absolute;
	opacity: 0.5;
	border:1px solid transparent;
	pointer-events: none;
	height: 24px;
	width: 24px;
	padding: 5px;
	margin: 0;
	top: 0;
}

.left-addon .glyphicon  {
	left:  0px;
	border-right: 1px solid rgb(194, 194, 194);
}

.right-addon .glyphicon {
	right: 0px;
	border-left: 1px solid rgb(194, 194, 194);
}

.inner-addon .fa {
  	position: absolute;
	opacity: 0.5;
	border:1px solid transparent;
	pointer-events: none;
	height: 22px;
	width: 22px;
	padding: 2px;
	margin: 2px 0 0 3px;
}

.left-addon .fa {
	left:  0px;
	border-right: 1px solid rgb(194, 194, 194);
}

.right-addon .fa {
	right: 0px;
	border-left: 1px solid rgb(194, 194, 194);
}

.inner-addon .text {
   position: absolute;
   opacity: 0.5;
   border:1px solid transparent;
   pointer-events: none;
   height: 24px;
   width: 24px;
   padding: 4px;
   margin: 2px 0 0 3px;
}

.inner-addon-xs .text {
   position: absolute;
   opacity: 0.5;
   border:1px solid transparent;
   pointer-events: none;
   height: 24px;
   width: 24px;
   padding: 0 0 0 2px;
   margin: 0 0 0 2px;
	font-size: 13px;
}

.left-addon .text  {
   left:  0px;
}

.right-addon .text {
   right: 0px;
}

.left-addon input  {
   padding-left:  30px;
}

.right-addon input {
   padding-right: 30px;
}

i.glyphicon>span{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 11px;
	font-weight: bold;
}

.input-group .input-group-btn>.btn,
.input-group .input-group-btn>.btn.btn-sm{
   height: 30px !important;
   line-height: 30px !important;
	padding: 3px 10px 5px !important
}

.input-group .input-group-btn>.btn>.fa{
	/* font-size: 18px !important; */
	font-size: 12px !important;
}

.input-group .form-control.input-xs,
.input-group .input-group-btn>.btn.btn-xs {
   height: 24px !important;
   /* padding: 5px 10px; */
   font-size: 12px;
   line-height: 1.5 !important;
   border-radius: 2px;
}

.input-group .input-group-btn.right-addon .glyphicon{
	right: 0px;
	border-left: none !important;
}

.input-group-xs>.input-group-addon{
	height: 24px !important;
	padding: 0 5px;
}

.input-group-xs .input-group-btn-xs>.btn{
	height: 24px !important;
	padding: 0 5px !important;
}

.input-xs{
	padding: 2px 5px !important;
	font-size: 12px;
}

.tot{
	background: transparent !important;
	color: #00ff00 !important;
	font-size: large !important;
	font-weight: bold !important;
}
/* ============================================================================================================== */
/* END FORM */
/* ============================================================================================================== */

/* ============================================================================================================== */
/* BACKGROUND COLOR */
/* ============================================================================================================== */
.bg-col-brown{
   background-color: brown !important;
}
.bg-col-white{
   background-color: white !important;
}
.bg-col-red{
   background-color: red !important;
}

.bg-col-green{
   /* background-color: green !important; */
   background-color: #356e35 !important;
}

.bg-col-yellow{
   background-color: #ffff80 !important;
}

.bg-col-orange{
   background-color: orange !important;
}

.bg-col-blue{
   background-color: rgb(0, 162, 255) !important;
}

.bg-col-grey2{
   background-color: rgb(209, 209, 209) !important;
}

/* ============================================================================================================== */
/* END BACKGROUND COLOR */
/* ============================================================================================================== */

/* ============================================================================================================== */
/* TXT COLOR */
/* ============================================================================================================== */
.txt-col-white{
   color: white !important;
}

.txt-col-red{
   color: red !important;
}

.txt-col-green{
   /* color: green !important; */
   color: #356e35 !important;
}

.txt-col-yellow{
   color: #ffff80 !important;
}

.txt-col-orange{
   color: orange !important;
}

.txt-col-blue{
   color: rgb(0, 162, 255) !important;
}

.txt-col-blue2{
   color: rgb(94, 193, 250) !important;
}

.txt-col-stabilo{
   color: #00ff00 !important;
}

.txt-col-red2{
   color: #f83030 !important;
}

.txt-col-black{
   color: black !important;
}

.txt-col-grey{
   color: gray;
}

.txt-col-grey2{
   color: rgb(209, 209, 209) !important;
}

.txt-col-darkBlue{
   color: rgb(0, 0, 56) !important;
}
/* ============================================================================================================== */
/* END TXT COLOR */
/* ============================================================================================================== */

/* ============================================================================================================== */
/* TXT BOLD */
/* ============================================================================================================== */
.txt-100{ font-weight: 100 !important; }
.txt-200{ font-weight: 200 !important; }
.txt-300{ font-weight: 300 !important; }
.txt-400{ font-weight: 400 !important; }
.txt-500{ font-weight: 500 !important; }
.txt-600{ font-weight: 600 !important; }
.txt-700{ font-weight: 700 !important; }
.txt-800{ font-weight: 800 !important; }
.txt-900{ font-weight: 900 !important; }
.txt-bold{ font-weight: bold !important; }

.txt-8{ font-size: 8px !important; }
.txt-10{ font-size: 10px !important; }
.txt-11{ font-size: 11px !important; }
.txt-12{ font-size: 12px !important; }
.txt-13{ font-size: 13px !important; }
.txt-14{ font-size: 14px !important; }
.txt-15{ font-size: 15px !important; }
.txt-16{ font-size: 16px !important; }
.txt-17{ font-size: 17px !important; }
.txt-18{ font-size: 18px !important; }
.txt-19{ font-size: 19px !important; }
.txt-20{ font-size: 20px !important; }
.txt-22{ font-size: 22px !important; }
.txt-24{ font-size: 24px !important; }
/* ============================================================================================================== */
/* END TXT BOLD */
/* ============================================================================================================== */

.no-border{
	border: none !important;
}

.bootbox .modal-content{
	color: #fff !important;
	background: rgb(0, 76, 127) !important;
	/* color: #000 !important;
	background: rgb(255, 255, 255) !important; */
}

.col-info{
	color: rgb(0, 149, 255);
}

.col-danger{
	color: rgb(255, 79, 79);
}

.col-warning{
	color: rgb(255, 255, 89);
}

/* ============================================================================================================== */
/* AUTOCOMPLETE */
/* ============================================================================================================== */
input[type="search"].ui-autocomplete-loading, input[type="text"].ui-autocomplete-loading{
	background-image: none !important;
}

.ui-autocomplete .ui-state-active,
.ui-autocomplete .ui-widget-content .ui-state-active,
.ui-autocomplete .ui-widget-header .ui-state-active,
.ui-autocomplete a.ui-button:active,
.ui-autocomplete .ui-button:active,
.ui-autocomplete .ui-button.ui-state-active:hover {
    border: 1px solid #aaaaaa;
    background: #cfd8e0;
    font-weight: normal;
    color: #212121;
}
/* ============================================================================================================== */
/* END AUTOCOMPLETE */
/* ============================================================================================================== */