td.atmBrandImage img{   	width: 50px;}td.atmModelImage img{   	width: 50px;}td.atmBrandNameLine {   	vertical-align: middle !important;}#viewATM .btn{	padding: 0px 10px;}#viewATM .btn-warning{	/* margin-left: 48px; */ 	float: right;	background-color:#0066FF; 	border-color: #0000ff;}#viewATM table{	width: 100%;}/*#viewATM tbody tr:last-child{*/	/*border: 1px solid black;*/	/*border-bottom-left-radius: 4px;*/	/*border-bottom-right-radius: 4px;*//*}*/#viewATM .oneNote .row{	margin: 0px;}#viewATM .row{	margin-bottom: 25px;	/*margin-right: 15px;*/}#viewATM td{	font-size: 12px;}#viewATM td label{	font-size: 10px;}#viewATM td{	border: dashed 1px #dddddd;	margin-top: 2px;	margin-bottom: 2px;}#viewATM  h6{	font-weight: bold;	margin-top: 2px;	margin-bottom: 2px;}#viewATM td span{	margin-top: 2px;	margin-bottom: 2px;}.steps .steps-arrows {	list-style: none;	/*margin-left: -15px;*/    display: inline-block;    padding-left: 0;}.steps {	font-size: 13px;	line-height: 16px;}.steps .steps-arrows li {	/*display: inline;*/    float: left;}.span4 {	width: 162px;	/*float: left;*/	margin-left: 20px;}.steps h6 {	text-align: center;	color: #004b90;	font-weight: normal;	font-size: 16px;	line-height: 22px;}.steps li:first-child dt {	margin-left: 3px;}.steps li:first-child .span4 {	margin-left: 0px;} .steps .steps-arrows li dt {	height: 10px;	display: block;	-webkit-transition: background-color .15s linear;	-moz-transition: background-color .15s linear;	-o-transition: background-color .15s linear;	transition: background-color .15s linear;	background-color: #c5c5c5;	position: relative;	margin: 0 -6px;	border-color: #c5c5c5;	margin-bottom: 20px;}.steps li:first-child dt:before {	left: -3px;	width: 5px;	height: 10px;	border: none;	background-color: inherit;	-webkit-border-top-left-radius: 50%;	-moz-border-radius-topleft: 50%;	border-top-left-radius: 50%;	-webkit-border-bottom-left-radius: 50%;	-moz-border-radius-bottomleft: 50%;	border-bottom-left-radius: 50%;}.steps .steps-arrows li dt:before {	-webkit-transition: border-color .15s linear;	-moz-transition: border-color .15s linear;	-o-transition: border-color .15s linear;	transition: border-color .15s linear;	content: '';	display: block;	top: 0;	left: -5px;	position: absolute;	width: 0px;	height: 0px;	border-style: solid;	border-width: 5px 0 5px 5px;	border-color: #c5c5c5 #c5c5c5 #c5c5c5 transparent;}.steps .steps-arrows li dt:after {	-webkit-transition: border-color .15s linear;	-moz-transition: border-color .15s linear;	-o-transition: border-color .15s linear;	transition: border-color .15s linear;	content: '';	display: block;	top: 0;	right: -5px;	position: absolute;	width: 0px;	height: 0px;	border-style: solid;	border-width: 5px 0 5px 5px;	border-color: transparent transparent transparent #c5c5c5;}.steps .steps-arrows li dt:hover {	background-color: #004b90;	color: #004b90;}.steps li.active dt {	background-color: #004b90;	color: #004b90;}.steps li dt:before:hover {	border-color: #004b90 #004b90 #004b90 transparent;}.steps li.active dt:before {	border-color: #004b90 #004b90 #004b90 transparent;}.steps li dt:after:hover {	border-color: transparent transparent transparent #004b90;}.steps li.active dt:after {	border-color: transparent transparent transparent #004b90;}.grid-view table.items .row-open {	background: #A8FFB9;}/*SPEC_BTN*/.spec_btn .btn-success.red {    background: #3f4249!important;    border-color: #3f4249 !important;    -webkit-border-radius: 3px;    -moz-border-radius: 3px;    -o-border-radius: 3px;    -ms-border-radius: 3px;    border-radius: 3px;    width: 100%;    height: 60px;    line-height: 60px;    text-align: center;}.spec_btn .btn-success.red:hover {    background: #d92f2f!important;    border-color: #d92f2f!important;    transition: all 0.3s ease 0s;}/* end SPEC_BTN*//*ATM MEW STYLE*//*global*/body {	font-size: 12px;}a {	/* color: #080808; */ }.navbar-small-custom-menu{	display: none;}.main-header .navbar-custom-menu, .main-header .navbar-right{	width: 90%;	float: left;}.atm_ns_box {		/*	margin-left: -15px;	margin-right: -15px;	*/	padding: 15px;}/*atm_ns_box*//*panel*/.atm_ns_box.panel {	border: none;	border-radius: 0;	-webkit-box-shadow: none;	box-shadow: none;}.atm_ns_box.panel-default > .panel-heading {	color: #11749B;	background-color: white;	border: none;	padding: 23px 0 10px 0;}.atm_ns_box .panel-title {	font-size: 20px;	border-bottom: 1px solid #e0e0e0;	padding: 0 0 13px;	font-weight: bold;	color: #000072;}.atm_ns_box .panel-body {	padding: 10px 0 23px 0;}.atm_ns_box.panel a {	color: #080808;}.atm_ns_box.panel a.btn {	color: #ffffff;	margin-right: 5px;	padding: 5px 10px;}.atm_ns_box.panel a.btn .glyphicon {	top: 2px;}/*table*/.atm_ns_box .table {	margin-bottom: 0;	border: 1px solid #0087C1;}.atm_ns_box .table th {	background-color: #0087C1;	border: none;	font-weight: normal;	color: white;	text-align: center;}.atm_ns_box .table thead th:first-of-type {	text-align: left;	font-weight: bold;}.atm_ns_box .table thead td {	background-color: #0087C1;	color: white;}.atm_ns_box .table th, .table td {	vertical-align: middle;}.atm_ns_box .table thead a {	color: #ffffff;	font-weight: bold;}.atm_ns_box .table tbody tr,.atm_ns_box .table thead tr.filters {	border: none;}.atm_ns_box .table tbody tr,.atm_ns_box .table thead tr.filters {	display: table-row;	border-width: 1px;}.atm_ns_box .table tbody td,.atm_ns_box .table thead tr.filters td {	border: none;	text-align: center;}.atm_ns_box .table tbody tr td:first-of-type,.atm_ns_box .table thead tr.filters td:first-of-type {	text-align: left;	font-weight: bold;}.atm_ns_box .table > thead > tr > th{	border-bottom: none;	padding: 10px 5px 0px 5px;}.atm_ns_box .table > thead > tr > td {	padding-bottom: 8px;}.atm_ns_box .table > thead > tr > th:first-child,.atm_ns_box .table thead tr.filters td:first-of-type,.atm_ns_box .table tbody tr td:first-of-type {	padding-left: 8px;}.atm_ns_box .table > thead > tr > th:last-child,.atm_ns_box .table thead tr.filters td:last-of-type,.atm_ns_box .table tbody tr td:last-of-type {	padding-right: 8px;}.atm_ns_box .table > thead > tr > th,.atm_ns_box .table > tbody > tr > td {	vertical-align: middle;}.atm_ns_box .table > tbody > tr > td {	border: none;}.atm_ns_box .table a {	line-height: 16px;}.atm_ns_box #atm-grid table tr.odd {	/*background-color: rgb(249, 249, 249);*/}.atm_ns_box .grid-view .filters input,.atm_ns_box .grid-view .filters select {	/*border: none;*/	color:black;}.atm_fix_width_1,.atm_ns_box .table > thead > tr > th:first-child,.atm_ns_box .table > thead > tr > th:first-child + th {	width: 50px;}.atm_fix_width_2,.atm_ns_box .table > thead > tr > th:first-child + th + th {	width: 80px;}.atm_ns_box .table td a {	display: inline-block;	max-width: 120px;	word-wrap: break-word;	text-align: center;}.atm_ns_box .button-column {    width: 100px;	vertical-align: middle;}.button-column .btn{	margin-right: 5px;}.button-column .btn:last-child{	margin-right: 0;}.atm_trash_ico {	display: inline;}.atm_trash_ico span:hover {	color: #d2322d;}/*Other elements*/.atm_ns_box .form-control {	border-radius: 0;}.atm_per_box {	display: inline-block;	padding: 4px 0 0 0;}.breadcrumbs {	margin-left: 0;}/*menu*/.navbar-nav > li {	float: left;	margin-right: 10px;}.nav > li > a {	font-size: 14px;	padding: 15px 4px;}.nav > li > a > span i.fa,.nav > li > a > i.fa{	font-size: 24px;}.navbar-custom-menu .navbar-nav{	width: 100%;	text-align: right;}.navbar-static-top .user-menu{	float: right;}.skin-blue .topbar-form {	display: none;	border-radius: 3px;	border: 1px solid #4cd3ee;	margin: 12px 10px 6px 10px;}.sidebar-collapse .topbar-form{	display: block;}.topbar-form .input-group{	display: block;}.topbar-form .input-group #search-btn{	margin-left: 0px;	padding-top: 1px;	height: 28px;}.topbar-form .input-group .form-control{	display: inline-block;	width: 80%;	height: 28px;}/*second menu*/.atm_submenu_box {	float: right;	padding-left: 0;}.atm_submenu_box > li {	position: relative;	display: block;	line-height: 1;	width: 38px;	height: 28px;	margin-top: 12px;}.atm_submenu_box > li:hover ul {	display: block;}.atm_submenu_box > li > span {	cursor: pointer;	display: block;	position: absolute;	z-index: 999;	padding: 7px 7px;	background-color: transparent;	background-image: none;	border: 1px solid #333333;	border-radius: 4px;}.atm_submenu_box > li:hover, .atm_submenu_box > li:hover > span {	background-color: #333333;}.atm_submenu_box > li > span .icon-bar {	background-color: #ffffff;	display: block;	width: 22px;	height: 2px;	border-radius: 1px;	margin-top: 4px;}.atm_submenu_box > li > span .icon-bar:first-child {	margin-top: 0;}.atm_submenu_box ul {	position: absolute;	display: none;	right: 0;	top: 0;	background-color: #222222;	border-color: #080808;	padding: 34px 18px 18px 18px;	list-style-type: none;}.atm_submenu_box > li:hover .atm_submenu_box ul {	display: block;}.atm_submenu_box ul li a {	display: inline-block;	color: #999999;	line-height: 20px;	font-size: 14px;	padding: 4px 0 0 0;}.atm_submenu_box ul li a:hover {	color: white;	text-decoration: none;}.atm_mobile_nav.navbar-nav > li {	 float: none;	 margin-right: 0;}.atm_mobile_nav.navbar-nav > li a {	display: inline-block;	padding-left: 15px;}/* / ATM MEW STYLE*/ /*Backend USER PAGE STYLES*/.form-horizontal .form-group{	display: block;	margin-right: 0;	margin-left: 0;}.form-horizontal .control-label{	padding: 7px 5px;}.bk_user_btn_box{	display: block;	/* position: absolute; */ 	top: -10px;	right: 0;	width: 100%;}.bk_user_btn_box a{	width: 14%;}.bk_user_btn_box i{	margin-right: 5px;}.bk_myprof_btn_box{    margin-bottom: 15px;	width: 100%;}.bk_myprof_btn_box a{	width: 14%;}.btn-save,.btn-del{	width: 100%;	display: block;}.badge{	padding: 3px 6px;	margin-top: 5px;}.drv_lic_box img{	display: block;	margin: 0 auto 5px;}.form-horizontal .rocket_prof_img img{	display: block;	width: 100%;	margin: 0 auto;}/*Backend / documents styles*/.btn-profile-save{	display: block;	width: 30%;	margin: 0 auto;}.doc_form_row{	margin-bottom: 5px;}.doc_form_label{    margin-top: 0px;	padding: 6px 5px !important;}.btn-send {	display: block;	width: 30%;	float: right;}/* END Backend / documents styles*//*Backend/ATM styles*/#viewATM .atm-btn-orang{	display: inline-block;	width: 100%;	background-color: #f0ad4e;	border-color: #eea236;	padding: 6px 5px;	font-size: 18px;}#viewATM .atm-btn-orang:hover{	background-color: #e4a54b;}#viewATM .row{	margin-bottom: 0;	font-family: Helvetica, Arial, sans-serif;}#viewATM .panel-title{	width: 50%;	display: inline-block;	font-weight: bold;	font-size: 16px;	margin-top: 3px;}#viewATM .panel-heading {	color: #484848;	background-color: #e6e6e6;	border: 1px solid #909090;	/*border-bottom: none;*/	padding: 5px 15px;	border-top-right-radius: 5px;	border-top-left-radius: 5px;}#viewATM .panel-heading .btn{display: inline-block;	color: #484848;	background: transparent;	border: 0;	text-align: right;	padding-right: 0;	margin-top: 3px;}#viewATM .panel-heading .btn:hover{	text-decoration: underline;}#viewATM .panel-heading .btn i{	margin-right: 5px;}#viewATM .atm-btn-green{	background-color: #27ae60;	border-color: #4cae4c;	display: inline-block;	width: 24%;	padding: 9px 5px;	margin-bottom: 15px;}#viewATM .atm-btn-green:hover{	background-color: #5cb85c;}#viewATM .btn-view{	display: block;	width: 100%;	background: #428bca;	text-align: center;	font-size: 16px;	border-radius: 3px;	border-color: #333;}#viewATM .grey{	width: 100%;	background: #999;	text-align: center;	font-size: 16px;	border-radius: 3px;	border: 1px solid #333;}#viewATM .clearfix .btn-view,#viewATM .clearfix .grey{	width: 48%;}#viewATM .itemRed{	top: 0;}#viewATM table{	border: solid 1px black;	border-bottom-left-radius: 4px;	border-bottom-right-radius: 4px;}#viewATM tr{	background: #fff;}#viewATM td{	padding: 2px 5px;}.tab_bot_padd{	padding-bottom: 20px;}#viewATM td .btn{	max-width: 100%;}#viewATM .badge{	margin: 0 auto;}#viewATM .wireless{	padding: 8px;	width: 100%;}.info_in{	display: inline-block;	width: 5%;}/* Support Tasks page styles*/.admin-box-content .box-of-tasks{	width: 50%;}@media screen and (max-width: 1200px)  {	.admin-box-content .box-of-tasks{		width: 80%;	}}@media screen and (max-width: 1024px)  {	.admin-box-content .box-of-tasks{		width: 100%;	}}.tasks-box{	display: block;	width: 100%;}.box-right{	float: right;}.admin-box-content .box-title{	font-size: 22px;	line-height: 1.42;}.tasks-box .tasks-text,.form-horizontal .tasks-text{	font-size: 14px;	padding: 7px 0;	text-align: left;	margin: 0;}.tasks-box .tasks-text.right,.form-horizontal .tasks-text.right{	text-align: right;}.form-horizontal .control-label{	padding: 7px 0px;}.tasks-box .control-label{	font-weight: bold;	color: #000;}.task-page-form .btn{	display: block;	min-width: 90px;	float: right;}.task-page-form input[type=checkbox]{	margin-top: 11px;}.form-horizontal .tasks-input-box{	display: block;	height: auto;	margin-bottom: 15px;}/* END Support Tasks page styles*/.admin-box-content{	border-radius: 5px;}.sett-drop-btn{	width: 100%;	display: none;}.sett-drop-menu{	width: 100%;}.sett-drop-menu > .setting-nav-item > a{	white-space: normal !important;}.text-center{	text-align: center;	font-size: 18px;	font-weight: bold;}.teble_msg .summary{	text-align: right;}.grid-view .pager{	margin: 5px 0 0 0;	text-align: center;}.skin-blue .sidebar{	background: none;}.main-header .navbar-custom-menu .top-nav-item span.input-group-btn {	width: auto;}/* END Backend/ATM styles*/@media screen and (max-width: 768px){	/*.main-header .logo{*/		/*height: 40px;*/		/*font-size: 18px;*/		/*line-height: 40px;*/	/*}*/   .col-xs-12 .form{		margin-top: 60px;	 	margin-bottom: 20px;	}	.bk_user_btn_box a,	.bk_myprof_btn_box a{		width: 100%;	}	.my_prof_mob_pad{		padding-top: 135px;	}	.bk_myprof_btn_box{		margin-left: -15px;	}	.head_form_box{		width: 50%;	}	.main-header .navbar-custom-menu,	.main-header .navbar-right{		display: block;	}	.main-header .navbar-custom-menu .top-nav-item,	.main-header .navbar-custom-menu .messages-menu	{		display: none;	}	/*.navbar-small-custom-menu{*/		/*width: 80%;*/		/*float: left !important;*/		/*display: inline-block;*/	/*}*/	.navbar-custom-menu{		display: inline-block;		width: 87% !important;		float: right;	}	.navbar-custom-menu .navbar-nav > li > a{		padding-top: 20px;	}	/*.main-sidebar, .left-side {*/		/*padding-top: 30px;*/	/*}*/	.topbar-form .input-group #search-btn{		margin-left: -7px;		padding-top: 3px;		padding-right: 10px;		padding-left: 10px;	}	.skin-blue .sidebar-form{		margin: 10px 10px 0 10px;	}	.teble_msg#support-grid{		overflow: auto;	}}@media screen and (max-width: 767px){	.skin-blue .sidebar-form {		margin: 22px 10px 8px 10px;	}}/* atmBrand custom styles */	.admin-box-content h4.box-title{		font-size: 18px;		line-height: 1.2;	}	.admin-box-content .box-body {		padding: 10px;		width: 100%;	}	.sett-drop-menu{		width: 100%;		display: block;		position: relative;		border: none;		z-index: 200;	}/* atmERROR custom styles */	.box .grid-view{		padding: 5px 10px;	}@media screen and (max-width: 800px) {	.main-header .sidebar-toggle{		padding: 12px 15px;	}	.admin-box-content .box{		margin-bottom: 10px;	}	.admin-box-content .box-header {		padding: 5px 10px;	}	.admin-box-content .box-header .btn-box-tool{		padding: 0px 5px;	}	.admin-box-content h4.box-title{		font-size: 18px;		line-height: 1.2;	}	.admin-box-content .box-body {		padding: 5px;		width: 100%;	}	.admin-box-content #yw0,	.admin-box-content #yw1{		margin: 0;		padding: 0;	}	.setting-header{		display: none;	}	.sett-drop-btn{		width: 100%;		display: block;	}	.setting-nav-item{		/*display: inline-block;*/		list-style: none;		margin: 0 1px 4px;	}	.sett-drop-menu{		display: none;	}	.sett-drop-menu > .setting-nav-item > a{		display: block;		padding: 5px 20px !important;		margin-bottom: 0;		font-size: 14px;		font-weight: 400;		line-height: 1.42857143;		text-align: center;		white-space: nowrap;		vertical-align: middle;		border-radius: 3px;		color: #fff;		background-color: #f39c12;		border-color: #e08e0b;		box-shadow: none;		opacity: .65;		word-wrap: break-word !important;	}	.setting-nav-item a:hover{		opacity: .9;	}	.setting-nav-item.active a,	.setting-nav-item a:active{		opacity: 1;		color: #fff;		background-color: #f39c12;		border-color: #e08e0b;	}	.box-right .btn{		padding: 0 8px;	}	.box .grid-view{		padding: 5px 10px;	}	td.atmModelImage img{		width: 40px;	}	.grid-view .button-column{		width: 70px;	}	.box-body.btn-group{		display: block;		min-width: 256px;	}}@media screen and (max-width: 525px) {	.admin-box-content h4.box-title{		font-size: 14px;		line-height: 1;	}	.box-header > .box-tools{		top: 3px;	}	.grid-view table.items,	.box .grid-view{		overflow-x: scroll;		display: block;	}	.navbar-custom-menu > .navbar-nav > li.ra_search_item {		display: none;	}}/* END of atmBrand custom styles */@media screen and (max-width: 420px){	.bk_myprof_btn_box{		margin-left: -15px;	}}@media screen and (max-width: 420px){	.bk_myprof_btn_box{		margin-left: -15px;	}}@media screen and  (max-width: 1290px){	.navbar-nav > li{		margin-right: 2px;		min-height: 46px;	}}@media screen and  (max-width: 989px){	.steps{	    display: none;	}	.main-header .navbar-custom-menu, .main-header .navbar-right{		width: 90%;	}	.navbar-custom-menu .navbar-nav > .user-menu{		float: right;	}	.user-menu a{		display: block;		height: 100%;		padding: 12px !important;	}	.user-menu img{		float: none !important;		margin: 0 !important;		display: block;	}	.user-menu span{		display: none;	}}@media screen and  (min-width: 989px){	.mobile_steps{	    display: none;	}}ul.yiiPager a:link, ul.yiiPager a:visited{	line-height: initial;	padding: 4px 10px;	border-radius: 5px;	margin-right: 4px;}/*END Backend USER PAGE STYLES*/.row-underdealer{	background-color: #eaeaea;}.row-dealer{	background-color: #a8e6a8;}.row-dealer a{	color: #493a3a;}.row-underdealer a{	color: #493a3a;}.atm_ns_box.panel tr td:nth-child(3) a {     color: #428bca;}.atm_ns_box.panel tr td:nth-child(5) a {     color: #428bca;}.atm_ns_box.panel tr td:nth-child(9) a {     color: #428bca;}.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {    background: -webkit-linear-gradient(top, rgba(29,199,234,.8), #4090ff);    background: -o-linear-gradient(top, rgba(29,199,234,.8), #4090ff);    background: -moz-linear-gradient(top, rgba(29,199,234,.8), #4090ff);    background: linear-gradient(top, rgba(29,199,234,.8), #4090ff);	background: linear-gradient(to bottom, rgba(29,199,234,.8) 0%,rgba(96,171,248,.8) 100%,rgba(64,144,255,.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1dc7ea', endColorstr='#4090ff',GradientType=0 ); /* IE6-9 */}.skin-blue .sidebar-form input[type="text"], .skin-blue .sidebar-form .btn{	box-shadow: none;	background-color: #fff;	border: 1px solid #367fa9;	height: 35px;}.skin-blue .sidebar-form input::placeholder{	color: #367fa9;}.skin-blue .sidebar-form input[type="text"]:focus{	color: #367fa9;}.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn{	color: #fff;}
/*Fix  _master_page_modal_commiss_bank.php Table*/@media screen and  (max-width: 1279px){	.ra_modal_commiss {		width: 100%!important;		box-sizing: border-box;	}	.ra_modal_col_box_big_size {		padding: 0 0 10px 0;		width: 100%;	}	.ra_modal_col_box_big_size.text-left {		text-align: left!important;	}	.ra_col_md_9_big_size {		width: 80%!important;		float: left;		padding-left: 0;	}	.ra_col_md_3_big_size {		width: 20%!important;		float: left;		min-height: 30px;	}}@media screen and  (max-width: 1320px){	.ra_modal_commiss table.ra_modal_table,	.ra_modal_commiss table.ra_modal_table > thead,	.ra_modal_commiss table.ra_modal_table > tbody,	.ra_modal_commiss table.ra_modal_table > tbody > tr,	.ra_modal_commiss table.ra_modal_table > tbody > tr > th,	.ra_modal_commiss table.ra_modal_table > tbody > tr > td {		display: block;		padding-bottom: 0;		width: 100%!important;	}	.ra_modal_commiss table.ra_modal_table > tbody > tr > th.ra_modal_col_part_box_btn,	.ra_modal_commiss table.ra_modal_table > tbody > tr > td.ra_modal_col_part_box_btn {		width: 80%!important;		float: left;	}	.ra_modal_commiss table.ra_modal_table > tbody > tr > td.ra_modal_col_box_btn {		width: 20%!important;		float: left;	}	.ra_modal_commiss table.ra_modal_table > tbody > tr > th:after,	.ra_modal_commiss table.ra_modal_table > tbody > tr > td:after {		content: '';		display: block;		clear: both;	}	.ra_modal_col_box {		padding: 0 0 10px 0;		width: 100%;	}	.ra_modal_col_box .select2-container,	.ra_modal_col_box .comm_who_select {		width: 100%!important;	}	.ra_col_md_9 {		width: 80%!important;		float: left;		padding-top: 10px;	}	.ra_col_md_3 {		width: 20%!important;		float: left;		min-height: 30px;		padding-top: 14px;	}	.form-horizontal .control-label.text-left {		text-align: left;	}}/*--*/@media screen and  (max-width: 1270px){	.navbar-custom-menu .navbar-nav > li.ra_menu_item {		float: none;		margin-top: 9px;		vertical-align: top;		display: inline-block;	}	.nav > li > a {		padding: 6px 7px;	}	/*.skin-blue .main-header .navbar .nav>li>a.ra_ra_link {*/		/*padding-top: 8px!important;*/	/*}*/}@media screen and  (max-width: 920px){	.navbar-custom-menu > .navbar-nav > li {		display: none;	}	.navbar-custom-menu > .navbar-nav > li.ra_search_item {		display: block;	}	.navbar-custom-menu .navbar-nav > li.ra_menu_item {		display: inline-block;	}}@media screen and  (max-width: 500px){	.main-header .navbar{		min-height: 30px;	}	.main-header .sidebar-toggle{		padding: 10px;	}	.skin-blue .sidebar-form{		margin: 0;	}	.navbar-small-custom-menu .navbar-nav{		display: inline-block;		margin: 0;	}	.navbar-small-custom-menu .navbar-nav .user-menu{		margin: 0;		float: right;	}	.navbar-small-custom-menu .user-menu a{		padding: 14px 10px 6px;		line-height: 10px;	}	.content .msg_box{		padding-top: 0;		padding-bottom: 0;	}	.sidebar .sidebar-form{		display: block;	}	.main-sidebar, .left-side{		padding-top: 114px;	}	.atm_ns_box.panel a.btn{		margin: 5px;		min-width: 70px;		width: 46%;	}	#btn_list{		background: none;	}	.atm_ns_box.panel-default > .panel-heading{		padding: 0;	}	.remlistA{		font-size: 14px;	}	.atm_ns_box .table th{		text-align: left;	}	.atm_ns_box.panel td a.btn{		width: 45%;		padding: 5px;		margin: 0 0 5px;	}	.h1, .h2, .h3, h1, h2, h3{		margin-top: 10px;		margin-bottom: 5px;	}	.pad_space{		padding-bottom: 0;	}	.head_form_box{		width: 80%;		padding: 6px 10px;	}	#viewATM .atm-btn-orang, #viewATM .atm-btn-green  {	    font-size: 14px;	}	.skin-blue .main-header .navbar .sidebar-toggle {		padding-top: 15px!important;		padding-bottom: 15px;	}	/*Fix  _master_page_modal_commiss_bank.php Table*/	/* Force table to not be like tables anymore */	table.ra_modal_commiss_minitable, .ra_modal_commiss_minitable thead,	.ra_modal_commiss_minitable tbody, .ra_modal_commiss_minitable th,	.ra_modal_commiss_minitable td,	.ra_modal_commiss_minitable tr {		display: block;	}	/* Hide table headers (but not display: none;, for accessibility) */	.ra_modal_commiss_minitable  tr:first-child {		position: absolute;		top: -9999px;		left: -9999px;	}	.ra_modal_commiss_minitable tr { border: 1px solid #ccc; }	.ra_modal_commiss_minitable td {		/* Behave  like a "row" */		border: none;		border-bottom: 1px solid #eee!important;		position: relative;		padding-left: 50%!important;	}	.ra_modal_commiss_minitable td:before {		/* Now like a table header */		position: absolute;		/* Top/left values mimic padding */		top: 2px;		left: 6px;		width: 45%;		padding-right: 10px;		white-space: nowrap;	}	/*	Label the data	*/	.ra_modal_commiss_minitable td:nth-of-type(1):before { content: "Nickname"; }	.ra_modal_commiss_minitable td:nth-of-type(2):before { content: "Bank Name"; }	.ra_modal_commiss_minitable td:nth-of-type(3):before { content: "Routing#"; }	.ra_modal_commiss_minitable td:nth-of-type(4):before { content: "Account#"; }	.ra_modal_commiss_minitable.dashes_table {		border: none;	}	.ra_modal_commiss_minitable.dashes_table td {		border-style: solid;		height: 22px;	}	.ra_modal_commiss_body .col-xs-12,	.ra_modal_commiss_body .col-md-12,	.ra_modal_commiss_body .panel-primary > .panel-body {		padding-left: 0;		padding-right: 0;	}	.ra_modal_commiss_body .panel-body .panel-body {		padding-left: 10px;		padding-right: 10px;		border: none;	}	.ra_modal_commiss_body .panel-primary {		border: none;	}	.ra_modal_commiss {		margin: 0!important;	}}
 
/*Switucher buttons*/

.validate-error {
    border: 1px solid red !important;
}

.switch {
    position: relative;
    display: block;
    vertical-align: top;
    width: 65px;
    height: 22px;
    padding: 3px;
    margin: 0 10px 10px 0;
    background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
    background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
    border-radius: 18px;
    box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    box-sizing:content-box;
}
.switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    box-sizing:content-box;
}
.switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 10px;
    text-transform: uppercase;
    background: #eceeef;
    border-radius: inherit;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
    box-sizing:content-box;
}
.switch-label:before, .switch-label:after {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    line-height: 1;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
    box-sizing:content-box;
}
.switch-label:before {
    content: attr(data-off);
    right: 11px;
    color: #aaaaaa;
    text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
    content: attr(data-on);
    left: 11px;
    color: #FFFFFF;
    text-shadow: 0 1px rgba(0, 0, 0, 0.2);
    opacity: 0;
}
.switch-input[value="yes"] ~ .switch-label {
    background: #00c0ef;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input[value="yes"] ~ .switch-label:before {
    opacity: 0;
}
.switch-input[value="yes"] ~ .switch-label:after {
    opacity: 1;
}
.switch-handle {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 20px;
    height: 20px;
    background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
    background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
    border-radius: 100%;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-handle:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -6px;
    width: 12px;
    height: 12px;
    background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
    background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
    border-radius: 6px;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}
.switch-input[value="yes"] ~ .switch-handle {
    left: 47px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

/* Transition
========================== */
.switch-label, .switch-handle {
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.dropzone-section .dropzone.dz-clickable {
    border: 1px solid #222222;
    border-radius: 5px;
}

/*End switcher buttnons*/

.cbtn {
    display: inline-block;
    border: 1px;
}
.cbtn:focus {
    outline: unset;
}
.cbtn-bg--transparent {
    background-color: transparent;
}
.cbtn--success_check {
    font-size: 18px;
    color: #00a65a;
    background-color: transparent;
}
.cbtn--success_check:hover {
    opacity: 0.8;
}
.color-success {
    color: #00a65a;
}
.text_align--center {
    text-align: center;
}
.panel-heading.dflex {
    display: flex;
}
.panel-title--personal_form {
    display: flex;
    align-items: center;
}
.jc-end {
    display: flex;
    justify-content: flex-end;
}

.search-active-color {
    background-color: #ffe4c4;
}
.search-bg-transparent {
    background-color: transparent;
}

span.amount-below-label {
    font-style: italic;
    font-size: 16px;
    padding-right: 5px;
}

/*-----------TREE-------------*/

.tree:before{
	/* border: none !important; */
}
.tree.user > ul:before{
	border: none !important;
}
.tree.user > ul > li:last-child:before{
	border: none !important;
}
.tree span.glyphicon-ok-sign{
	color: #5cb85c !important;
	margin-right: 3px;
}
.tree,
.tree ul {
	margin:0 0 0 1em;
	padding:0;
	list-style:none;
	color:#ccc;
	position:relative;
}

.tree ul {
	margin-left:.5em
}

.tree:before,
.tree ul:before {
	content:"";
	display:block;
	width:0;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	border-left:1px solid;
}
.tree.team li > span{
	font-weight: normal;
}

.tree li {
	margin:0;
	padding:0 0 0 1.5em;
	line-height:2em;
	font-weight:bold;
	color: #555;
	position:relative;
	font-weight: normal;
}

.tree li:before {
	content:"";
	display:block;
	width:10px;
	height:0;
	border-top:1px solid;
	margin-top:-1px;
	position:absolute;
	top:1em;
	left:0;
}

.tree li:last-child:before {
	background:white;
	height:auto;
	top:1em;
	bottom:0;
}

.tree li a{
	font-weight: normal;
}


.list-group a{
	color: #337ab7;
}

.cpd-0{
    padding: 0;
}






.repairChat {
    background-image: url(../img/furley_bg.png);
    padding: 0px 0px 25px 0px;
    max-height: 500px;
    border: 1px solid #ccc;
    background-color: #fff;
    overflow-y: auto;
}

.repairChat .date {
    font-style: italic;
    color: #aaa;
    font-size: 11px;
    text-align: center;
    clear: both;
    font-weight: 400;
    margin-bottom: 15px;
    margin-top: 15px;
}


.repairChat .message {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    padding: 15px 15px;
    background-color: #fff;
    width: 60%;
    float: left;
    margin: 0px 15px 20px 15px;
}

.repairChat .message p {
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
}

.repairChat .message h6 {
    font-style: italic;
    font-size: 11px;
    font-weight: 400;
    text-align: right;
    margin: 0;
    opacity: 0.9;
}

.repairChat .message h6 span {
    opacity: 0.8;
}

.repairChat .message.service {
    float: right;
}

.repairChat .message.service  {
    background-color: #0788b1;
    color: #fff;
}

.listFileMessage .preview {
    float: left;
    display: inline-block;
    margin: 8px 8px 0px 0px;
    word-wrap: break-word;
    border-radius: 5px;
    background-color: #f3f3f3;
    text-align: center;
    line-height: normal;
    vertical-align: middle;
    font-size: 11px;
    padding: 15px 6px 6px 6px;
    overflow: hidden;
    height: 80px;
    min-width: 80px;
    max-width: 100px;
    background-size: cover;
    background-position: 50% 50%;
}

.listFileMessage .preview i {
    font-size: 25px;
    margin-top: 13px;
    margin-bottom: 6px;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media screen and (max-width: 500px){
	#viewATM .atm-btn-green {
	    width: 49%;
	}
}


#grid-view table tr.odd {
    background-color: #eeeeee;
}

.users-tree-iso{
	background-color: rgba(29,199,234,0.8);
	color: #f6f6f6;
	padding: 1px 3px;
	font-size: 14px;
}


.spinner {
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('img/preloader.gif') 
                50% 50% 
                no-repeat;
}




.topbar-form {
    display: none;
    border-radius: 3px;
    margin: 12px 10px 6px 10px;
}

@media (max-width: 991px){
	.topbar-form {
	    display: block;
	}
	.navbar-custom-menu .nav.navbar-nav li:first-child{
	    display: block;
	}
}
.main-sidebar, .left-side  {
    background-image: none !important;
}

.skin-yellow #viewATM .panel-heading {
    background-color: #3c3c3c;
    color: #f5f5f5;
}
.skin-yellow #viewATM .panel-heading .btn {
    color: #f5f5f5;
}

.btn.btn-app{
    padding: 10px 5px  !important;
    border-radius: 6px;
    position: relative;
    padding: 15px 5px;
    margin: 0px;
    width: 100%;
    height: 65px;
    text-align: center;
    color: #fffff3;
    border: 1px solid #ddd;
    background-color: #f19c24;
    font-size: 18px;
    white-space: normal;
}
.cbt-bg--green {
    background-color: #27ae60!important;
}
.cbt-bg--green:hover {
    background-color: #5cb85c!important;
}
.btn.btn-app:hover{
    background-color: #ffa11e;
}


@media screen and (max-width: 1200px)  {
	.btn.btn-app{
	    padding: 5px 10px !important;
	    border-radius: 6px;
	    position: relative;
	    padding: 15px 5px;
	    margin: 0px;
	    width: 100%;
	    height: 55px;
	    text-align: center;
	    color: #fffff3;
	    border: 1px solid #ddd;
	    background-color: #f19c24;
	    font-size: 15px;
	}
	.btn-app > .fa, .btn-app > .glyphicon, .btn-app > .ion {
	    font-size: 14px;
    	display:none;
	}
}

@media screen and (max-width: 1600px)  {
	.btn-app > .fa, .btn-app > .glyphicon, .btn-app > .ion {
	    font-size: 14px;
    	display:none;
	}

	.btn.btn-app {
		display: flex;
	    align-items: center;
	    justify-content: center;
	}
}


@media screen and (min-width: 1200px)  {
	.btn.btn-app{
	    padding: 5px  !important;
	    border-radius: 6px;
	    position: relative;
	    padding: 15px 5px;
	    margin: 0px;
	    width: 100%;
	    height: 65px;
	    text-align: center;
	    color: #fffff3;
	    border: 1px solid #ddd;
	    background-color: #f19c24;
	    font-size: 13px;
	}
}
@media screen and (min-width: 1600px)  {
	.btn.btn-app{
	    padding: 5px !important;
	    border-radius: 6px;
	    position: relative;
	    padding: 15px 5px;
	    margin: 0px;
	    width: 100%;
	    height: 65px;
	    text-align: center;
	    color: #fffff3;
	    border: 1px solid #ddd;
	    background-color: #f19c24;
	    font-size: 13px;
	}

}




@media (max-width: 710px) {
    .import-block .import-trigger-btn {
        width: 100%;
        margin-bottom: 5px;
    }
    .import-submit {
        width: 100%;
    }
    .report-block {
        width: 100%;
        padding-bottom: 5px;
    }
}
@media (max-width: 425px) {
    .import-submit {
        white-space: normal;
    }
}

@media (min-width: 1200px) {
    .import-card {
        padding: 30px 10px!important;
    }
    .import-card__title {
        font-size: 20px!important;
    }
    .cbtn-lg-auto {
        width: 115px;
        padding-left: 0px;
        padding-right: 0px;
    }
    .clg-btn-wrapper {
        display: flex;
        justify-content: space-between;
    }
}

.report-block{
    float: left;
    padding-right: 5px;
    width: 105px;
}

/*.import-block .import-trigger-btn {
  float: right;
}*/

.import-trigger-btn {
    cursor: pointer; /* "hand" cursor */
}

.import-page input[type=file] {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.import-block {
    margin-bottom: 10px;
}

.border__solid--grey {
    border: 1px solid #c1c1c1;
}

.import-card__title {
    padding: 5px;
    font-size: 24px;
    text-align: center;
    margin-bottom: 10px;
}

.import-card__file-choose {
    margin-bottom: 10px;
}

.import-card {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    padding: 30px;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    border-radius: 5px;
}

.small-box .small-box-link .icon-report {
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    position: absolute;
    top: 12px;
    right: 10px;
    z-index: 0;
    font-size: 40px;
    color: rgba(0, 0, 0, 0.15);
}

.report-container {
    padding-left: 10px;
}

.report-container h4 {
    margin: 15px 0;
    text-decoration: underline;
}
.report-container h4:hover {
    text-decoration: none;
}

.small-box .small-box-link h3.report-head-title {
    text-align: center;
    margin: 10px 0;
    font-size: 28px;
}

a.report-link-disabled {
    color: #c1c1c1;
    cursor: not-allowed;
    pointer-events: none!important;
}
a.report-link-disabled:hover {
    color: #c1c1c1;
}

.report-column {
    margin-top: 20px;
}

.report-columns .report-column:nth-child(3){
    float: right;
}
.report-columns .report-column:nth-child(4){
    float: left;
}

@media (min-width:1191px) and (max-width: 1440px) {
    .small-box .small-box-link .icon-report {
        top: 20px;
    }
}

@media (max-width: 374px) {
    .small-box .small-box-link .icon-report {
        top: 10px;
    }
}


/* .ra_flex_panel { display: flex; flex-flow: row wrap;} .ra_flex_panel .col-lg-4 { } .ra_flex_panel .col-lg-8 { } .ra_flex_panel .col-lg-4, .ra_flex_panel .col-lg-8 {  } @media (max-width: 1200px){ .ra_flex_panel{ flex-flow: column wrap; } .ra_flex_panel .col-lg-4, .ra_flex_panel .col-lg-8 { width: 100% } .ra_mobile-order-1 {order:-1;} .ra_mobile-order-2 {order:0;} .ra_mobile-order-3 {order:1;} .ra_mobile-order-4 {order:2;} .ra_mobile-order-5 {order:3;} .ra_mobile-order-6 {order:4;}} */
.label-black {
    color: #fff;
    background-color: #000!important;
}


@import url(http://fonts.googleapis.com/css?family=Old+Standard+TT:400,700);
[data-notify="container"][class*="alert-pastel-"] {
	background-color: rgb(255, 255, 238);
	border-width: 0px;
	border-left: 15px solid rgb(255, 240, 106);
	border-radius: 0px;
	box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.3);
	font-family: 'Old Standard TT', serif;
	letter-spacing: 1px;
	z-index: 999999 !important;
}
[data-notify="container"].alert-pastel-info {
	border-left-color: rgb(255, 179, 40);
}
[data-notify="container"].alert-pastel-danger {
	border-left-color: rgb(255, 103, 76);
}
[data-notify="container"].alert-pastel-success {
	border-left-color: #008d4c;
}
[data-notify="container"][class*="alert-pastel-"] > [data-notify="title"] {
	color: rgb(80, 80, 57);
	display: block;
	font-weight: 700;
	margin-bottom: 5px;
}
[data-notify="container"][class*="alert-pastel-"] > [data-notify="message"] {
	font-weight: 400;
}

#notesList>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

select[disabled] {
    cursor: not-allowed;
}

.text-muted {
    color: #777 !important;
}

.chat-avatar-circle{
    width: 50px;
    height: 50px;
    display: flex;
    border: 1px solid transparent;
    border-radius: 50%;
    background-color: #0087c1;
    justify-content: center;
    font-size: 16px;
    font-weight: 800;
    align-items: center;
}
.chat-avatar-circle.customer {
    position: absolute;
    right: -60px;
    top: 0;
}
.chat-avatar-circle.service {
    position: absolute;
    left: -60px;
    top: 0;
}

.message.customer, .message.service {
    position: relative;
}

span.select2-selection__rendered, ul.select2-results__options, ul.select2-results__options li {
    font-size: 12px!important;
}

@media (max-width: 767px) {
    .pdl-sm-15 {
        padding-left: 15px!important;
    }
    #create-new-ticket-page .form-group {
        margin-bottom: 5px;
    }
}
@media (min-width: 768px) and (max-width: 1999px){
    .pdl-md-0 {
        padding: 0;
    }
}
@media (min-width: 1200px) {
    .control-label--pdl-lg-0 {
        padding-left: 0;
    }
}
@media (max-width: 1260px){
	.main-header .navbar-custom-menu .top-nav-item i, .main-header .navbar-custom-menu .top-nav-item span {
	    display: block;
	    text-align: center;
	}
    .cpd-sm-0 {
       padding: 0px;
    }
}
@media (max-width: 1588px) {
    .amount-below-label {
        display: none;
    }
}

.user-image-left{
   	width: 35px;
    height: 35px;
    border-radius: 50%;
    margin-left: -7px;
}

.user-menu .fa-undo {
    font-size: 24px!important;
}

.back-user a{
    display: flex!important;
}

@media (max-width: 1288px){
    .back-user a{
        padding-right: 0!important;
    }
}

.topbar-form .input-group{
    display: flex;
}

.topbar-form input{
    width: 100%!important;
}




/*********************************/
/*********************************/
/*********************************/
/*********************************/




/* ---- Dashboard Cards ---- */
.small-box {
  background: #ffffff !important;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  position: relative;
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.small-box:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
}
.small-box .icon {
  opacity: 0.15;
}
.small-box .inner h3,
.small-box .inner p {
  color: #111827 !important;
}
/* Accent bars for cards */
.small-box.bg-aqua::before,
.small-box.bg-green::before,
.small-box.bg-yellow::before,
.small-box.bg-red::before,
.small-box.bg-purple-active::before {
  content: "";
  display: block;
  height: 6px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.small-box.bg-aqua::before { background-color: #0EA5E9; }
.small-box.bg-green::before { background-color: #22C55E; }
.small-box.bg-yellow::before { background-color: #FACC15; }
.small-box.bg-red::before { background-color: #DC2626; }
.small-box.bg-purple-active::before { background-color: #6366F1; }


.small-box.bg-aqua .small-box-footer{ background-color: #0EA5E9; }
.small-box.bg-green .small-box-footer { background-color: #22C55E; }
.small-box.bg-yellow .small-box-footer { background-color: #FACC15; }
.small-box.bg-red .small-box-footer { background-color: #DC2626; }
.small-box.bg-purple-active .small-box-footer { background-color: #6366F1; }




/* ---- Navbar ---- */
 
.main-header .navbar {
    background-color: #ffffff !important;
    border-bottom: 1px solid #555299 !important;
    height: 57px;
}

.main-header .navbar .nav > li > a {
  color: #374151 !important;
  border-radius: 6px;
  transition: background 0.2s ease;
}
.main-header .navbar .nav > li > a:hover {
  background-color: #F3F4F6 !important;
}
.main-header .navbar .nav > li > a{
	line-height: 10px;
}

/* ---- Sidebar ---- */
.main-sidebar {
  background-color: #1F2937 !important;
}
.sidebar a {
  border-radius: 6px;
}
.sidebar a:hover {
  background-color: #374151 !important;
  color: #fff !important;
}
 
/* ---- Table badges ---- */
.label {
  border-radius: 9999px;
  font-weight: 500;
  padding: 4px 10px;
  font-size: 0.85em;
  display: inline-block;
}
.label-success {
  background-color: #DCFCE7 !important;
  color: #166534 !important;
}
.label-warning {
  background-color: #FEF9C3 !important;
  color: #92400E !important;
  border: 1px #f39c12ad solid;
}
.label-danger {
  background-color: #FEE2E2 !important;
  color: #991B1B !important;
}
.label-info {
  background-color: #E0F2FE !important;
  color: #075985 !important;
}

/* ---- Section titles ---- */
.box-header h3,
.nav-tabs-custom > .nav-tabs > li > a {
  color: #111827 !important;
  font-weight: 600;
}
.box-header {
  border-bottom: 1px solid #E5E7EB !important;
}

 

 .sidebar svg:not(:root) {
    overflow: hidden;
    margin-right: 15px;
    height: 30px;
}


 
.skin-purple .treeview-menu>li>a {
    color: #ffffff;
}

.sidebar-menu .treeview-menu > li > a{
    border-left: 3px solid transparent;
}

.treeview-menu>li>a:hover{
    border-left: 3px solid transparent;
    border-color: #605ca8;
}

.sidebar-menu li > a > .pull-right-container {
    margin-top: -12px;
}

.main-header .navbar-custom-menu .top-nav-item span span{
	margin-top: -15px;
    margin-left: 4px;
}

.main-header .navbar-custom-menu .dropdown-menu .top-nav-item  span span{
	margin-top: 0px;
    margin-left: 1px;
}

.skin-purple .main-header .navbar .sidebar-toggle {
    color: #1e282c;
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span {
    margin-left: -2px;
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
	top: 54px;
}






/* Cards (замінюють box) */
.card-modern {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  padding: 20px;
  margin-bottom: 20px;
  border: none;
}


/* Заголовки всередині */
.card-modern h3 {
  font-size: 1.1rem;
  font-weight: 600;
  color: #111827;
  margin-bottom: 16px;
  border-left: 4px solid #0EA5E9; /* акцент */
  padding-left: 10px;
}

/* Таблиця */
.card-modern table {
  width: 100%;
  border-collapse: collapse;
}
.card-modern table thead {
  background: #F3F4F6;
}
.card-modern table thead th {
  font-weight: 600;
  color: #374151;
  padding: 12px;
}
.card-modern table tbody td {
  padding: 12px;
  color: #374151;
  border-top: 1px solid #E5E7EB;
}
.card-modern table tbody tr:hover {
  background: #F9FAFB;
}



/* Заголовок */
.card-modern .card-title {
  font-size: 1.7rem;
  font-weight: 600;
  color: #111827;
  margin-bottom: 16px;
  border-left: 4px solid #0EA5E9; /* акцентна лінія */
  padding-left: 10px;
}

/* Таблиця */
.card-modern table {
  width: 100%;
  border-collapse: collapse;
}
.card-modern table thead {
  background: #F3F4F6;
}
.card-modern table thead th {
  font-weight: 600;
  color: #374151;
  padding: 12px;
}
.card-modern table tbody td {
  padding: 12px;
  color: #374151;
  border-top: 1px solid #E5E7EB;
}
.card-modern table tbody tr:hover {
  background: #F9FAFB;
}

/ 
/* Footer */
.card-modern .card-footer {
  border-top: 1px solid #E5E7EB;
  margin-top: 16px;
  padding-top: 12px;
  font-size: 0.9rem;
  color: #6B7280;
}
.card-modern .card-footer select {
  border-radius: 6px;
  border: 1px solid #D1D5DB;
  padding: 4px 8px;
  font-size: 0.9rem;
}


.card-modern-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

.card-modern-header .card-title {
  margin: 0;
  font-size: 1.7rem;
  font-weight: 600;
  color: #111827;
  border-left: 4px solid #0EA5E9;
  padding-left: 10px;
}

.card-actions {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
}

.card-actions .btn {
  border-radius: 6px;
  font-size: 0.9rem;
  padding: 6px 12px;
}
.dropdown.user.user-menu{
	top: 10px;
}
.navbar-nav > .user-menu .user-image {
	margin-top: -8px;
}