/* Only for typography page */
.typoview {width:96%; border-collapse:collapse; border:1px solid black; background:white; margin:0 auto;}
.typoview td, .typoview th { border: 1px solid black; padding:5px;}
.typoview thead {background:#455a64; color:white;}
.typoview td:not(:first-child) {width:30%;}
/* above code only for typography */

.red {
	border:1px solid rgba(161, 24, 24,0.8) !important;
	box-shadow: 0 0 3px rgba(161, 24, 24,0.9);
}
.bred {
	background:red;
}
.exam_f {
	background:#CFD8DC repeat scroll center center / cover;
	border-radius: 5em;
	border:1px solid #546E7A;
	padding:3px;
	margin:5px;
}
* {box-sizing:border-box;}
body {margin:0; padding:0 }


.box {display:table; margin:0 auto; }

.box > *:not(legend):not(.box), .box_c {
	display:table-cell;
	float:none !important;
	vertical-align:middle;
	text-align:center;
}
.box a {
	text-decoration:none;
}
.box div:first-child:not(legend){
	text-align:left !important;
}

.cnt_bl {
	float:none !important;
	margin-left:auto;
	margin-right:auto;
	display:table;
}

.toc{ /* Container for Table Of Contents */
	//list-style-type: none;
	color:#CFD8DC;
}
.toc a {
	text-decoration:none;
	color:#CFD8DC;
}

.inl_anc { /* To adjust Inline anchor with the size of fixed header */
	z-index:-1;
	padding-top: 80px;
	margin-top: -80px;
}

.md_iwi img, .iwi img, .md_ibgi img {
	height:20px;
	left: 10px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
	z-index: 6;
}

.md_ibgir img {
	background:#CFD8DC;
}

/* Lightbox */
.lbox,.lb {display: none;}

.lb {
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	color:#455A64;
}

.lb:target {
    display: block;
    outline: none;
}

.lb > div {
  	width: -webkit-min-content;
  	width: -moz-min-content;
  	width: min-content;
	min-width:500px;
 	margin: 2% auto;
	padding:10px 20px 10px 20px;
	background-color:#FFF;
	box-shadow: 0px 1px 26px -3px #777777;
}

.lb .lb_t { /* Title */
	margin:0;
	padding:0 0 10px 0px;
	border-bottom:1px #ccc solid;
	font-size:22px;
}

.lb .lb_t img, .lb .lb_t span {
	color:#455A64;
	vertical-align:middle;
}

.lb .lb_cont {
	padding:5px;
	display:block;
	position:relative;
}

.lb .lb_cl {
	display:block;
	text-decoration:none;
	font-size:22px;
	color:#546E7A;
	float:right;
}

/*Grid*/
.w_1{ width:2.5%;}
.w_2{ width:5%;}
.w_3{ width:7.5%;}
.w_4{ width:10%;}
.w_5{ width:12.5%;}
.w_6{ width:15%;}
.w_7{ width:17.5%;}
.w_8{ width:20%;}
.w_9{ width:22.5%;}
.w_10{ width:25%;}
.w_11{ width:27.5%;}
.w_12{ width:30%;}
.w_13{ width:32.5%;}
.w_14{ width:35%;}
.w_15{ width:37.5%;}
.w_16{ width:40%;}
.w_17{ width:42.5%;}
.w_18{ width:45%;}
.w_19{ width:47.5%;}
.w_20{ width:50%;}
.w_21{ width:52.5%;}
.w_22{ width:55%;}
.w_23{ width:57.5%;}
.w_24{ width:60%;}
.w_25{ width:62.5%;}
.w_26{ width:65%;}
.w_27{ width:67.5%;}
.w_28{ width:70%;}
.w_29{ width:72.5%;}
.w_30{ width:75%;}
.w_31{ width:77.5%;}
.w_32{ width:80%;}
.w_33{ width:82.5%;}
.w_34{ width:85%;}
.w_35{ width:87.5%;}
.w_36{ width:90%;}
.w_37{ width:92.5%;}
.w_38{ width:95%;}
.w_39{ width:97.5%;}
.w_40{ width:100%; clear:both;}

.w_1-3{width: calc(100%/3);}
.w_1-7{width: calc(100%/7);}

.ml_1{ margin-left:2.5%;}
.ml_2{ margin-left:5%;}
.ml_3{ margin-left:7.5%;}
.ml_4{ margin-left:10%;}
.ml_5{ margin-left:12.5%;}
.ml_6{ margin-left:15%;}
.ml_7{ margin-left:17.5%;}
.ml_8{ margin-left:20%;}
.ml_9{ margin-left:22.5%;}
.ml_10{ margin-left:25%;}
.ml_11{ margin-left:27.5%;}
.ml_12{ margin-left:30%;}
.ml_13{ margin-left:32.5%;}
.ml_14{ margin-left:35%;}
.ml_15{ margin-left:37.5%;}
.ml_16{ margin-left:40%;}
.ml_17{ margin-left:42.5%;}
.ml_18{ margin-left:45%;}
.ml_19{ margin-left:47.5%;}
.ml_20{ margin-left:50%;}
.ml_21{ margin-left:52.5%;}
.ml_22{ margin-left:55%;}
.ml_23{ margin-left:57.5%;}
.ml_24{ margin-left:60%;}
.ml_25{ margin-left:62.5%;}
.ml_26{ margin-left:65%;}
.ml_27{ margin-left:67.5%;}
.ml_28{ margin-left:70%;}
.ml_29{ margin-left:72.5%;}
.ml_30{ margin-left:75%;}
.ml_31{ margin-left:77.5%;}
.ml_32{ margin-left:80%;}
.ml_33{ margin-left:82.5%;}
.ml_34{ margin-left:85%;}
.ml_35{ margin-left:87.5%;}
.ml_36{ margin-left:90%;}
.ml_37{ margin-left:92.5%;}
.ml_38{ margin-left:95%;}
.ml_39{ margin-left:97.5%;}
.ml_40{ margin-left:100%;}

.mr_1{ margin-right:2.5%;}
.mr_2{ margin-right:5%;}
.mr_3{ margin-right:7.5%;}
.mr_4{ margin-right:10%;}
.mr_5{ margin-right:12.5%;}
.mr_6{ margin-right:15%;}
.mr_7{ margin-right:17.5%;}
.mr_8{ margin-right:20%;}
.mr_9{ margin-right:22.5%;}
.mr_10{ margin-right:25%;}
.mr_11{ margin-right:27.5%;}
.mr_12{ margin-right:30%;}
.mr_13{ margin-right:32.5%;}
.mr_14{ margin-right:35%;}
.mr_15{ margin-right:37.5%;}
.mr_16{ margin-right:40%;}
.mr_17{ margin-right:42.5%;}
.mr_18{ margin-right:45%;}
.mr_19{ margin-right:47.5%;}
.mr_20{ margin-right:50%;}
.mr_21{ margin-right:52.5%;}
.mr_22{ margin-right:55%;}
.mr_23{ margin-right:57.5%;}
.mr_24{ margin-right:60%;}
.mr_25{ margin-right:62.5%;}
.mr_26{ margin-right:65%;}
.mr_27{ margin-right:67.5%;}
.mr_28{ margin-right:70%;}
.mr_29{ margin-right:72.5%;}
.mr_30{ margin-right:75%;}
.mr_31{ margin-right:77.5%;}
.mr_32{ margin-right:80%;}
.mr_33{ margin-right:82.5%;}
.mr_34{ margin-right:85%;}
.mr_35{ margin-right:87.5%;}
.mr_36{ margin-right:90%;}
.mr_37{ margin-right:92.5%;}
.mr_38{ margin-right:95%;}
.mr_39{ margin-right:97.5%;}
.mr_40{ margin-right:100%;}

.mt_1{ margin-top:2.5%;}
.mt_2{ margin-top:5%;}
.mt_3{ margin-top:7.5%;}
.mt_4{ margin-top:10%;}
.mt_5{ margin-top:12.5%;}
.mt_6{ margin-top:15%;}
.mt_7{ margin-top:17.5%;}
.mt_8{ margin-top:20%;}
.mt_9{ margin-top:22.5%;}
.mt_10{ margin-top:25%;}
.mt_11{ margin-top:27.5%;}
.mt_12{ margin-top:30%;}
.mt_13{ margin-top:32.5%;}
.mt_14{ margin-top:35%;}
.mt_15{ margin-top:37.5%;}
.mt_16{ margin-top:40%;}
.mt_17{ margin-top:42.5%;}
.mt_18{ margin-top:45%;}
.mt_19{ margin-top:47.5%;}
.mt_20{ margin-top:50%;}
.mt_21{ margin-top:52.5%;}
.mt_22{ margin-top:55%;}
.mt_23{ margin-top:57.5%;}
.mt_24{ margin-top:60%;}
.mt_25{ margin-top:62.5%;}
.mt_26{ margin-top:65%;}
.mt_27{ margin-top:67.5%;}
.mt_28{ margin-top:70%;}
.mt_29{ margin-top:72.5%;}
.mt_30{ margin-top:75%;}
.mt_31{ margin-top:77.5%;}
.mt_32{ margin-top:80%;}
.mt_33{ margin-top:82.5%;}
.mt_34{ margin-top:85%;}
.mt_35{ margin-top:87.5%;}
.mt_36{ margin-top:90%;}
.mt_37{ margin-top:92.5%;}
.mt_38{ margin-top:95%;}
.mt_39{ margin-top:97.5%;}
.mt_40{ margin-top:100%;}

.content {
	padding:15px;
	background:#eceff1;
	overflow: hidden;
	min-height:calc(100vh - 110px);
}

.container {
	//margin-top:80px;
	margin-top:50px;
}

[class^="w_"] { float:left; box-sizing: border-box; }

.dbg{
	background: #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.fl_r {float:right}
.fl_l {float:left}
.bgn {background:none}
.d_none {display:none!important;}

.hide {display:none}
.show {display:inline-block}

.cnt{ text-align:center !important; }
.rgt{ text-align:right; }
.lft{ text-align:left; }
.jtf{ text-align:justify; }
.fixed { position: fixed; z-index:500; }
.ab_bot { position: absolute; bottom: 0; }

.ab_top { position: absolute; top: 0; }
.ab_lft { position: absolute; left: 0; }
.ab_rgt { position: absolute; right: 0; }


.fixed {
	position: fixed;
	z-index:2000;
}

.fx_bot {
	position: fixed;
	z-index:500;
	bottom: 0;
}

.fx_bot {
	position: fixed;
	bottom: 0;
	z-index: 2000;
}
.ab_bot,.ab_top,.ab_lft,.ab_rgt {
	position: absolute;
}
.ab_bot {bottom: 0;}
.ab_top {top: 0;}
.ab_lft {left: 0;}
.ab_rgt {right: 0;}

.p_1{ padding: 10px; }
.p_2{ padding: 15px; }
.p_3{ padding: 20px; }
.p_4{ padding: 30px; }
.p_5{ padding: 50px; }

/*Table*/
.tb {
	width:100%;
	color:#37474f;
}

.tb thead a{
	text-decoration:none;
	color:#CFD8DC;
}

.tb thead {
	background: rgb(0,113,158);
	color:#263238;
	font-weight:bold;
	text-align:center;
}

/*Details Element Table*/
.de_tb {width:100%; color:#546E7A; }
.light .de_tb thead {background: #d6dce1; color:#546E7A; text-align:center;}
.de_tb tbody tr:nth-child(even) {background: #cfd8dc;}
.de_tb tbody tr:nth-child(odd) {background: #FFF;}
.de_tb td { padding: 7px 5px; vertical-align:middle; }

.tb_atb,.tb_at,.tb_ab,.light  .tb_atb,.light .tb_at,.light .tb_ab{
    width: 20px;
	height: 20px;
    float: right;
    cursor: pointer;
    /*! margin-top: -20px; */
    /*! margin-right: 30px; */
}

.ti-close, .ti-angle-down {
	cursor:pointer;
	top:7px !important;
}

.tb_copy,.tb_del,.tb_edit,.tb_add,.tb_det,.tb_view,.tb_print,.tb_history,
.light .tb_copy,.light .tb_del,.light .tb_edit,.light .tb_print,.light .tb_add,.light .tb_det,.light .tb_view,.light .tb_history {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 6px !important;
    border: 1px solid #e2e8f0 !important;
    background: #f8fafc !important;
    font-family: 'themify' !important;
    font-size: 13px !important;
    line-height: 1 !important;
    color: #4a5568 !important;
    cursor: pointer !important;
    text-align: center !important;
    margin: 0 2px !important;
    float: none !important;
    vertical-align: middle !important;
    transition: all 0.15s ease-in-out !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
}

.tb_atb {
    background: url(../images/icon/tb_icons.png) no-repeat 0px;
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
}

.tb_at {
	background: url(../images/icon/tb_icons.png) no-repeat -20px;
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
}

.tb_ab {
	background: url(../images/icon/tb_icons.png) no-repeat -40px;
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
}

.light .tb_atb { background: url(../images/icon/tb_icons.png) no-repeat 0px; width: 14px; height: 14px; display: inline-block; }
.light .tb_at { background: url(../images/icon/tb_icons.png) no-repeat -20px; width: 14px; height: 14px; display: inline-block; }
.light .tb_ab { background: url(../images/icon/tb_icons.png) no-repeat -40px; width: 14px; height: 14px; display: inline-block; }

/* Edit action */
.tb_edit::before, .light .tb_edit::before {
    content: "\e61c"; /* ti-pencil */
}
.tb_edit:hover, .light .tb_edit:hover {
    background: #ebf8ff !important;
    border-color: #bee3f8 !important;
    color: #2b6cb0 !important;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.06);
}

/* Copy action */
.tb_copy::before, .light .tb_copy::before {
    content: "\e6a3"; /* ti-files */
}
.tb_copy:hover, .light .tb_copy:hover {
    background: #faf5ff !important;
    border-color: #e9d8fd !important;
    color: #6b46c1 !important;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.06);
}

/* Delete action */
.tb_del::before, .light .tb_del::before {
    content: "\e605"; /* ti-trash */
}
.tb_del:hover, .light .tb_del:hover {
    background: #fff5f5 !important;
    border-color: #feb2b2 !important;
    color: #e53e3e !important;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.06);
}

/* Details / View action */
.tb_det::before, .tb_view::before, .light .tb_det::before, .light .tb_view::before {
    content: "\e63d"; /* ti-eye */
}
.tb_det:hover, .tb_view:hover, .light .tb_det:hover, .light .tb_view:hover {
    background: #ebf8ff !important;
    border-color: #bee3f8 !important;
    color: #3182ce !important;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.06);
}

/* Add action */
.tb_add::before, .light .tb_add::before {
    content: "\e61a"; /* ti-plus */
}
.tb_add:hover, .light .tb_add:hover {
    background: #f0fff4 !important;
    border-color: #c6f6d5 !important;
    color: #2f855a !important;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.06);
}

/* Print action */
.tb_print::before, .light .tb_print::before {
    content: "\e681"; /* ti-printer */
}
.tb_print:hover, .light .tb_print:hover {
    background: #fffaf0 !important;
    border-color: #feebc8 !important;
    color: #dd6b20 !important;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.06);
}

/* History action */
.tb_history::before, .light .tb_history::before {
    content: "\e72b"; /* ti-time */
}
.tb_history:hover, .light .tb_history:hover {
    background: #ebf8ff !important;
    border-color: #bee3f8 !important;
    color: #2b6cb0 !important;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.06);
}

.tb tbody tr:nth-child(even) {background: #f1f1f1;}

.tb tbody tr:nth-child(odd) {background: #FFF;}

.tb td{ padding: 7px 5px; vertical-align:middle; color: #000; }



/*end tab*/



/*ToolTip*/
	[data-tt]{position: relative;}
[data-tt]:before,[data-tt]:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.18s ease-out 0.18s;
  transition: all 0.18s ease-out 0.18s;
  bottom: 100%;
  position: absolute;
  z-index: 10;
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
}
[data-tt][data-tt-break]:after {white-space: normal;}
[data-tt]:after {
  background: #CFD8DC;
  border-radius: 4px;
  color: #546E7A;
  content: attr(data-tt);
  padding: .5em 1em;
  white-space: nowrap;
  margin-bottom: 11px;
}
[data-tt]:before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36px" height="12px"><path fill="rgba(207,216,220,0.9)" transform="rotate(0)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>') no-repeat;
  background-size: 100% auto;
  height: 6px;
  width: 18px;
  content: "";
  margin-bottom: 5px;
}

.tabs{
	margin-left:25%;
	margin-top: 50px;
}
[data-tt]:hover:before,[data-tt]:hover:after{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  pointer-events: auto;
}

/*Top left*/
.tt_p_t_l:hover:before,.tt_p_t_l:hover:after {
  -webkit-transform: translate(-80%, 0);
  -ms-transform: translate(-80%, 0);
  transform: translate(-80%, 0);
}

.tt_p_t_l:before,.tt_p_t_l:after {
  left: 20%;
   -webkit-transform: translate(-80%, 10px);
  -ms-transform: translate(-80%, 10px);
  transform: translate(-80%, 10px);
}
/* Top center*/
.tt_p_t_c:hover:before,.tt_p_t_c:hover:after {
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.tt_p_t_c:before,.tt_p_t_c:after {
  left: 50%;
  -webkit-transform: translate(-50%, 10px);
  -ms-transform: translate(-50%, 10px);
  transform: translate(-50%, 10px);
}
/* Top right*/
.tt_p_t_r:hover:before,.tt_p_t_r:hover:after {
  -webkit-transform: translate(-20%, 0);
  -ms-transform: translate(-20%, 0);
  transform: translate(-20%, 0);
  background:#455A64;
  color:#fff;
}
.tt_p_t_r:before,.tt_p_t_r:after {
  left: 80%;
  -webkit-transform: translate(-20%, 10px);
  -ms-transform: translate(-20%, 10px);
  transform: translate(-20%, 10px);
}


[class^="tt_p_b"]:before,[class^="tt_p_b"]:after {bottom: auto;top: 100%;}
[class^="tt_p_b"]:after { margin-top: 11px;}
[class^="tt_p_b"]:before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36px" height="12px"><path fill="rgba(207,216,220,0.9)" transform="rotate(180 18 6)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>') no-repeat;
  background-size: 100% auto;
  height: 6px;
  width: 18px;
  margin-top: 5px;
  margin-bottom: 0;
}
/*Bottom Center*/
.tt_p_b_c:before,.tt_p_b_c:after {
  left: 50%;
  -webkit-transform: translate(-50%, -10px);
  -ms-transform: translate(-50%, -10px);
  transform: translate(-50%, -10px);
}
.tt_p_b_c:hover:before,.tt_p_b_c:hover:after {
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
/*Bottom Left */
.tt_p_b_l:before,.tt_p_b_l:after {
  left: 20%;
  -webkit-transform: translate(-80%, -10px);
  -ms-transform: translate(-80%, -10px);
  transform: translate(-80%, -10px);
}
.tt_p_b_l:hover:before,.tt_p_b_l:hover:after {
  -webkit-transform: translate(-80%, 0);
  -ms-transform: translate(-80%, 0);
  transform: translate(-80%, 0);
}
/*Bottom Right */
.tt_p_b_r:before,.tt_p_b_r:after {
  left: 80%;
  -webkit-transform: translate(-20%, -10px);
  -ms-transform: translate(-20%, -10px);
  transform: translate(-20%, -10px);
}
.tt_p_b_r:hover:before,.tt_p_b_r:hover:after {
  -webkit-transform: translate(-20%, 0);
  -ms-transform: translate(-20%, 0);
  transform: translate(-20%, 0);
}
/*Left*/
.tt_p_l:before,.tt_p_l:after {
  bottom: auto;
  left: auto;
  right: 100%;
  top: 50%;
  -webkit-transform: translate(10px, -50%);
  -ms-transform: translate(10px, -50%);
  transform: translate(10px, -50%);
}
.tt_p_l:after {margin-right: 11px;}
.tt_p_l:before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12px" height="36px"><path fill="rgba(207,216,220,0.9)" transform="rotate(-90 18 18)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>') no-repeat;
  background-size: 100% auto;
  height: 18px;
  width: 6px;
  margin-right: 5px;
  margin-bottom: 0;
}
/*Right*/
.tt_p_l:hover:before,.tt_p_l:hover:after {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.tt_p_r:before,.tt_p_r:after {
  bottom: auto;
  left: 100%;
  top: 50%;
  -webkit-transform: translate(-10px, -50%);
  -ms-transform: translate(-10px, -50%);
  transform: translate(-10px, -50%);
}
.tt_p_r:after {margin-left: 11px;}
.tt_p_r:before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12px" height="36px"><path fill="rgba(207,216,220,0.9)" transform="rotate(90 6 6)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>') no-repeat;
  background-size: 100% auto;
  height: 18px;
  width: 6px;
  margin-bottom: 0;
  margin-left: 5px;
}

.tt_p_r:hover:before,.tt_p_r:hover:after {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.tt_l_sm:after {width: 80px;}
.tt_l_md:after {width: 150px;}
.tt_l_lg:after {width: 260px;}
.tt_l_xl:after {width: 90vw;}




/* Other tooltip, with html content */
.av_tt {
    position: relative;
    display: inline-block;
    //border-bottom: 1px dotted #ECEFF1;
}

.av_tt .tt_txt {
    visibility: hidden;
    width: 120px;
    background-color: #90a4ae;
	//border:1px solid #546E7A;
    color: #ECEFF1;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
}

.av_tt .tt_txt::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #90a4ae transparent transparent transparent;
}

.av_tt:hover .tt_txt {
    visibility: visible;
	z-index:9999;
}

.av_tt span {
	position:static;
	z-index:9999;
}

/*ticket*/

	.tck_t {
		float: left;
		text-align: center;
		background: #e5e5e5;
	}

	.ddd {
		margin-left: 10px;
		font-weight: bold;
		text-transform: capitalize;
		padding-bottom: 10px;
		padding-top: 10px;
		/* line-height: 2px; */
	}

	.ggg, .ttt, .bbb {
		padding-bottom: 10px;
		padding-top: 10px;
	}

	.bbb:empty, .cm_v:empty {
		display: none;
	}

	.ccc {
		border-bottom: 1px solid #546E7A;
		padding: 5px 12px;
	}

	.cm_t {
		padding: 5px 12px;
	}

	.cm_v {
		padding: 5px 12px;
		width: 100%;
		background: #e5e5e5;
	}

/*end ticket*/


/* Accordion */
.av_accord {
	margin:5px auto;
	min-width:50%;
	overflow:hidden;
	border:1px solid #78909C;
}

.av_accord h3 {
	line-height:30px;
	margin:0;
	font-size: 16px;
	//color: #cfd8dc;
}

.av_accord ul  {
  list-style: none;
  margin: 0;
  padding:0;
}

.av_accord .header, .av_accord .gr {
  float: left;
  padding:0;
  position: relative;
  width: 100%;
  text-align:center;
  vertical-align:middle;
}

.av_accord li.header {
	//background: #455A64;
  background: #78909c;
  border-bottom: 1px solid #CFD8DA;
  //color: #CFD8DA;
  color: #263238;
  color: white;
}

.av_accord .wrapper:empty  {
  display: none;
}

.av_accord .gr h3{
	//font-weight:normal;
	min-width:220px;
	padding:0px 5px 5px 10px;
	text-align:left;

}
.av_acc_s {
	width:100%;
}
.av_acc_s::-moz-placeholder {
    color: #97A9B3;
}

.av_accord .gr {
	background: #D6DCE1;
	border-bottom: 1px solid #607d8b;
}

.av_accord .gr  .arr {
	//color: #CFD8DA;
	position: absolute;
	line-height:30px;
	right: 6rem;

}
.av_accord .gr .arr {
  right: 0.5rem;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.av_accord .gr input[type=checkbox] {
  position: absolute;
  left:0;
  margin:0;
  cursor: pointer;
  width: 100%;
  height:30px;
  z-index: 1;
  opacity: 0;
  background-color:red;
}
.av_accord .gr:hover {background:#90a4ae}

.av_accord .gr input[type=checkbox]:checked ~ div.panel {
  float: left;
  margin:0;
  max-height: 0;
  /*opacity: 0;
  -webkit-transform: translate(0, 50%);
          transform: translate(0, 50%);*/
}

.av_accord .gr input[type=checkbox]:checked ~ span {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.panel {
	text-align:left;
	background-color:#eceff1;
}
.panel h3 {
  font-weight: normal;
}
.panel > div {
	padding:5px;
}
.panel > div input {
	position:static !important;
}

.panel > span{
	margin:7px;
	display:block;
	font-style: italic;
}

li.q {
	cursor:pointer;
}





@media screen and (min-width: 768px) {
  .tt_l_xl:after {
    width: 380px;
  }
}

/* Button */
.btn {
	background:#ECEFF1;
	cursor:pointer;
	color: #546E7A;
	padding: 6px 12px;
	border: 1px solid #90A4AE;
	text-shadow: 0 -1px 0 rgba(236,239,241,0.2);
	display:inline-block;
	border-radius: 2px;
	font-size:13px;
	font-weight: normal;
	}
.btn:hover {
	background:#CFD8DC;
	border-color:#90A4AE;
	color:#263238;
}

.de_btn {
	background: #2b6cb0;
	color: #ffffff !important;
	border: 1px solid #2b6cb0;
	border-radius: 6px;
	padding: 7px 14px;
	font-size: 13px;
	font-weight: 600;
	text-shadow: none;
	margin-left: 6px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
	text-decoration: none;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	transition: all 0.15s ease-in-out;
}
.de_btn:hover {
	background: #2c5282;
	border-color: #2a4365;
	color: #ffffff !important;
	transform: translateY(-1px);
	box-shadow: 0 3px 6px rgba(0,0,0,0.08);
}


.light .btn {
	background:#333537;
	color: #ECEFF1 !important;
	//border: 1px solid #546e7a;
	border: 0px;
	text-shadow: 0 -1px 0 rgba(84,110,122,0.2);
}
.light .btn:hover {
	background:rgb(144,195,62);
	//border-color:#546E7A;
	color:#ffffff !important;
}

/* Circle */
.circle {
    margin: 0 auto 20px;
    
	border-radius:50%;
	background:#ECEFF1 repeat scroll center center / cover;

}
.light .circle {
	background:#CFD8DC repeat scroll center center / cover;
}

.circle::after {
    border-radius: 50%;
    content: "";
    display: block;
    height: 0;
    margin-bottom: 20px;
    padding-bottom: 100%;
    width: 100%;
}

.light .circle::after {	
	border:1px solid #546E7A; 
	margin-left:-1;
}

.circle div {
    color: black;
    float: left;
    line-height: 1em;
    margin-top: -0.5em;
    padding-top: 50%;
    text-align: center;
    width: 100%;
}

/* Switch */
.sw_ic, .sw_ic.sw_on {
	color:#2e7b32;
	font-weight:bold;
	font-size:24;
}
.sw_yesno, .sw_yesno.sw_on {
	min-width:50px;
	padding:4px;
	display:inline-block;
	border-radius:2px;
	background-color:#1baf8f;
	color:#fff;
	text-align:center;
	vertical-align:middle;
}
.sw_yesno.sw_off {
	display:inline-block;
	background-color:#d32F2f;
	color:#fff;
}
.sw_ic.sw_off {
	//display:inline-block;
	color:#A11818;
}

.sw_yesno input, .sw_yesno input:checked + label::before, .sw_yesno input:checked,
.sw_ic input, .sw_ic input:checked + label::before, .sw_ic input:checked {
	display:none;
}

.sw_yesno label { padding:0 !important; }

/*new added*/
input[type="text"]{
	transition: 0s;
	-moz-transition: 0s;
	-webkit-transition: 0s;
	-o-transition: 0s;
	-ms-transition: 0s;
}


/* Radio buttons */
input[type="radio"], input[type="checkbox"]:not(.acc){
	display:none;
}

input[type="radio"] + label:before, input[type="checkbox"] + label:before{
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #CFD8DC;
  -moz-box-shadow: inset 0 0 0 13px #546E7A;
  -webkit-box-shadow: inset 0 0 0 13px #546E7A;
  box-shadow: inset 0 0 0 13px #546E7A;
  margin-left: 0.5px;
  margin-top: 1px;
}

input[type="radio"] + label:hover:before,
input[type="checkbox"] + label:hover:before {
	box-shadow: 0 0 5px rgba(255,255,255,1);
}

input[type="radio"] + label, input[type="checkbox"] + label {
  position: relative;
  cursor: pointer;
  /*! margin-left:5px; */
  padding-left: 24px;
}

input[type="radio"] + label:before, input[type="radio"] + label:after,
input[type="checkbox"]:not(.swi) + label:before, input[type="checkbox"]:not(.swi) + label:after {
  position: absolute;
  content: "";
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

input[type="radio"] + label:before, input[type="radio"] + label:after {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

input[type="radio"] + label:after, input[type="checkbox"] + label:after  {
  top: 50%;
  left: 10px;
  width: 30px;
  height: 30px;
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
}

input[type=checkbox]:checked + label::before {
	content: "\e64b";
	font-family: 'themify';
    text-align: center;
	font-weight:bold;
	font-size:16px;
}

input[type=radio]:checked + label::before {
	background: #CFD8DC;
	-moz-box-shadow: inset 0 0 0 4px #546E7A;
  -webkit-box-shadow: inset 0 0 0 4px #546E7A;
  box-shadow: inset 0 0 0 4px #546E7A;
	margin-top: 2px;
	margin-left: 0.5px;
}

.lb_r {
	font-size: 15px;
}

label:after{
	background-color: rgba(255, 255, 255, 0.3);
}

.light label:after{
	background-color: rgba(84,110,122, 0.7);
}
input[type=radio]:checked + label::after,
input[type=checkbox]:checked + label::after {
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  -moz-animation: ripple 1s forwards;
  -webkit-animation: ripple 1s forwards;
  animation: ripple 1s forwards;
}

.light input[type="radio"] + label:hover:before, .light input[type="checkbox"]:not(.swi) + label:hover:before {
	box-shadow: 0 0 5px rgba(84,110,122,1);
}

.light input[type="radio"] + label:before, .light input[type="checkbox"]:not(.swi) + label:before {
  border: 1px solid #546E7A;
  -moz-box-shadow: inset 0 0 0 13px #ECEFF1;
  -webkit-box-shadow: inset 0 0 0 13px #ECEFF1;
  box-shadow: inset 0 0 0 13px #ECEFF1;
}

.light input[type=radio]:checked + label::before, .light input[type=checkbox]:checked + label::before {
  -moz-box-shadow: inset 0 0 0 4px #ECEFF1;
  -webkit-box-shadow: inset 0 0 0 4px #ECEFF1;
  box-shadow: inset 0 0 0 4px #ECEFF1;
}

.light input[type=radio]:checked + label::before {
	background: #546E7A;
}

@-moz-keyframes ripple {
  0%, 100% {
    opacity: 0;
  }
  1% {
    opacity: 0.35;
  }
}
@-webkit-keyframes ripple {
  0%, 100% {
    opacity: 0;
  }
  1% {
    opacity: 0.35;
  }
}
@keyframes ripple {
  0%, 100% {
    opacity: 0;
  }
  1% {
    opacity: 0.35;
  }
}

/* Tabs */
.tab_head { display: none; }

.tab_container {
	border: 1px solid #CFD8DC;
	background: #546E7A;
	float: left;
	width: 100%;
	overflow: hidden;
}

.tab_content {
	border: none;
	padding: 20px;
	display: none;
	/*! min-height: 200px; */
}

ul.tabs {
	z-index:5;
	margin: 0;
	margin-top:1px;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	width: 100%;
	border-bottom: 0;
	display: inline-table;
}

ul.tabs li {
	border-top: 1px solid #CFD8DC;
	border-left: 1px solid #CFD8DC;
	float: left;
	margin: 0;
	cursor: pointer;
	padding: 0px 21px;
	height: 32px;
	line-height: 31px;
	border-bottom: none;
	position: relative;
	top: 1px;
}

ul.tabs li:last-child {
	border-right: 1px solid #CFD8DC;
}

ul.tabs li.active {
	border-bottom: 1px solid #546E7A;
	display: block;
}

ul.tabs li:hover {
	background-color: #CFD8DC;
	color: #546E7A;
	border-bottom:1px solid #CFD8DC;
}

.tab_v {
	width:100%;
	overflow: hidden;
}

.tab_v ul.tabs {
	margin-right: -1px;
	margin-top:0;
	width: auto;
	border-bottom:0;
}

.tab_v .tab_container {
	float: unset;
	width:unset;
}

.tab_v ul.tabs li {
	display:block;
	float:unset;
	border-bottom: none;
	top:0px;
}

.tab_v ul.tabs li:last-child {
	border-right: unset;
	border-bottom: 1px solid #CFD8DC;
}

.tab_v ul.tabs li.active {
	background:#546E7A;
	/*border-right: 1px solid #546E7A;*/
}

.tab_v ul.tabs li:hover {
	background-color: #CFD8DC;
	border-right: unset;
	border-bottom: 1px solid #CFD8DC;
}



/* Light theme */
.light .tab_container {
	border: 1px solid #546E7A;
	background: #ECEFF1;
}

.light ul.tabs li {
	border-top: 1px solid #546E7A;
	border-left: 1px solid #546E7A;
}

.light ul.tabs li:last-child {
	border-right: 1px solid #546E7A;
}

.light ul.tabs li.active {
	border-bottom: 1px solid #ECEFF1;
	display: block;
}

.light ul.tabs li:hover {
	background-color: #546E7A;
	color: #CFD8DC;
	border-bottom:1px solid #546E7A;
}

.light .tab_v .tab_container {
	border: 1px solid #546E7A;
	background: #fff;
}

.light .tab_v ul.tabs li {
	border-top: 1px solid #546E7A;
	border-left: 1px solid #546E7A;
	background:#ECEFF1;
	border-right: 1px solid #546E7A;
}

.light .tab_v ul.tabs li.active {
	background:#fff;
	border-right: 1px solid #fff;
}

.light .tab_v ul.tabs li:last-child {
	border-bottom: 1px solid #546E7A;
}

.light .tab_v ul.tabs li:hover {
	background-color: #546E7A;
	color: #CFD8DC;
	border-bottom:1px solid #546E7A;
	border-right:1px solid #546E7A;
}

@media screen and (max-width: 480px) {
	.tabs {
		display: none;
	}
	.tab_head {
		border: 1px solid #CFD8DC;
		margin: 0;
		padding: 5px 20px;
		display: block;
	}
	.light .tab_head {
		border: 1px solid #546E7A;
	}
	.d_active {
		background-color: #CFD8DC;
		color: #546E7A;
	}
	.light .d_active {
		background-color: #546E7A;
		color: #CFD8DC;
	}
}

/* Letter */
.letter, .letter:before, .letter:after {
	background-color: #546E7A;
	border: 1px solid rgba(255, 255, 255, 0.8);
	-webkit-box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.18);
	-moz-box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.18);
	box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.18);
}

.light .letter, .light .letter:before, .light .letter:after {
	background-color: #fff;
	color:#546E7A;
	border: 1px solid rgba(84,110,122, 0.8);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0, 0.18);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0, 0.18);
	box-shadow: 1px 1px 2px rgba(0,0,0, 0.18);
}

.letter {
	width: 98%;
  margin: 10px auto;
  position:relative;
  //margin: 0 0 1em 0;
  padding: 20px;
  z-index: 1;
  color:#fff;
}

.letter:before, .letter:after {
   content: '';
   width: 98%;
   height: 100%;
   z-index: -1;
   position: absolute;
}

.letter:before {
   top: -2px;
   left: 1;
   -webkit-transform: rotate(1deg);
   -moz-transform: rotate(1deg);
   -o-transform: rotate(1deg);
   -ms-transform: rotate(1deg);
   transform: rotate(1deg);

}

.letter:after {
   top: 1px;
   left: -3px;
   -webkit-transform: rotate(359deg);
   -moz-transform: rotate(359deg);
   -o-transform: rotate(359deg);
   -ms-transform: rotate(359deg);
   transform: rotate(359deg);
}

/* Simple textarea */
/*.tarea {
	width:100%;
	position:relative;
}
.tarea .icon, .tarea img {
	z-index:2;
	float:left;
	background:#546E7A;
	border:1px solid #CFD8DC;
	border-right:1px solid #546E7A;
	//border-radius:2px;
	//border-top-left-radius: 2px;
	//border-bottom-left-radius: 2px;
	padding:4px;
	margin-right:-1;
}

.tarea img { height:28px; }

.light .tarea .icon, .light .tarea img {
	background:#ECEFF1;
	border:1px solid #546E7A;
	border-right:1px solid #ECEFF1;
	color: #0288D1;
}

.tarea .ta {
	border:1px solid #CFD8DC;
    height: 5em;
	overflow: hidden;
	padding:2px;
}

.light .tarea .ta {
	border:1px solid #546E7A;
}


.tarea textarea {
    width: 100%;
	height: 100%;
	background:#546E7A;
	color:#CFD8DC;
	margin:0;
	border:0;
	padding:5px;
	resize: none;
}

.light  .tarea textarea {
	background:#ECEFF1;
	color:#546E7A;
	border:none;
}

.light textarea {
	background:#ECEFF1;
	color:#546E7A;
	border:1px solid #546E7A;
}*/

/* start textarea_n*/

.tarea , .light .tarea{
	height:100px;
	position:relative;
	border:1px solid #CFD8DC;
	margin:20px;
	display:table;
}

.flags,.light .flags{
	width:31px;
	height:100%;
	display:table-cell;
	vertical-align:middle;
}
.flags{
	border-right: 1px solid rgba(157,178,188, 0.4);
}
.light .flags{
	border-right: 1px solid rgba(122, 133, 138, 0.4);
}
.func, .light .func{
	width:20px;
	margin:5px;
}
.tarea1 , .light .tarea1{
	width:100%;
	height:100%;
	display:table-cell;
	overflow:hidden;
}
.tarea textarea ,.light .tarea textarea{
    width: 100%;
	height: 100%;
	margin:0;
	border:0;
	padding:5px;
	resize: none;
}
.light .tarea textarea{
    background:#ECEFF1;
	color:#607D8B;
}
.tarea textarea {
  	background:#546E7A;
	color:#CFD8DC;
}


/* end textarea_n*/


/* Colors */
.light, .light input {
	position: relative;
	//z-index:-100;
	background-color: #eceff1;
	color:#546E7A !important;
//	box-shadow: 0 1px 2px rgba(0,0,0,.1);
	//-moz-box-sizing: border-box;
	//box-sizing: border-box;
}
.light input { border:1px solid #546E7A; z-index:5; }

.light {z-index:4;}

.dark {
	background:#546E7A;
	color:#cfd8dc;
}

.light .av_file { 	color: rgba(84,110,122, 1); }


/* Select */
.av_select { border-bottom:1px solid #546E7A; z-index:10000; }
.light .av_select input { border-bottom:1px solid #546E7A; }
.light.av_select  { border-bottom:1px solid #546E7A; }
.av_select.av_mult { border:1px solid #CFD8DC; }
.light .av_select.av_mult { border:1px solid #546E7A; }
.av_select input { border:0px !important; }
.ds { display:none !important; }
.av_ns { padding-left: 5px !important; }

.av_s, .av_ns { width:100%;}
.av_b {
	position:absolute;
	border:1px solid #CFD8DC;
	margin-top:3px;
	padding:0;
	//top:28px;
	min-width:150px;
	width:100%;
	background:#546E7A;
	z-index:1100;
	//max-height:70vh;
	//max-height:300px;
	max-height:190px;
	min-height:100px;
	overflow-y:scroll;
	list-style-type: none;
	text-align:left;
	padding-left:5px;
	padding-bottom: 10px;
}
.light .av_b {
	border:1px solid #546E7A;
	//background:#CFD8DC;
	background:#fff;
}

.av_b li{padding:3px 3px; text-decoration: none;}
.av_b li:hover{background:#CFD8DC; color:#546E7A }
.light .av_b li:hover{background:#546E7A; color:#CFD8DC}

.av_m {
	padding:2px;
	margin: -5px 2px 2px 2px;
	//display: block;
	width: 98%;
}

.av_m > li {
	display: inline-block;
  //color: #546E7A;
  color: #CFD8DC;
  font-size:.9em;
  position: relative;
  z-index: 10;
  border: 1px solid #CFD8DC;
  border-radius: 3px;
  word-wrap: break-word;
  cursor: pointer;
  margin: 0 5px 5px 0;
  padding: 0 3px 0 3px;
  text-align:left;
}
.light .av_m > li {
	color: #546E7A;
	border: 1px solid #546E7A;
}

/* Common features */
label:not(.il), .av_b li, .av_ns, .av_m, ul.tabs li, .tab_head, .sw_yesno, .circle, .pk_hd span, .pk_hd i, .cal td {
	cursor:pointer;
	/*Non selectable on click */
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Form Elements*/

/*Form Element Group*/
.fe_g {
	border-top: #d6dce1 1px dashed;
	display:table;
	height: 55px;
}

.fe_t {
	width: 17.5%;
	vertical-align:middle;
	display:table-cell;
	float:none;
	text-align:right;
	padding: 10px 15px;
	background-color: rgb(59 144 51);;
	color: #eceff1;
}

.fe_v{
	vertical-align:middle;
	display:table-cell;
	float:none;
	padding: 10px 15px;
}

.fe_v > div:not(:last-child) {
	margin-bottom:10px;
}

.fe_h {
	display:table;
	width: 100%;
	background: #333537;
	color: #fff;
	padding: 10px;
}
.fe_h > div {
	vertical-align:middle;
	display:table-cell;
}

.fe_h img {
	width: 26px;
}


/*Detail Element Group*/
.de_g {
	border-top: #008b9e 1px dashed;
	display:table;
	height: 55px;
}

.de_t {
	width: 17.5%;
	vertical-align:middle;
	display:table-cell;
	float:none;
	text-align:right;
	padding: 10px 15px;
	background-color: rgb(59 144 51);;
	color: #eceff1;
}

.de_v{
	vertical-align:middle;
	display:table-cell;
	float:none;
	padding: 10px 15px;
}


/*
.de_v > div:not(:last-child) {
	margin-bottom:10px;
}
*/

/* Pagination */
/* b-back, n - number, s - selected */

.pg * {
	cursor:pointer;
}

.pg_b,.pg_n,.pg_s{
	min-width:30px;
	font-size:16px;
	padding:5px 10px;
	border-radius:2px;
	background:#CFD8DC;
	text-align:center;
	display:inline-block;
	text-decoration:none;
	color:#37474F;
	transition: all 0.15s ease;
}

.pg_b,.pg_n{
	border:1px solid #CFD8DC;
}

.pg_s{
	font-weight:bold;
	/*border:1px solid #546E7A;
	background:#B0BEC5;
	color:#263238;
	-moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);*/
}

.pg_b:hover, .pg_n:hover, .pg_s:hover{
	//background:#B0BEC5;
	//border:1px dashed #78909C;
	//color:#263238;
	//font-weight:bold;
	/*-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);*/
}

.light .pg_b, .light .pg_n, .light .pg_s{
	border:1px solid #333537;
	background:#333537;
	color:#CFD8DC;
}/*number_url,celected_url*/

.light .pg_b:hover, .light .pg_n:hover, .light .pg_s:hover{
	//background:#78909C;
	//border:1px dashed #ECEFF1;
	//color:#fff;
	//font-weight:bold;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.light .pg_b:active, .light .pg_n:active, .light .pg_s:active{
	background:#78909C;
	//border:1px dashed #ECEFF1;
	color:#fff;
	font-weight:bold;
}



/*start Info*/



div.success,
div.error,
div.information,
div.alert{
	margin:20px;
    padding:10px;
    border-radius:5px;
	text-align:center;
}

div.success,
div.error,
div.alert{
	color:#fff;
}

div.information{
	color:#546E7A;
}


/*div.alert,.light div.alert{
	margin:20px;
    padding:10px;
    border-radius:5px;
	text-align:center;
	color:#333;
}*/

div.success {
	background: rgba(53,186,59,0.8);
	border:1px solid rgba(53,186,59,0.8);
}

.light div.success {
	background: rgba(53,186,59,0.9);
	border:1px solid rgba(53,186,59,0.9);
}

div.error {
    background: rgba(161, 24, 24,0.8);
	border:1px solid rgba(161, 24, 24,0.8);
}

.light div.error {
    background: rgba(161, 24, 24,0.9);
	border:1px solid rgba(161, 24, 24,0.9);
}

div.alert{
	background: rgba(253,88,0, 0.8);
	border: 1px solid rgba(253,88,0, 0.9);
}

.light div.alert{
	background: rgba(253,88,0, 0.9);
	border: 1px solid rgba(255,255,0, 0.9);
}

div.information{
	background: rgb(214, 220, 225);
	border: 1px solid rgba(214, 220, 225, 0.9);
}

.light div.information{
	background: rgb(214, 220, 225);
	border: 1px solid rgba(214, 220, 225, 0.9);
}

div.success:empty, div.error:empty, div.alert:empty, div.information:empty,
.light div.success:empty, .light div.error:empty, .light div.alert:empty, .light div.information:empty {
	display:none;
 }

/*div.success,.light div.success {
	margin:20px;
    padding:10px;
    border-radius:5px;
	text-align:center;
	color:#fff;
}

div.success {
	background: rgba(53,186,59,0.8);
	border:1px solid rgba(53,186,59,0.8);
}

.light div.success {
	background: rgba(53,186,59,0.9);
	border:1px solid rgba(53,186,59,0.9);
}

div.error,.light div.error {
    margin:20px;
    padding:10px;
    border-radius:5px;
	text-align:center;
	color:#fff;
}

div.error {
    background: rgba(161, 24, 24,0.8);
	border:1px solid rgba(161, 24, 24,0.8);
}

.light div.error {
    background: rgba(161, 24, 24,0.9);
	border:1px solid rgba(161, 24, 24,0.9);
}

.light div.success:empty, .light div.error:empty,
div.success:empty,.light div.error:empty{
	display:none;
 }*/
/*end Info*/

/* start textarea_n*/

.tarea_n , .light .tarea-n{
	height:100px;
	position:relative;
	border:1px solid #CFD8DC;
	margin:20px;
	display:table;
}

.flags,.light .flags{
	height:100%;
	display:table-cell;
	vertical-align:middle;
}
.flags{
	border-right: 1px solid rgba(157,178,188, 0.4);
}
.light .flags{
	border-right: 1px solid rgba(122, 133, 138, 0.4);
}
.func, .light .func{
	width:20px;
	margin:5px;
}
.tarea1 , .light .tarea1{
	width:100%;
	height:100%;
	display:table-cell;
	overflow:hidden;
}
.tarea_n textarea ,.light .tarea_n textarea{
    width: 100%;
	height: 100%;
	margin:0;
	border:0;
	padding:5px;
	resize: none;
}
.light .tarea_n textarea{
    background:#ECEFF1;
	color:#607D8B;
}
.tarea_n textarea {
  	background:#546E7A;
	color:#CFD8DC;
}


/* end textarea_n*/


/* Dashboard */
/*.dpi_title{
	text-decoration: none;
	font-weight: bold;
	color: #263238;
}*/
.dbi {
	background-color: #333537;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
	margin-bottom:25px;
	position:relative;
	text-align:center;
}

.dbi:after {
    content: '';
    display: block;
    padding-bottom: 100%;
}

.dbi_content:hover {
	color:#fff;
	background: rgb(70 146 52);
	text-shadow:0 -1px 0 rgba(0, 0, 0, .65);
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	box-shadow: 0 0 0 #333, inset 0 1px 10px rgba(0,0,0,0.5), ;
	-moz-box-shadow: 0 0 0 #333, inset 0 1px 10px rgba(70, 45, 45, 0.5);
	-webkit-box-shadow: 0 0 0 #333, inset 0 1px 10px rgba(0,0,0,0.5);
}

.dbi_content {
    position: absolute;
    height: 100%;
	/*! padding:15px 0; */
	box-sizing:border-box
}

.dbi_content img {
	margin-top:10px;
	width: 100px;
	}

.dpi_title {
	position:absolute;
	bottom:0;
	padding:10px 5px;
	border-top:1px solid #e9ecf2;
	box-sizing:border-box;
	font-size: 15px;
	min-height: 84px;
	text-decoration: none;
	font-weight: bold;
	color: #cacdcd;
}

.dbi_content, .dpi_title{
    width: 100%;
}


/* Tag input*/
.tag_l{
	float:left;
	margin-left:5px;
	border: 1px dotted #333;
	padding: 2px 6px;
	border-radius:6px;
	background-color: #fff;
}

.tag_c{
	position: relative;
	bottom: 6px;
	left: 4px;
	cursor: pointer;
}


.tw_4{
	width:45px;
}

.tw_5{
	width:50px;
}

.tw_6{
	width:60px;
}

.tw_7{
	width:70px;
}

.tw_8{
	width:80px;
}

.tw_85{
	width:85px;
}

.tw_9{
	width:95px;
}

.tw_10{
	width:100px;
}

.tw_11{
	width:110px;
}

.tw_12{
	width:120px;
}

.tw_13{
	width:130px;
}

.tw_14{
	width:145px;
}

.tw_15{
	width:150px;
}

.tw_16{
	width:160px;
}

.tw_18{
	width:185px;
}

.tw_20 {
    width: 200px;
}

.tw_21 {
    width: 210px;
}

.ws{
	white-space:nowrap;
}

.user_ticket {
    margin-left: 50px;
}

.fl_r .icon-logout{
	/*top: 50px;*/
    position: absolute;
    margin-left: -25px;
	margin-top: 25px;
	height:20px;
	right: 20px;
}

.fl_r .icon-settings{
	position: absolute;
    margin-left: -55px;
	margin-top: 25px;
	height:20px;
	cursor:pointer;
	right: 45px;
}

.fl_r .icon-settings:hover{
	transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -moz-transform: rotate(360deg);

	transition: all 2s ease-in-out;
	-webkit-transition: all 2s ease-in-out;
	-moz-transition: all 2s ease-in-out;
	-o-transition: all 2s ease-in-out;
}

input.fe_err,
textarea.fe_err,
select option.fe_err{
	border: 0;
	border-bottom: 1px solid rgba(161, 24, 24,0.8) !important;
	background:rgba(161, 24, 24,0.1);

}

input .fe_al,
textarea .fe_al,
select option .fe_al{
	border:1px solid rgba(255,255,0, 0.9);
	background:rgba(255,255,0, 0.1)
}

.md_iwoi input[type=text].fe_err,
.md_iwi input[type=text].fe_err,
.md_ibgi input[type=text].fe_err,
.md_iwir input[type=text].fe_err,
.md_ibgir input[type=text].fe_err {
	border-bottom:1px solid rgba(161, 24, 24,0.8);
}

.md_iwoi input[type=text].fe_al,
.md_iwi input[type=text].fe_al,
.md_ibgi input[type=text].fe_al,
.md_iwir input[type=text].fe_al,
.md_ibgir input[type=text].fe_al{
	border-bottom:1px solid rgba(255,255,0, 0.9);
}

.pc{
	padding:6px;
}

.home_footer {
	position: absolute;
    bottom: 0;
    color: #eceff1;
    padding: 20px;
    border-top: 1px solid #CFD8DC;
	text-align:center;
	font-size:14px;
	width:100%
}

/*sidebar_button*/
.sidebar_button {
    display: inline-block;
    padding: 5px 7px 2px;
    border: 1px solid #c5d6de;
    vertical-align: middle;
    background: #27292b;
    cursor: pointer;
    margin-left: 10px;
}
.sidebar_button:hover {
    border: 1px solid #CFD8DC;
    background: rgb(59 144 51);;
}

.collapsed .dropdown > .dropdown_li {
    position: relative;
}

.collapsed .dropdown > .dropdown_li:hover > .dropdown_ul {
    display: block !important;
    position: absolute;
    width: 200px;
    left: 50px;
}

.collapsed .dropdown > .dropdown_li:hover > .dropdown_ul > span {
    display: block !important;
}

.dropdown_ul {
    display: none;
    position: absolute;
    margin-left: 0;
    width: 250px;
    background: #333537;
    //left: 55px;
    //top: 38px;
    top: 0;
	z-index: 79;
	margin-left: 5px !important;
}

.rot_90 {
	-moz-transform: rotate(-90deg); /* Для Firefox */
    -ms-transform: rotate(-90deg); /* Для IE */
    -webkit-transform: rotate(-90deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(-90deg); /* Для Opera */
    transform: rotate(-90deg);
}

/*
.mmm:hover > .hhh, .mmm:hover > .hhh > .side_arrow_exp {
	display: block;
	margin-left: 70px;
}
 */
/*responsive*/

@media only screen and (max-width: 1600px) {
	body {
		zoom: 0.80 !important;
	}
}

@media only screen and (max-width: 1400px) {
	body {
		zoom: 0.76 !important;
	}
}

@media only screen and (max-width: 1200px) {
	body {
		zoom: 0.7 !important;
	}
}


@media all and (max-width: 599px){

	.content {
    padding: 5px;
	}

	/* .sidebar {
	display: none;

	} */

	#cssmenu ul{
	margin: 0 !important;
	}

	/* .sd, #cssmenu ul li .sd{
	padding: 10px;
	} */

	#cssmenu > ul > li{
	padding: 10px !important;
  }

  .dropdown {
	overflow: scroll;
	line-height: 30px;
  }

	form > div {
	width: 100%;
	}

	form input {
	width: 100%;
	}

	.tb_copy, .tb_del, .tb_edit, .tb_det,
	.light .tb_copy, .light .tb_del, .light .tb_edit, .light .tb_det {
    margin-left: 20px;
	}

	.tc{
	margin: 0 auto;
	display: table;
	margin-top: -2px;
	}

	.p_1 {
    padding: 5px;
	}

	.fl_r {
    float: right;
	}

	.fl_r .icon-logout, .fl_r .icon-settings{
	top: 25px;
	}

	.fe_t, .fe_v, .de_t{
	width: 100%;
    text-align: center;
    padding: 10px 15px;
	display:inline-table;
	}

	.de_v {
	width: 100%;
    padding: 5px 3px;
	display:inline-table;
	}

	.w_1-3{
	width:100%;
	}

	.light .btn {
	width:100%;
	height:35px;
    text-align: center;
	font-size: 14px;
	}

	.de_tb thead, .tb thead{
    display: none;
    }

    .de_tb tr, .tb tr {
    margin-bottom: 10px;
    display: block;
    border-bottom: 1px solid #ddd;
    }

    .de_tb td, .tb td {
    display: block;
	/*text-align: center;*/
	font-size: 15px;
	border-bottom: 1px dotted #546E7A;
	min-height: 30px;
    }

    .de_tb td:last-child, .tb td:last-child{
    border-bottom: 0;
    }

    .de_tb td:before, .tb td:before {
    content: attr(data-label);
    float: left;
    /*text-transform: uppercase;*/
    font-weight: bold;
    }

	.w_7, .w_5, .w_12, .w_6, .w_4, .w_3, .w_19, .w_10, .w_13, .w_8, .w_15, .w_14, .w_25{
	width:100%;
	}

	.ml_1, .ml_3, .ml_2{
	margin-left:0;
	}

	.fe_v > div:not(:last-child) {
    margin-bottom: 3px;
	}

	.fe_v .md_iwi .icon{
	position: relative;
	margin-left: -22px;
	}

	/*dashboard*/

	/*.condash {
    padding: 10px 2% 10px 5% !important;
	margin: 0 auto;
	max-width: 430px !important;
	}

	.w_9{
	width:47%;
	max-width: 209.25px;
	}

	.dbi {
    margin-bottom: 10px;
	}

	.dpi_title {
	min-height: 65px;
	font-size: 12px;
	padding:5px;
	}

	.dbi_content img {
    width: 45%;
	margin-top:-10px;
	max-width:150px
	}

	.dbi_content {
    position: absolute;
    height: 100%;
    padding: 20px 0;
    box-sizing: border-box;
	}*/

	/*date piker*/

	.light .pk{
		width:100%;
		max-width:300px;
	}

	/*pagination*/

	.pg_b,.pg_n,.pg_s{
	max-width: 35px;
	font-size: 12px;
	padding: 3px 5px;
	width: 5%;
}

.tx_ic_l{
	display: inline-block;
	width: 45px;
	padding: 2px;
	position: absolute;
	color: #ECEFF1;
	text-align: center;
	z-index: 9;
	background: #78909C;
	top: 2px;
	left: 2px;
}

.tx_ic_r{
	display: inline-block;
	width: 45px;
	padding: 2px;
	position: absolute;
	color: #ECEFF1;
	text-align: center;
	right: 0;
	z-index: 9;
	background: #78909C;
	top: 2px;
	right: 2px;
}

.light .tx_ic_l{
	display: inline-block;
	width: 45px;
	padding: 2px;
	position: absolute;
	color: #546E7A;
	text-align: center;
	z-index: 9;
	background: #CFD8DC;
}

.light .tx_ic_r{
	display: inline-block;
	width: 45px;
	padding: 2px;
	position: absolute;
	color: #546E7A;
	text-align: center;
	right: 2px;
	z-index: 9;
	top: 2px;
	background: #CFD8DC;
}

}

@media all and (max-width: 360px){
.lng:not(:hover) a{
	display:block;
}
	/*login*/

	.container{
	margin-top: 80px;
	}

	.home_form {
	width:250px;
	height:300px;
	position:fixed;
	/*top:50%;*/
	left:50%;
	/*margin-top:10px; */
	margin-left:-125px;
	}

	.home_form input[type=submit] {
    padding: 5px;
    font-size: 12px;
	cursor:pointer;
	margin-bottom:10px;
	width:100px;
	}

	.home_footer {
	position: absolute;
	bottom: 0;
    color: #CFD8DC;
    padding: 10px;
    border-top: 1px solid #CFD8DC;
	text-align:center;
	font-size:10px;
	width:100%;
}

	/*dashboard*/

	.condash {
    padding: 10px 2% 10px 5% !important;
	margin: 0 auto;
	max-width: 430px !important;
	}

	.w_9{
	width:47%;
	max-width: 209.25px;
	}

	.dbi {
    margin-bottom: 10px;
	}

	.dpi_title {
	min-height: 65px;
	font-size: 12px;
	padding:5px;
	}

	.dbi_content img {
    width: 40%;
	margin-top:-10px;
	max-width:150px
	}

	.dbi_content {
    position: absolute;
    height: 100%;
    padding: 20px 0;
    box-sizing: border-box;
	}
}

@media all and (min-width: 361px) and (max-width: 479px){

	/*dashboard*/

	.container {
	/*margin-top:80px;*/
}

	.condash {
    padding: 10px 2% 10px 5% !important;
	margin: 0 auto;
	max-width: 480px !important;
	}

	.w_9{
	width:30%;
	max-width: 209.25px;
	}

	.dbi {
    margin-bottom: 10px;
	margin-top: 40px;
	}

	.dpi_title {
	min-height: 51%;
	font-size: 10px;
	padding: 3px;
	}

	.dbi_content img {
    width: 40%;
	margin-top: -15px;
	max-width: 150px;
	}

	.dbi_content {
    position: absolute;
    height: 100%;
    padding: 20px 0;
    box-sizing: border-box;
	}
}

@media all and (min-width: 480px) and (max-width: 599px){

	/*dashboard*/

	.container {
	margin-top:80px;
}

	.condash {
    padding: 10px 2% 10px 5% !important;
	margin: 0 auto;
	max-width: 599px !important;
	}

	.w_9{
	width:30%;
	max-width: 209.25px;
	}

	.dbi {
    margin-bottom: 10px;
	}

	.dpi_title {
	min-height: 45%;
	font-size: 12px;
	padding: 5px;
	}

	.dbi_content img {
    width: 45%;
	margin-top:-10px;
	max-width:150px
	}

	.dbi_content {
    position: absolute;
    height: 100%;
    padding: 20px 0;
    box-sizing: border-box;
	}
}




@media all and (min-width:600px) and (max-width: 799px){

	.container {
		margin-top:80px;
	}

	.content {
		padding: 5px;
	}

	/* .sidebar {
	display: none;

	} */
	/*table label*//* header top */
	.icon{
		top: 50px;
		position: absolute;
		margin-left: -70px;
	}

	form > div {
		width: 100%;
	}

	form input {
		width: 100%;
	}

	.tb_copy, .tb_del, .tb_edit, .tb_det,
	.light .tb_copy, .light .tb_del, .light .tb_edit, .light .tb_det {
		margin-left: 20px;
	}

	.tc{
		margin: 0 auto;
		display: table;
		margin-top: -2px;
	}

	.p_1 {
		padding: 5px;
	}

	.fl_r {
		float: right;
	}

	.fl_r .icon-logout, .fl_r .icon-settings{
		top: 25px;
	}

	.fe_t, .fe_v, .de_t{
		width: 100%;
		text-align: center;
		padding: 10px 15px;
		display:inline-table;
	}


	.de_v {
	width: 100%;
    padding: 10px 15px;
	display:inline-table;
	}

	.w_1-3{
	width:33%;
	}

	.light .btn {
	width:100%;
	height:35px;
    text-align: center;
	font-size: 14px;
	}

	.de_tb thead, .tb thead {
    display: none;
    }

    .de_tb tr, .tb tr {
    margin-bottom: 10px;
    display: block;
    border-bottom: 1px solid #ddd;
    }

    .de_tb td, .tb td {
    display: block;
	/*text-align: center;*/
	font-size: 15px;
	border-bottom: 1px dotted #546E7A;
	min-height: 30px;
    }

    .de_tb td:last-child, .tb  td:last-child{
    border-bottom: 0;
    }

    .de_tb td:before, .tb d:before{
    content: attr(data-label);
    float: left;
    /*text-transform: uppercase;*/
    font-weight: bold;
    }

	.w_8, .w_15, .w_25, .w_12, .w_14, .w_10, .w_13{
	width:100%;
	}

	.w_5, .w_6, .w_3, .w_7, .w_4, .w_19{
	width:50%;
	}

	.w_7 .ml_2 .md_iwi .icon{
	margin-left:60px;
	}

	/*.ml_1 .icon{
	margin-left:60px;
	}

	.ml_2 .icon{
	margin-left:0;
	}*/

	.fe_v .md_iwoi,
	.fe_v .md_iwir,
	.fe_v .md_iwids,
	.fe_v .md_iwi{
	padding-right:5px;
	padding-left:5px;
	}

	/*.fe_v .icon-right{
	margin-left:60px;
	}*/

	/*.fe_v .md_iwi{
	margin: 5px 25%;
	}*/

	.ml_2, .ml_1, .ml_3{
	margin-left:0;
	}

	.fe_v > div:not(:last-child) {
    margin-bottom: 3px;
	}

	.fe_v .md_iwi .icon{
	position: relative;
	margin-left: -22px;
	}

 input[type="checkbox"] + label {
	margin-left:-45px;
	}

	/*.icon-right{
	margin-left:20px;
	}*/

	/*dashboard*/

	.condash {
    padding: 10px 2% 10px 5% !important;
	margin: 0 auto;
	max-width: 750px !important;
	}

	.w_9{
	width:30%;
	max-width: 209.25px;
	}

	.dbi {
    margin-bottom: 10px;
	}

	.dpi_title {
	min-height: 65px;
	font-size: 12px;
	padding:5px;
	}

	.dbi_content img {
    width: 50%;
	margin-top: -5px;
	max-width: 150px;
	}

	.dbi_content {
    position: absolute;
    height: 100%;
    padding: 20px 0;
    box-sizing: border-box;
	}

}

@media all and (min-width:800px) and (max-width: 1023px){

	/* header top */

	.dpi_title {
    min-height: 65px;
    font-size: 12px;
    padding: 5px;
}

	.sidebar {
		width:50px !important;
	}

	.content {
    padding: 5px;
	}

	.icon{
	top: 50px;
    position: absolute;
    margin-left: -70px;
	}

	form > div {
	width: 100%;
	}

	form input {
	width: 100%;
	}

	.tb_copy, .tb_del, .tb_edit, .tb_det,
	.light .tb_copy, .light .tb_del, .light .tb_edit, .light .tb_det {
    margin-left: 20px;
	}

	.tc{
	margin: 0 auto;
	display: table;
	margin-top: -2px;
	}

	.p_1 {
    padding: 5px;
	}

	.fl_r {
    float: right;
	}

	.fl_r .icon-logout, .fl_r .icon-settings{
	top: 25px;
	}

	.fe_t, .fe_v, .de_t{
	width: 100%;
    text-align: center;
    padding: 10px 15px;
	display:inline-table;
	}


	.de_v {
	width: 100%;
    padding: 10px 15px;
	display:inline-table;
	}

	.w_1-3{
	width:33%;
	}

	.light .btn {
	width:100%;
	height:35px;
    text-align: center;
	font-size: 14px;
	}

	table thead {
    display: none;
    }

    table tr {
    margin-bottom: 10px;
    display: block;
    border-bottom: 1px solid #ddd;
    }

    table td {
    display: block;
	/*text-align: center;*/
	font-size: 15px;
	border-bottom: 1px dotted #546E7A;
	min-height: 30px;
    }

    table td:last-child {
    border-bottom: 0;
    }

    table td:before {
    content: attr(data-label);
    float: left;
    /*text-transform: uppercase;*/
    font-weight: bold;
    }

	.w_7, .w_5, .w_4, .w_6, .w_3, .w_12, .w_14/*,  .w_14 > .w_13*/{
    width: 24%;
}

	/*.w_13{
	width:100%;
	}*/
	.md_iwi {
	margin-top:5px;
	}
	/*.w_8, .w_15, .w_25, .w_12, .w_14, .w_10, .w_13{
	width:100%;
	}*/

	/*.w_5, .w_6, .w_3, .w_7, .w_4, .w_19{
	width:50%;
	}*/

	/*.w_7 .ml_2 .md_iwi .icon{
	margin-left:60px;
	}*/

	/*.ml_1 .icon{
	margin-left:60px;
	}

	.ml_2 .icon{
	margin-left:0;
	}*/

	.fe_v .md_iwoi,
	.fe_v .md_iwir,
	.fe_v .md_iwids,
	.fe_v .md_iwi{
	padding-right:5px;
	padding-left:5px;
	}

	/*.fe_v .icon-right{
	margin-left:60px;
	}*/

	/*.fe_v .md_iwi{
	margin: 5px 25%;
	}*/

	.ml_2, .ml_1, .ml_3{
	margin-left:0;
	}

	.fe_v > div:not(:last-child) {
    margin-bottom: 3px;
	}

	.fe_v .md_iwi .icon{
	position: relative;
	margin-left: -22px;
	}

}

@media all and (min-width:1024px) and (max-width: 1280px){
	.sidebar {
		width:50px !important;
	}

	.fl_r .icon-logout, .fl_r .icon-settings{
	top: 25px;
	}

	.w_5, .w_7{
	width:30%;
	}

	.fe_t {
    text-align: center;
    padding: 10px 5px;
}

}

#selectall{
	cursor: pointer;
}
#unselectall{
	cursor: pointer;
}

.av_pill {
	background: #f0fdf4;
	color: #166534;
	border: 1px solid #bbf7d0;
	padding: 2px 8px;
	border-radius: 6px;
	margin: 2px;
	display: inline-flex;
	align-items: center;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.4;
}

.dialog {
	width:96%;
	margin:0 auto 10px auto;
	background-color:#ECEFF1;
}

.dialog h3 {
    background-color:  #546E7A;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: white;
    padding: 4px 6px;
	border:1px solid #546E7A;
	margin: 0;
	font-size: 15px;
}

.dialog .inner {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
	border:2px solid #546E7A;
	background:#ECEFF1;
	border-top:0px;
	padding:5px;
	height:100%;
	/* overflow:hidden; */
}

.dialog h3 span {
	float:right;
	font-weight:normal;
}

















/*new tooltip*/

.tooltiphoverblock {
	//margin-bottom: 70px;
	position: relative;
	display: inline-block;
}


.tt strong {
	line-height: 30px;
	font-size: 16px;
	margin-bottom: 10px;
}

.tt > span {
	width: 200px;
	height: 120px;
	padding: 10px 20px;
	opacity: 0;
	visibility: hidden;
	z-index: 10;
	position: absolute;
	font-size: 12px;
	font-style: normal;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #546E7A;
	background: #546E7A;
	z-index: 9999;
	color: #CFD8DC;
}


.tt:hover > span {
	opacity: 1;
	text-decoration:none;
	visibility: visible;
	overflow: visible;
	display: inline;
}

.tt span b {
	width: 15px;
	height: 15px;
	display: block;
	position: absolute;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	background: #546E7A;
}

/*TOP LEFT*/
.tt_p_t_l .tt > span {
	top: 0;
    left: 40%;
}

.tt_p_t_l .tt span b {
	bottom: -8px;
	right: 10px;
}
/**/

/*TOP Center*/
.tt_p_t_c .tt > span{
	top: -130px;
	left: -70px;
}

.tt_p_t_c .tt span b {
	bottom: -8px;
	left: 50%;
}

/**/

/*TOP Right*/
.tt_p_t_r .tt > span{
	top: -200px;
	left: -10px;
}

.tt_p_t_r .tt span b {
	bottom: -8px;
}

/**/

/*LEFT*/
.tt_p_l .tt > span{
	right: 110px;
	bottom: -115px;
}

.tt_p_l .tt span b {
	right: -8px;
	top: 50%;
}

/**/

/*Right*/
.tt_p_r .tt > span{
	left: 125px;
	bottom: -115px;
}

.tt_p_r .tt span b {
	left: -8px;
	top: 50%;
}

/**/


/*BOTTOM LEFT*/
.tt_p_b_l .tt > span{
	top: 120px;
	left: -155px;
}

.tt_p_b_l .tt span b {
	bottom: 168px;
	right: 10px;
}

/**/

/*BOTTOM CENTER*/
.tt_p_b_c .tt > span{
	top: 120px;
	left: -70px;
}

.tt_p_b_c .tt span b {
	bottom: 168px;
	left: 50%;
}

/**/

/*BOTTOM Right*/
.tt_p_b_r .tt > span{
	top: 120px;
	left: -10px
}

.tt_p_b_r .tt span b {
	top: -8px;
}

fieldset {
  border-radius: 5px;
}

/**/

/**/

.home_form .md_iwi input[type=text], .home_form .md_iwi input[type=password] {
    color: #ECEFF1 !important;
}

.lb_tb {
	width: 100%;
}

.lb_tb thead, .thead {
    background: #0f976d !important;
}

.lb_tb h1, .thead h2 {
    color: #fefefe;
    font-size: 18px;
}

.lb_tb ._tr, ._td, .thead ._td, ._tr {
    //background: #fefefe;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
	//display: -webkit-box;
}

.thead {
	margin-top: 10px;
}

.lb_tb .bbdouble {
	border-bottom: 4px double #546e7a;
}

.lb_tb tbody tr:nth-child(even) {background: #f1f1f1;}

.lb_tb tbody tr:nth-child(odd) {background: #FFF;}

.av_dis {display: none !important;}

.hg_methods label {
	color: #fafafa !important;
}

.hg_methods input[type="checkbox"]:not(.swi) + label:hover:before {
	box-shadow: 0 0 5px rgba(255,255,255,0.5);
	background: #a4a4a4;
}

.dark_red {
	background: rgba(161, 24, 24,0.9) !important;
	color: #fafafa;
}

 .avatar {
        height: 50px !important;
        width: 50px !important;
    }

/* Global Status Badges */
.badge_active, .badge_delivered, .badge_paid {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    background: #def7ec;
    color: #03543f;
    border: 1px solid #bcf0da;
}

.badge_passive, .badge_delivering, .badge_unpaid {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid #fca5a5;
}

.badge_info {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    background: #e1effe;
    color: #1e429f;
    border: 1px solid #b4c6fc;
}

.tb tbody tr {
    transition: background 0.15s ease-in-out;
}
.tb tbody tr:hover {
    background: #f1f5f9 !important;
}