/* @media print { body, html, div, #wrapper, .wrapper {overflow: visible !important; height: 100% !important;}} */

/* :root {--bdr_radius_25: 25px; --bb_color: #8d8d8d} */

.textXXXXXX {color: #d8ffab;}

.poi-label {
    background-color: transparent !important; /* make background transparent */
    border: none !important;                  /* remove border */
    padding: 0 !important;                    /* remove padding */
    font-size: 12px;
    font-weight: bold;
    color: black;  
    box-shadow: none !important;                /* text color */
    text-shadow: 1px 1px 2px white; /* optional: makes text readable on map */
}

/* .form-control.sw_fc{max-width: 100% !important; box-sizing: border-box !important;} */
/* .swal2-popup .form-control{max-width: 100% !important; box-sizing: border-box;} */

.my_resp_modal{width: 70vw !important;}
.my_resp_modal_md{width: 60vw !important;}

.table.dataTableXX th[rowspan="2"]{vertical-align: middle !important;}
.table.dataTable th[colspan="3"]{height: 5px !important; padding-top: 2px; padding-bottom: 2px;}

.btn_app2{padding: 5px 3px !important;
  min-width: 60px !important;
  height: 47px !important;
  margin: 0 0 10px 5px !important;
  /* margin: 0 0 10px 10px; */
}

/* Map options swal */
.map_options_my {text-align: left;}
.map_options_my .mom_content{margin-bottom: 15px;}
.map_options_my .mom_title{font-size: 18px; font-weight: 700; margin-bottom: 10px; display: block;}

/* #mapModal .modal-dialog {height: 90vh !important;} */
.modal_map .modal-header{padding: 7px 20px !important;}
.modal_map .my_mb{padding-top: 0 !important; padding-left: 5px !important; padding-right: 5px !important; padding-bottom: 5px !important;}
.modal_map .my_mb{height: 87vh !important;}
.modal_map .my_map_container{height: 100% !important;}

.detail_map{width: auto; height: 80vh;}
/* .detail_map{width: auto; height: 500px;} */
/* .map_fill{width: auto; height: 700px;} */

.top_more_ibn{padding: 0 !important; margin: 0 !important; display: inline-block;}
.top_more_ibn span{display: block;}
.tb{font-weight: 600;}

.poi-div-icon{
  display: inline-flex;
  align-items: center;
  font-family: sans-serif;
  font-size: 13px;
  /* background: red; */
  border-radius: 50%;
  /* padding: 2px 4px; */
  /* width: 25px; height: 25px; padding: 4px; */
  max-width: 200px;
  /* box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); */
  /* box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); */
  /* overflow: hidden; */
}
.poi-div-icon .icon-circle{
  width: 25px;
  height: 25px;
  /* max-width: 25px; */
  /* max-height: 25px; */
  flex-shrink: 0;
  background-color: #0e519e;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 4px rgba(0,0,0,0.4);
  margin-right: 6px;
}
.poi-div-icon i{color: #ffffff; font-size: 17px;}
.poi-div-icon img{
  width: 18px;
  height: 18px;
  color: #ffffff;
  /* display: none; */
  /* margin-right: 10px; */
  object-fit: contain;
}
.poi-div-icon .poi-text{
  color: #ffffff; font-weight: bold;
  /* box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); */
  max-width: 150px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  /* flex-grow: 1; */
  /* display: inline-block; */
  /* background: red; */
  /* min-width: 150px; */
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.clustor_icon{
  background-color: #01163b;
  color: white;
  font-weight: bold;
  border-radius: 50%;
  width: 25px; height: 25px; line-height: 25px;
  text-align: center;
  box-shadow: 0 2px 6px rgba(0,0,0,0.4);
  /* box-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; */
  font-size: 13px;
}

:root {--lt_tcl: #000; --lt_bcl: #fff;  --lt_sd: #fff;}
.poi-div-icon.lgt .icon-circle{background-color: var(--lt_bcl);}
.poi-div-icon.lgt .poi-text{color: var(--lt_tcl); text-shadow: -1px -1px 0 var(--lt_sd), 1px -1px 0 var(--lt_sd), -1px 1px 0 var(--lt_sd), 1px 1px 0 var(--lt_sd);}
.poi-div-icon.lgt img{color: var(--lt_tcl);}
.poi-div-icon.lgt i{color: var(--lt_tcl);}
.clustor_icon.lgt{background-color: var(--lt_bcl); color: var(--lt_tcl);}

.poi-div-icon.drk .icon-circle {background-color: #000000;}
.poi-div-icon.drk .poi-text {color: #ffffff; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}
.poi-div-icon.drk img {color: #ffffff;}
.poi-div-icon.drk i {color: #ffffff;}
.clustor_icon.drk {background-color: #000000; color: #ffffff;}

:root {--sm_tcl: #ffff84; --sm_bcl: #003f69;  --sm_sd: #fff;}
.poi-div-icon.smp .icon-circle {background-color: var(--sm_bcl);}
.poi-div-icon.smp .poi-text {color: var(--sm_bcl); text-shadow: -1px -1px 0 var(--sm_sd), 1px -1px 0 var(--sm_sd), -1px 1px 0 var(--sm_sd), 1px 1px 0 var(--sm_sd);}
.poi-div-icon.smp img {color: var(--sm_tcl);}
.poi-div-icon.smp i {color: var(--sm_tcl);}
.clustor_icon.smp {background-color: var(--sm_bcl); color: var(--sm_tcl);}

.zone_name_text{
  color: #ffffff; 
  font-weight: bold;
  font-size: 13px;
  /* color: #9e0000; */
  /* max-width: 150px; */
  /* display: block; */
  /* overflow: hidden; */
  /* text-overflow: ellipsis; */
  /* white-space: nowrap; */
  /* text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; */
  text-shadow: -1px -1px 0 #111111, 1px -1px 0 #111111, -1px 1px 0 #111111, 1px 1px 0 #111111;
  text-align: center;
}

.clustor_icon.sch_cls {background-color: #fff; color: #000;}
.zone_name_text.sch_lbl {font-size: 12px; font-weight: normal; color: #00082c; 
  text-shadow: -1px -1px 0 #fff, 0.5px -0.5px 0 #fff, -1px 1px 0 #fff, 0.5px 0.5px 0 #fff;
  /* white-space: nowrap; */
  /* pointer-events: none; */
  /* transform: translate(-50%, -50%); */
}

:root {--lcl: #000;  --lshc: #838383; --lshn: -0.7px;  --lshn2: 0.7px;}
.zone_name_text.lgt {font-weight: normal; color: var(--lcl); 
  /* text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; */
  text-shadow: var(--lshn) var(--lshn) 0 var(--lshc), var(--lshn2) var(--lshn) 0 var(--lshc), var(--lshn) var(--lshn2) 0 var(--lshc), var(--lshn2) var(--lshn2) 0 var(--lshc);
}

:root {--dcl: #00082c;  --dsh: #fff; --rsh: -1px;  --rsh2: 1px;}
.zone_name_text.drk {font-size: 14px; color: var(--dcl); text-shadow: var(--rsh) var(--rsh) 0 var(--dsh), var(--rsh2) var(--rsh) 0 var(--dsh), var(--rsh) var(--rsh2) 0 var(--dsh), var(--rsh2) var(--rsh2) 0 var(--dsh);}

/* .popover{background: red !important;} */
.editable-unknown{margin-right: 5px !important; float: left; }
.my_edt_btn{width: 100%; text-align: right; }

.box_sm >.box-header{padding: 5px !important;}
.box_sm >.box-header h3{font-size: 14px !important;}
.box_sm >.box-body{font-size: 13px !important;}
/* .box_sm{margin: 10px !important;} */
.h20{height: 20px !important;}

.box_background{background: #fff;}
.box_form_background{background: #f4f4f4; border-radius: 3px;
  border: 1px solid #bbb !important;}

/* .not_set{font-style: italic; color: #dd4b39; } */
.not_set{font-style: italic; color: #dd4b39; }
.not_data{font-style: italic; color: #11005c; }

.poi_scheme{background: #704d4d !important; font-size: 12px !important; 
  max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  /* padding: 0 !important; border: none !important; */
  border-radius: 10px !important; padding: 0 5px !important;
  box-shadow: none !important; color: #d3d3d3 !important; font-weight: bold !important;
}

:root {--ov_rad: 15px; --xx2: #8d8d8d}
/* .input-group.oval {border-radius: 20px; box-shadow: 0.4px 8px rgba(0, 0, 0, 0.1); overflow: hidden;} */
.input-group.oval {border-radius: var(--ov_rad); box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); overflow: hidden;}
/* .input-group.oval input, .input-group.oval .btn {border: none; border-radius: 0;} */
.input-group.oval input{border-radius: var(--ov_rad) 0 0 var(--ov_rad);}
.input-group.oval .btn{border-radius: 0 var(--ov_rad) var(--ov_rad) 0;}

.map_search{position: absolute; top: 10px; right: 30px; z-index: 400; width: 300px;}
.map_search .input-group select{border-radius: 20px;}
.map_search .input-group button{border-radius: 20px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);}
/* .sel_search {box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);} */
.sel_search .select2-selection__arrow {display: none;}
.sel_search .select2-selection--single .select2-selection__rendered {font-size: 16px; line-height: 35px; max-width: 230px;}
.sel_search .select2-container .select2-selection--single {height: 40px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);}
.map_search .input-group button {height: 40px;}

.select2-container .search_ddl > span {font-size: 10px !important; max-width: 300px !important; padding: 0;}
.select2-container .search_ddl {width: 300px !important;}
.search_ddl .select2-results__options {max-height: 350px !important;}
.search_ddl .select2-results__options {max-height: 350px !important;}

.map_bottom{position: absolute; bottom: 20px; left: 35px; z-index: 400;}

.map_search .ig_search{position: relative;}
.map_search .ig_search .form-control{position: relative; border-radius: 20px;}
.map_search .ig_search button{position: absolute; right: 0; top: 0; border-top-right-radius: 20px; border-bottom-right-radius: 20px;}

.cs_hide_poi span{background: #06ad00; padding: 10px; width: 100px !important; height: 100px !important; border-radius: 25px;}
.map_bottom button{display: block;}
/* .btn_slider{position: absolute; bottom: 10px; left: 0px;} */
/* .btn_slider{background: #00000050;} */
.sl_control{padding-top: 10px; font-size: 18px; font-weight: 600;}

.map_bot_right{position: absolute; bottom: 30px; right: 45px; z-index: 400;}
.map_bot_right button{display: block;}



.box.no_header >.box-header{display: none !important;}
.box.has_item_pad .edt_items_in_box{margin-top: 10px !important;}

/* .navbar .main_top_title{position: relative !important; background: green; float: left;} */
.navbar .main_top_title span{
  max-width: 650px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  /* background: red; */
  /* float: left; */
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {.navbar .main_top_title span{display: none;}}
/* @media only screen and (min-width: 768px) {.navbar .main_top_title span{max-width: 150px !important; background: yellow !important;}} */
/* @media only screen and (min-width: 992px) {.navbar .main_top_title span{max-width: 300px !important; background: green !important;}} */
/* @media only screen and (max-width: 1200px) {.navbar .main_top_title span{max-width: 300px !important; background: yellow !important;}} */

/* .select2-container{z-index: 1000 !important; background: red !important;} */

.box_profile .profile-user-img {height: 100px;}
.c_ov {position: absolute; width: 100%; height: 100%;}
.c_ov .c_ov_in {position: absolute; text-align:center; vertical-align: middle;
  left:34%; top:30%;
  font-size: 30px;
}
.c_ov .c_ov_in span {display: block;}

.s_line {max-width: 100px; overflow: hidden;
  clear: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  display: inline-block;
}

.s_tbl_line {overflow: hidden;
  /* clear: left; */
  text-overflow: ellipsis;
  white-space: nowrap;
  /* position: relative; */
  /* display: inline-block; */
}
.max_75{max-width: 75px !important;}
.max_100{max-width: 100px !important;}
.max_150{max-width: 150px !important;}
.max_200{max-width: 200px !important;}
.max_300{max-width: 300px !important;}

.new_page_item{display: block; page-break-before: always;}

/* &&&&&&&&&&&&&&&&&&&&&&&&&&&& BOX DECOR &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */
.box_decor, .box_decor > .box-body, .box_decor > .box-footer {border: 0 !important;}
.btn.bt_rounded {border-radius: 13px;}
/* .box_decor > .box-header .btn-box-tool, */
.box_decor > .box-header .bt_rounded,
.box_decor >.box-footer .btn-md,
.btn-box-tool.bt_rounded,
.btn-md.bt_rounded {padding-left: 15px; padding-right: 15px;
  border-radius: 13px !important;
  /* border: 0.5px solid #ffffff !important; */
}
.box_decor > .box-footer .btn-md,
.box_decor > .box-header .btn-box-tool:not(:last-child){margin-right: 8px;}
/* .box_decor > .box-footer .btn-box-tool{margin-right: 20px; color: #ffffff;} */
.box_decor > .box-footer.bg_normal .btn-box-tool{color: #000000; font-weight: 600;}

.box_decor > .box-header .box-tools,
.box_decor > .box-footer {padding-right: 20px !important;}
.box_decor > .box-footer {padding-right: 25px !important;}

.box_decor > .box-footer,
.box-footer.footer_sm_pad {padding-top: 5px; padding-bottom: 5px;}
/* .box-footer.footer_sm_pad {padding-top: 5px; padding-bottom: 5px; background: #eef0f0;} */
.box_decor > .box-header,
.box_decor > .box-footer {
  /* background: #032c1e !important; */
  background: #075d8f  !important;
}
.box_decor {border-radius: 25px;}
.box_decor > .box-body {border-left: 1px solid #075d8f !important; border-right: 1px solid #075d8f !important;}
.box_decor > .box-footer {border-bottom-left-radius: 25px; border-bottom-right-radius: 25px;}

/* New Added for print */
.box_decor > .box-header {border-top: 1px solid #075d8f !important; border-left: 1px solid #075d8f !important; border-right: 1px solid #075d8f !important;}

.box_decor > .box-header {border-top-left-radius: 25px; border-top-right-radius: 25px;}
/* .box_decor > .box-header > h3{margin-left: 20px;} */
.box_decor > .box-header > h3{margin-left: 5px;}
.box_decor > .box-header:not(:has(>i)) > h3{margin-left: 20px;}
.box_decor > .box-header > .fa{margin-left: 20px;}
/* .box-footer.footer_sm_pad {padding-top: 5px; padding-bottom: 5px; background: #3c8dbc;} */
.box_decor.bd_in > .box-header,
.box_decor.bd_in > .box-footer {
  /* background: #015f40 !important; */
  background: #ff5100 !important;
}
.box_decor.bd_in > .box-body {border-left: 1px solid #ff5100 !important; border-right: 1px solid #ff5100 !important;}

.box_decor.bx_pr > .box-header,
.box_decor.bx_pr > .box-footer {background: #0d77b4 !important; background-color: #0d77b4;}
.box_decor.bx_pr > .box-body {border-left: 2px solid #0d77b4 !important; border-right: 2px solid #0d77b4 !important;}

.box_decor > .box-header {color: #ffffff !important;}
.box_decor.fx_height > .box-body,
.box_decor:not(:has(.box-footer)) > .box-body {border-bottom: 2px solid #075d8f !important; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px;}

.box_decor > .box-footer.bg_normal {
  /* background: #cecdcd !important;  */
  background: #eeeeee !important;
  border-bottom: 1px solid #075d8f !important;
  border-left: 1px solid #075d8f !important;
  border-right: 1px solid #075d8f !important;
  padding-top: 1px; padding-bottom: 2px;
}
.box_decor.bd_in > .box-footer.bg_normal {
  background: #efefef !important;
  border-bottom: 1px solid #ff5100 !important;
  border-left: 1px solid #ff5100 !important;
  border-right: 1px solid #ff5100 !important;
  /* padding-top: 1px; padding-bottom: 2px; */
}

:root {--bdr_radius_25: 25px; --bb_color: #8d8d8d}
/* border-bottom-left-radius: var(--bxr_radius_sm) !important; border-bottom-right-radius: var(--bxr_radius) !important; */

.box_decor.bd_sec > .box-header,
.box_decor.bd_sec > .box-footer {background: #f1f1f1 !important;}
/* .box_decor.bd_sec > .box-header,
.box_decor.bd_sec > .box-footer,
.box_decor.bd_sec > .box-body {border: none !important;}
.box_decor.bd_sec:not(:has(.box-footer)) > .box-body {border: none !important;} */
.box_decor.bd_sec > .box-body {border-left: 1px solid var(--bb_color) !important; border-right: 1px solid var(--bb_color) !important;}
/* .box_decor.bd_sec > .box-footer {border-bottom-left-radius: 25px; border-bottom-right-radius: 25px;} */
/* .box_decor.bd_sec > .box-header {border-top-left-radius: 25px; border-top-right-radius: 25px;} */
.box_decor.bd_sec > .box-header {border-top: 1px solid var(--bb_color) !important; border-left: 1px solid var(--bb_color) !important; border-right: 1px solid var(--bb_color) !important;}
.box_decor.bd_sec:not(:has(.box-footer)) > .box-body {border-bottom: 1px solid var(--bb_color) !important; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px;}
.box_decor.bd_sec > .box-header .btn-box-tool,
.box_decor.bd_sec > .box-header{color: #000000 !important;}
.box_decor.bd_sec:has(.box-body.hide) > .box-header {border-bottom: 1px solid var(--bb_color) !important; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px;}
/* &&&&&&&&&&&&&&&&&&&&&&&&&&&& END OF BOX DECOR &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */

:root {--bxr_radius: 25px; --bxr_radius_sm: 0;}
.bx_rounded {border-top-left-radius: var(--bxr_radius) !important; border-top-right-radius: var(--bxr_radius_sm) !important;
  border-bottom-left-radius: var(--bxr_radius_sm) !important; border-bottom-right-radius: var(--bxr_radius) !important;
}
/* .bx_rounded {border-radius: var(--bxr_radius) !important;} */
.bx_rounded .box-header{border-top-left-radius: var(--bxr_radius) !important; border-top-right-radius: var(--bxr_radius_sm) !important;}
.bx_rounded .box-body{border-bottom-left-radius: var(--bxr_radius_sm) !important; border-bottom-right-radius: var(--bxr_radius) !important;}

/* RANKED ITEMS */
.rk_items .rk_corner{float: right; position: absolute; right: 10px; background: #d60101; border-radius: 10px; padding: 5px 10px; margin: 10px;}
.rk_items .rk_in_first{padding-top: 40px !important;}
.rk_items .inner h3{font-size: 25px; width: 100%; overflow: hidden; text-overflow: ellipsis;}
.rk_items .progress {
  background: rgba(0, 0, 0, 0.2);
  margin: 5px -10px 5px -10px;
  height: 3px;
}
.rk_items .progress .progress-bar {
  background: #fff;
}
.rk_items .rk_bg{font-size: 35px;}
.rk_items .rk_md{font-size: 20px; font-weight: 600; color: #680202; text-shadow: 0.1px 0 0 #ffffff;}
.rk_items .rk_md_bg{font-size: 20px; font-weight: 600;}
/* .rk_items .todo-list li{position: relative;} */
.rk_items .todo-list a{font-weight: bold; color: #004749;}
.rk_items .todo-list a{width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; display: inline-block;}
/* .rk_items .inner .todo-list li > div{display: block;} */
/* .rk_items .rk_corner{background: #ffffff !important;} */
/* .rk_items .icon{z-index: 1 !important; color: red !important} */

.no-padding_lr{padding-left: 0 !important; padding-right: 0 !important;}
.b_more_filter{padding: 10px 10px; margin-bottom: 5px; border: 1px solid #ff0000; border-radius: 20px 5px;}

.ov_top_items .ot_corner{position: absolute; left: 0px; background: #d60101; border-radius: 10px; padding: 5px 10px; margin: 10px;}
.ov_top_items .inner {padding-top: 50px !important;}
.ov_top_items .ot_txts > span{font-size: 40px; font-weight: 600;}
.ov_top_items .ot_txts > b{font-size: 25px; font-weight: 600;}
.ov_top_items .ot_txts_sm > span{font-size: 30px; font-weight: 600;}
.ov_top_items .ot_txts_sm > b{font-size: 20px; font-weight: 600;}
.ov_top_items .ot_txts_sm,
.ov_top_items .ot_txts{max-width: 100%; overflow: hidden; text-overflow: ellipsis;}
/* .ov_top_items {background-color: #001f3f  !important; color: #fff !important;} */
/* .ov_top_items {background-color: #0040a1  !important; color: #fff !important;} */
.ov_top_items.wz_bg {background-color: #0040a1  !important; color: #fff !important;}
.ov_top_items {border-radius: 15px 50px;
  /* border: 3px solid #6e0000;  */
  box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1);
}
.ov_top_items .small-box-footer {border-bottom-left-radius: 50px; border-bottom-right-radius: 15px; margin-left: 20px;}


.mailbox-attachments2 > li {
  float: left;
  width: 200px;
  border: 1px solid #eee;
  margin-bottom: 10px;
  margin-right: 10px;
  /* height: 250px !important; */
}
.mailbox-attachments2 {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mailbox-attachments2 {display: flex !important; flex-wrap: wrap !important;}
.mailbox-attachments2 li {position: relative;}
.mailbox-attachments2 li.front .mailbox-attachment-info {background: #3c8dbc;}

/* .mailbox-attachments2 .tag_holder{display: block; position: relative; background: #f4f4f4; padding: 0 10px 10px 10px;} */
.mailbox-attachments2 .tag_holder{display: block; position: relative; background: #f4f4f4;}
.mailbox-attachments2 .tag_holder .av2{background: #6dcce4 !important; border-color: #6dcce4; color: black !important;
  padding-right: 5px; height: 87px !important;
  /* padding-right: 5px; height: 70px !important; */
}
.mailbox-attachments2 .tag_holder .av3{ height: 120px !important;}
.mailbox-attachments2 .tag_holder .alert-sm {padding-top: 5px; padding-bottom: 5px; margin: 0; padding-left: 5px;}
.mailbox-attachments2 .tag_holder .av2 .close { font-size: 12px !important; padding-top: 5px; opacity: 1; right: 5px;}
.mailbox-attachments2 .tag_holder .av2 h4 { font-size: 16px;}
.mailbox-attachments2 .tag_holder .av2 .icon { margin-right: 5px;}
.mailbox-attachments2 .tag_holder .av2 .lbl_saved { color: #01361d; font-weight: 600;}
.mailbox-attachments2 .tag_holder .av2 .lbl_empty { color: #d33724; font-weight: 600;}
/* .mailbox-attachments2 .tag_holder .av2 #tagMainDiv { background: red !important; padding: 0 !important; margin: 0 !important;} */
.mailbox-attachments2 .tag_holder .av2 .tag_desc,
.mailbox-attachments2 .tag_holder .av2 .tagHlsCls {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 100%;
  /* padding: 0 !important; margin: 0 !important; */
  /* background: green; */
}
.mailbox-attachments2 .tag_holder .av2 .tag_desc{-webkit-line-clamp: 1; color: #555555;}
.mailbox-attachments2 .tag_holder .alert .bt_ret { position: absolute; bottom: 2px; right: 5px; color: inherit; float: right;}
.mailbox-attachments2 .has-img img{cursor: pointer;}
/* .mailbox-attachments2 .tag_holder .alert .close_v2:hover {opacity: 0.5; filter: alpha(opacity=50);} */
/* .mailbox-attachments2 .tag_holder #tagMainDiv{display: block; position: relative;} */
.mailbox-attachments2 .tag_holder span {font-size: 12px;}
.ddl_font_12 .select2-results__options {font-size: 12px !important;}

/* .sl_smBB .select2-selection__rendered {line-height: 24px !important;} */
/* .sl_sm .select2-container--default .select2-selection--multiple .select2-selection__rendered, */
.sl_sm .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 24px !important;
}
/* .sl_sm .select2-container .select2-selection--multiple, */
.sl_sm .select2-container .select2-selection--single {
  height: 30px !important;
  font-size: 12px;
  line-height: 1.5;
}
.sl_sm .select2-selection__arrow {
  height: 24px !important;
}
.bb_tst{border: 1px solid #a3a3a3; display: inline-block;
  border-radius: 10px; padding: 5px 10px;
}

.sl_sm .select2-container .select2-selection--multiple {
  /* height: 30px !important; */
  min-height: 30px;
  font-size: 12px;
  /* line-height: 1.5; */
  line-height: 16px !important;
  /* background: red !important; */
}
.sl_sm .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  line-height: 18px !important;
  /* padding: 0 !important; margin: 0 !important; */
  /* background: green !important; */
}

.sl_sm .select2-container--default .select2-selection--multiple .select2-selection__choice { padding: 0 3px; max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* .bigdrop.select2-container .select2-results__options {max-height: 350px !important;} */
.bigdrop .select2-results__options {min-height: 350px !important;}
/* .select2-choices {min-height: 550px !important; max-height: 550px !important; overflow-y: auto;} */
.bigdrop_300 .select2-results__options,
.bigdropCC .select2-results__options {font-size: 12px !important;}
.bigdrop_300 .select2-results__options {max-height: 300px !important;}
/* .bigdrop_300{z-index: 999999999 !important;} */

/* .select2-selection__rendered {line-height: 31px !important; background: green !important;} */
/* .select2-results {max-height: 350px !important; background: red !important;} */

/* .select2-selection__arrow { display:none !important;} */
/* #mSelGeneralNav {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 2px 30px 2px 2px;
  background: transparent;
} */

.popover .pop_tag {width:300px !important;}
/* .pop_scroll {margin-bottom: 100px;} */
/* .pop_scroll .popover-content .pop_tag_list {overflow-y: auto !important; max-height: 200px; background: red;} */
.pop_scroll .popover-content .todo-list {overflow-y: auto !important; max-height: 180px;}
.pop_scroll {max-height: 330px;}
/* .pop_tag .select2-container {z-index: 2000 !important; background-color: red !important; font-size: 12px !important;} */
/* .select2-container {background: red !important;} */
.popover-content .pop_tag_list{ padding: 9px 6px;}
.popover-content .pop_tag_list select{ margin-top: 10px;}
.pop_scroll .popover-content select option {color: black;}
.pop_scroll .popover-content select option[disabled] {color: #999  !important;}
.popover-content .pop_tag_list .todo-list li{ padding: 5px;}
.pop_scroll .popover-content { padding: 0;}
.popover-footer {
  /* padding: 8px 14px; */
  padding: 5px 14px 10px 14px;
  margin: 0;
  background-color: #f7f7f7;
  border-top: 1px solid #ebebeb;
  /* border-radius: 5px 5px 0 0; */
  /* float: right; */
  /* width: 100%; */
  /* background: red; */
  text-align: right;
}
/* .popover-footer button {float: right; position: relative; display: inline;} */
.popover-close {
  position: absolute;
  right: 10px;
  top: 2px;
}

.popover.pop_w600{max-width: 600px !important; width: 600px !important;}
.popover.scrolable .popover-content {overflow-y: auto !important;}
/* .popover.popover.pop_w600 .popover-content{padding: 0 !important;} */

.popover.pop_image {max-width: 810px !important; width: auto !important; height: auto !important; background: #f7f7f7;
  top: 5% !important;
  left: 20% !important;
  right: 20% !important;
  /* bottom: 10% !important; */
  /* margin-top: 10px !important; */
  /* width: 300px !important; */
  position: fixed !important;
}
.popover.pop_image .popover-content {padding: 0 !important; text-align: center;
  /* width:800px !important; */
}
/* .popover.pop_image img {vertical-align: middle;} */
.popover.pop_image .btn-group {margin: 10px; }
/* .container{text-align: center; background: blue;} */
.popover.pop_image .popover-content img{width: 800px;}

.popover.pop_filter {max-width: 810px !important; width: auto !important;}

.popover.pop_pass_input {max-width: 650px !important; width: auto !important; height: auto !important; background: #f7f7f7;
  top: 15% !important;
  left: 25% !important;
  right: 20% !important;
  border: 1px solid #ff0000;
  position: fixed !important;
}


.popover.pop_maintenance {max-width: 810px !important; width: auto !important; height: auto !important; background: #f7f7f7;
  top: 15% !important;
  left: 20% !important;
  right: 20% !important;
  border: 1px solid #ff0000;
  position: fixed !important;
}
/* .popover.pop_maintenance select {z-index: 9999 !important;} */
/* .popover.pop_maintenance input {z-index: 9999 !important;} */
.maintenance_empty {text-align: center; color: #8b8b8b;}
.maintenance_empty.has_pad {padding: 20px;}
.maintenance_empty i {font-size: 30px;}
.maintenance_empty b {display: block; font-size: 16px; margin-top: 7px;}

.popover.pop_canal {max-width: 810px !important; width: auto !important; height: 100% !important; background: #f7f7f7;
  top: 15px !important;
  left: 20% !important;
  right: 20% !important;
  border: 1px solid #ff0000;
  position: fixed !important;
  overflow-y: auto;
}
/* .modal{overflow-y: auto !important;} */
/* .popover.pop_canal .popover-content {overflow-y: auto;} */


.popover.pop_img_tag_view {max-width: 680px !important; width: auto !important; height: auto !important;}
.popover.pop_img_tag_view .popover-content {overflow-y: auto !important; max-height: 500px;}
/* .pop_scroll {max-height: 330px;} */
/* .popover.pop_img_tag_view .popover-content {padding: 0 !important; text-align: center;} */
/* .popover.pop_img_tag_view .btn-group {margin: 10px; } */
/* .popover.pop_img_tag_view .popover-content img{width: 800px;} */

.swl_image_big .img_big_swal img {max-width: 770px;}
.swl_image_big { overflow-x: hidden; text-align: left; }
.swl_image_big .t_alert,
.swl_image_big .s_tag_div { font-size: 14px; }
/* .swl_image_big .s_tag_div .s_desc { display: block; margin-top: 5px; } */
.swl_image_big .s_tag_div > span:not(:first-child) { display: block; margin-top: 5px; }
.swl_image_big .t_alert{background: #6dcce4 !important; border-color: #3abcdd; color: black !important;}
.swl_img_empty{text-align: center !important; width: 100%; padding: 5px;}
.swl_img_empty > i {font-size: 60px;}
.swl_img_empty > b {display: block; font-size: 16px; margin-top: 5px;}
.swal2-close:focus { box-shadow: none !important; }

.swl_left {text-align: left; font-size: 13px;}


.navbar-custom-menu .navbar-nav > li > .nl_sel {
  /* position: absolute; */
  top: 9px;
  right: 7px;
  /* text-align: center; */
  /* font-size: 9px; */
  padding: 2px 3px;
  line-height: .9;
}

.bx_maintenance_add .todo-list {padding-bottom: 10px;}
.bx_maintenance_add .todo-list .text{color: #005384;}
.bx_maintenance_add .todo-list li{position: relative;}

.bx_maintenance_add .todo-list li{border-radius: 20px; border: 1px solid #8b8b8b;}
.bx_maintenance_add .todo-list li:not(:first-child){margin-top: 7px;}
/* .bx_maintenance_add .todo-list li:last-child{ background: red;} */

.bx_maintenance_add .todo-list .mnt_item{margin-left: 10px; display: inline-block;}
/* .bx_maintenance_add .todo-list .handle{margin: 0; padding: 0; float: left; font-size: 20px; } */
  .bx_maintenance_add .todo-list .handle{margin: 0; padding: 0; font-size: 20px; float: left;}

.bx_maintenance_add .todo-list .mnt_s_tit{display: block; margin-left: 5px; font-size: 12px; color: #818181; margin-top: 2px;}
.bx_maintenance_add .todo-list .mnt_loc{margin-left: 5px; font-size: 16px; color: #818181;}
/* .bx_maintenance_add .todo-list .timeline-header{font-size: 12px;} */
/* .bx_maintenance_add .todo-listXXX{padding: 0 !important; margin: 0 !important;} */
.bx_maintenance_add .todo-list li h4{padding: 0 !important; margin: 0 !important;}
.bx_maintenance_add .todo-list li> div{position: relative;}
/* .bx_maintenance_add .todo-list li .tools{display: inline-block; position: absolute; top: 15px; right: 15px;} */
.bx_maintenance_add .todo-list li .tools{display: inline-block; position: absolute; top: 50%; right: 15px; margin-top: -11px;}
/* .box_collapsed_overlay, */
.bx_maintenance_add .todo-list li .mnt_item_overlay{position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  /* background: #00a7d0; */
}
.bx_maintenance_add .todo-list li .mnt_item_overlay > .fa{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -10px;
  color: #000;
  font-size: 20px;
}
/* .box_collapsed_overlay > div, */
.bx_maintenance_add .todo-list li .mnt_item_overlay > div{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -60px;
  margin-top: -15px;
  color: #000;
  font-size: 18px;
}
/* .box_collapsed_overlay > div span, */
.bx_maintenance_add .todo-list li .mnt_item_overlay > div span{font-size: 14px; color: #761c19; margin-left: 5px; font-weight: 600;}
/* .box_collapsed_overlay .mnt_ov_fail, */
.bx_maintenance_add .todo-list li .mnt_item_overlay .mnt_ov_fail{margin-left: -120px;}
/* .bx_maintenance_add .todo-list li{padding: 5px; margin: 0;} */
/* .bx_maintenance_add .todo-listXXX .timeline-item{background: red; margin: 0 !important; padding: 0 !important;} */
/* .bx_maintenance_add .box-footer {padding: 0;} */

/* .bx_cf_added.collapsed-box > .box-body{height: 100px; background: red;} */
/* .bx_cf_main,
.bx_cf_main > .box-body,
.bx_cf_added,
.bx_cf_added > .box-body{height: 100px !important; background: red;} */
/* .bx_cf_main .box {position: relative !important; background: blue;} */
/* .bx_cf_main, */
/* .fx_height > .box-body {max-height: 150px !important; overflow: hidden;} */
.fx_height > .box-body {max-height: 100px !important; overflow: hidden; position: relative !important;}
.fx_height > .box-footer {display: none !important;}
/* .fx_height > .box-body {z-index: 50 !important; background: rgba(255, 255, 255, 0.7) !important;} */
/* .box > .box-body.fx_height {max-height: 100px !important; overflow: hidden;} */

.overlay.ov_see_det > .btn{position: absolute;
  bottom: 20%;
  left: 44%;
  margin-left: -15px;
  margin-top: -15px;}

.box_collapsed_overlay { text-align: center; padding: 10px; background: #7a0101; color: #ffffff;}
.box_collapsed_overlay > div span{ font-size: 14px; margin-left: 5px; font-weight: 600;}
.box_collapsed_overlay .fa{ font-size: 20px;}
.box-header .box_collapsed_overlay { margin-top: 15px;}
.box-header.col_ov_hd {padding-bottom: 0;}
.box_col_overlay {border-radius: 0 50px 0 50px;}
.box_col_overlay .box-header {border-radius: 0 50px 0 0 !important;}
.box_collapsed_overlay {border-radius: 0 0 0 50px !important;}

.sml_elp {max-width: 200px; overflow: hidden;
  clear: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  position: relative;
  display: inline-block;
}
.prg_w_100 {width: 100px !important;
  position: relative;
  display: inline-block;
}

.login-box {width: 700px;}
.login-box.login-box_bg {padding-bottom: 40px;}
/* .login-box {width: 700px;} */
.login-box-body{width: 360px !important; margin: auto;}
.login-box_bg .login-box-body{width: 560px !important; margin: auto; background: #e4e2e2; }
/* .login-logo a{font-size: 28px;} */
.login-logo span{display: block; font-size: 35px;}
.login-box .btn_hld{text-align: right;}

.login-box.lb2 {margin-top: 10px !important; margin-bottom: 20px !important;}
.login-box.lb2 .login-logo{margin: 5px !important;}
.login-box.lb2 .login-box-body{padding-top: 10px !important;
  border-radius: 30px;
  /* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); */
  box-shadow: 0 2px 4px rgba(0,0,0,0.4);
}
.login-box.lb2 .login-box-msg{padding-bottom: 10px !important;}

.map{width: auto; height: 450px;}
.map_fill{width: auto; height: 700px;}
.p_sts a {width: 60px;}
.dataTables_paginate > ul > li > a,
.dataTables_paginate > ul > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.dataTables_paginate > ul {float: right !important; margin: 0;}
.dataTables_paginate > ul > li:first-child > a,
.dataTables_paginate > ul > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.dataTables_paginate > ul > li:last-child > a,
.dataTables_paginate > ul > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.dataTables_info {padding-top: 3px !important;;}
.dataTables_length {padding:0 !important;}


.h_img_ad .h_wh_vw{display: none;}
.ig_margin .input-group{margin-top: 7px;}
.mailbox-attachment-info .mailbox-attachment-name {
  float: left;
  width: 180px;
  overflow: hidden;
  clear: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bx_form_edit {border: 1px solid #bbb !important;}
.bx_form_edit .box-header {background-color: #efefef; padding-top: 8px; padding-bottom: 7px; border-bottom: 1px solid #ddd !important;}
.bx_form_edit .box-body { background-color: #f4f4f4 !important;}
.mb10,
.bx_form_edit.mb10 {margin-bottom: 10px;}
/* .bx_form_edit:last-child { margin-bottom: 0 !important;} */
.bx_canal_item_in {border: 1px solid #ddd !important; box-shadow: none !important;}
/* .bx_canal_item_in .box-header {background-color: #efefef; padding-top: 8px; padding-bottom: 7px; border-bottom: 1px solid #eeeeee !important;} */
.bx_canal_item_in .box-header {padding-top: 7px; padding-bottom: 6px; color: #01163b;}
/* .bx_canal_item_in .box-body { background-color: #f4f4f4 !important;} */
.bx_canal_item_in.mb10 {margin-bottom: 10px;}

.p_list2 { margin-top: 20px; color: rgb(78, 78, 78); }
.p_list2 b { color: rgb(95, 94, 94); }
.p_list2 .ptXX { padding: 0; margin-bottom: 3px; font-weight: bold; }
.p_list2 .plXX { margin-left: 15px; }
.p_list2 .pli { margin-right: 15px; display: inline-block; min-width: 150px; }
.p_list2_in {
  border-radius: 3px;
  border: 1px solid #bbb !important;
  background-color: #f4f4f4;
  margin-bottom: 20px;
  padding: 10px 10px 5px 10px;
}
.p_list2_in .pt {margin-top: 0;}
.p_list2_in .form-group{margin-bottom: 8px;}
.p_list2_in .it3,
.p_list2_in .it4,
.p_list2_in .it5,
.p_list2_in .it6,
.p_list2_in .it7,
.p_list2_in .it8,
.p_list2_in .it9,
.p_list2_in .it10,
.p_list2_in .it11,
.p_list2_in .it12,
.p_list2_in .it13,
.p_list2_in .it14,
.p_list2_in .it15 { margin-top: 1px; }

.swl_main .p_list2_in .form-group .control-label{text-align: start !important; width: 100%; font-size: 14px;}
.swl_main {overflow-x: hidden !important; text-align: left !important;}
.swl_main .help-block {font-size: 14px;}
.my_swal_html{text-align: left !important;}

.swl_export_opt{font-size: 16px;}
.swl_export_opt span{padding-left: 10px;}
.map_expt .ext_itm{margin-bottom: 15px !important;}
.map_expt .ext_itm .ext_ttl{font-size: 20px; font-weight: 700; padding-left: 0 !important;}
.map_expt .ext_itm .form-group{margin-left: 20px !important; margin-bottom: 10px !important;}

.pre_swl_code{height: 300px !important;}
/* .pre_swl_code .bt_holder{position: absolute; bottom: 0; right: 0;} */

.my_swal_action{
  /* background: blue !important;  */
  width: 100% !important;
  display: flex !important; 
  /* flex-direction: row !important; */
  /* justify-content: space-between !important; */
  padding-left: 15px !important; padding-right: 15px !important;
}
/* .my_swal_action .btn-success{display: flex !important; flex-direction: column !important;} */
/* .my_swal_action .btn-success{display: flex !important; flex: 1 !important; justify-content: flex-end !important;} */
/* .my_swal_action .btn-success{margin-right: auto !important;} */
.my_swal_action .sw_can_btn{margin-right: auto !important;}

.my_swal_image{text-align: left !important;}
.my_swal_validation{font-size: 14px !important; color: #000000 !important; background: #ffadad !important;
  margin-left: 15px !important; margin-right: 15px !important; border-radius: 10px;
}
.sw_set_dt_btn{position: absolute; left: 0; top: 0; }
.disabled button{opacity: 0.65; filter: alpha(opacity=65); cursor: not-allowed; pointer-events: none;}

.swal_reset {all: unset; font-size: 14px; text-align: left;}

.text_left{text-align: left !important;}
/* .tooltip{text-align: left !important; color: red !important;} */

.p_list { list-style: none; }
.p_list > .item { padding: 5px 0; }
.p_list .product-info { margin-left: 0; }
.p_list .product-title { display: block; }
.p_list .it1, .p_list .it2 {padding-top: 2px;}
.p_list .product-description {
  display: inline;
  color: #555;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-left: 1px;
}

.overlay-alert {
  position: absolute; top: 0; right: 0; z-index:50; margin-top:5px; margin-right:5px !important;
}
.overlay-alert-bottom {
  position: absolute; bottom: 0; right: 0; z-index:50; margin-bottom:5px; margin-right:5px !important;
}

.row_edt{
  width: 100% !important;
  float: left;
  margin-top: 5px;
  margin-bottom: 5px;
}
.row_edtX button{
  position: absolute;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.not_on_mobile{display: none !important;}
	.main-sidebar {padding-top: 50px;}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {}

.h_400{height: 400px;}
.h_100p{height: 100%;}

.wo50{width: 130px !important; }
.img50{width: 130px !important; max-height: 100px !important;}
.w50{width: 130px !important; max-height: 100px !important;}
/* .w50{width: 50px !important; height: 50px !important; max-height: 50px !important;} */

.m_poi_img_ul li{width: 130px !important; }

.w150{width: 150px !important;}
.w200{width: 200px !important;}
.w700{width: 700px !important;}
.h700{height: 700px !important;}

.p5{padding: 5px !important;} .p10{padding: 10px !important;} .p15{padding: 15px !important;}

.npl{padding-left: 0 !important;}
.npr{padding-right: 0 !important;}
.npt{padding-top: 0 !important;}
.npb{padding-bottom: 0 !important;}

.pt5{padding-top: 5px !important;}
.pt10{padding-top: 10px !important;}
.pt15{padding-top: 15px !important;}

.pb5{padding-bottom: 5px !important;}
.pb10{padding-bottom: 10px !important;}
.pb15{padding-bottom: 15px !important;}

.mt5{margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt15{margin-top: 15px !important;}
.mt20{margin-top: 20px !important;}

.mb5{margin-bottom: 5px !important;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px !important;}

.mr5{margin-right: 5px !important;}
.mr10{margin-right: 10px !important;}
.mr15{margin-right: 15px !important;}

.ml5{margin-left: 5px !important;}
.ml10{margin-left: 10px !important;}
.ml15{margin-left: 15px !important;}

.no_vert_pad{padding-top:0 !important; padding-bottom: 0 !important;}
.p_15{padding:15px !important;}
.p_bot_10{padding-bottom:10px !important;}
.p_top_5{padding-top:5px !important;}
.m_top_5{margin-top:5px;}
.m_top_10{margin-top:10px !important;}
.mt15, .m_top_15{margin-top:15px !important;}
.m_bot_10{margin-bottom:10px;}
.m_bot_15{margin-bottom:15px !important;}
.m_r_5{margin-right:5px;}
.m_r_10{margin-right:10px;}
.m_r_15{margin-right:15px;}
.m_r_20{margin-right:20px;}
.m_l_5{margin-left:5px;}
.m_l_10{margin-left:10px;}
.m_l_15{margin-left:15px;}
.m_l_20{margin-left:20px;}
.m_l_25{margin-left:25px;}
.m_b_5{margin-bottom:5px !important;}
.m_ver_10{margin-top:10px; margin-bottom:10px;}
.m_ver_15{margin-top:15px !important; margin-bottom:15px !important;}
.modal_gray {background-color: #ecf0f5 !important;}
.align-right{text-align:right}
.align-left{text-align:left}
.no-padding_r{padding-right:0 !important;}
.no-padding_l{padding-left:0 !important;}
.no-padding_t{padding-top:0 !important;}
.no-padding_b{padding-bottom:0 !important;}
.w_100{width:100px !important;}
.w_100_p{width:100% !important;}
.h_100{height:100px !important;}
.h_150{height:150px !important;}
.h_200{height:200px !important;}
.h_250{height:250px !important;}
.h_m_250{min-height:250px !important;}
.h_300{height:300px !important;}
.img_100{width:100px; height:100px;}
.img_prg{content:''; background-image: url(/img/default-50x50.gif)}
.mw_100{max-width:100px !important;}

/* .swl_pdf_vw{width: 100%; height: 550px;} */
.swl_pdf_vw{width: 100%; height: 85vh;}
.swl_hight_85{height: 85vh;}
.swl_hight_80{height: 80vh;}

.mc_dt_msg .dataTables_info{height: 30px !important; float: left; vertical-align: middle !important; padding-top: 7px !important; margin-right: 10px; display: inline;}
.box-footer .mc_dt_msg .dataTables_length{float: left;}
.mc_dt_msg .dataTables_paginate{display: inline;}
/* .mc_dt_msg .dataTables_paginate .paginate_button a{background-color: #f4f4f4 !important; color: #444 !important; border-color: #ddd !important;} */
.p_msg {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 400px;}
/* .modal-header .mod_hd_btn{position: absolute; right: 50px; top: 0; background: red;} */
.modal-header .mod_hd_btn{float: right; margin-top: -4px; margin-right: 10px;}

/* .select2-search--inline{display: contents;} */
/* .select2-search__field:placeholder-shown{width: 100% !important;} */
/* .select2-search__field:placeholder-shown{width: 100% !important; background: red !important;} */
.s2_ph_fix .select2-search__field:placeholder-shown{margin-left: 10px;}

/* ATTACHMENT IMAGE LOADING */
.mailbox-attachments li {position: relative;}
.mailbox-attachments li.front .mailbox-attachment-info {background: #3c8dbc;}
.mailbox-attachment-progress {
  position: absolute; width:100%; height:100%; top:0; left:0; z-index:50; background:rgba(255, 255, 255, 0.4);
}
.mailbox-attachment-progress .fa {
  position: absolute; top: 30%; left: 45%;
}
.mailbox-attachment-progress a {
  position: absolute; top: 30%; left: 25%; font-weight: bold;
}
/* ERROR */
.mailbox-attachment-icon {position: relative !important;}
/* .mailbox-attachment-buttonX {position: absolute; top:3px; right:3px; z-index:50; background: red; height: 30px; margin: 0 !important; padding: 0 !important;} */
/* .mailbox-attachment-buttonX button {float: left;} */
.mailbox-attachment-button {position: absolute; bottom:5px; right:4px; z-index:50; display: none;}
.mailbox-attachment-button label {float: right; border-radius: 13px;}
.mailbox-attachment-button button {float: right; border-radius: 13px;}
.mailbox-attachment-icon:hover .mailbox-attachment-button {display: inline-block !important;}
/* li:hover .mailbox-attachment-button {display: inline-block !important;} */
/* .mailbox-attachment-icon:hover .mailbox-attachment-button {display: inline-block !important;} */
/* .mailbox-attachment-icon:hover{display: none !important;} */
/* ============================== */

/* Modal custom */
/*.modal-xl {width: 1140px;}
.modal-lg {width: 800px;}
.modal-md {width: 500px;}
.modal-sm {width: 300px;}
.modal-75 {width: 75%;}*/
.modal-md {width: 700px;}

@media screen and (min-width: 768px) {
  .modal-progress-dialog {
    width: 400px;
    margin: 30px auto;
  }
  .modal-lg {width: 900px;}
}
/* ========================== */

.box.with-border-w {
  border: 1px solid #dddddd;
}

.popover p,
.tooltip-inner p{text-align:left; margin:0;}

/* .img_prf_left{width:45px !important; height:45px !important;} */
.user-panel > .image > img {
  width: 100%;
  max-width: 45px;
  height: auto;
}

.star_indicator{width:100px; height:20px;}
.rating-xxs {font-size: 1em;}
.rating-xms {font-size: 1.5em;}
.rating_lbl {font-size: 10px;}
.rating_block {display:block !important; width: 20px;}

textarea.ed_in_sm{overflow: hidden; height:60px;}
textarea.ed_ta_md{overflow: hidden; height:150px !important; width: 100% !important; font-size: 14px !important;}
/* .x_exit_input{min-width: 300px !important;} */
.editable-container:has(.x_exit_input) {min-width: 300px !important;}

/* .sel_sc{float:left; display: inline-block !important; background: red; width:170px; margin-left: 20px;} */
.td_top_option .add_cat,
.sel_sc{float:left;} /* width:170px; margin-left: 20px; */
.td_top_option .tp_filter{text-align: right;}
.td_top_option{padding-bottom: 10px; display:block;}
.td_top_option .add_cat a{margin-left: 20px !important;}
/* .sel_toolbar_{margin-left: 20px !important;}
.sel_t_cat{margin-left: 20px !important;} */
/* .sel_sc select +  .select2-container .select2-selection--single {margin-left: 20px !important; background: red !important;} */
.sel_sc .sel2 +  .select2-container {margin-left: 20px !important;}
.sel_sc a,
.sel_sc .input-group {margin-left: 20px !important;}
/* .sel_t_cat +  .select2-container .select2-selection--single {margin-left: 20px !important; background: red !important;} */
/* .box-footer .dataTables_paginate{background: red; float:right;} */
.box-footer .dataTables_length{float:right; padding-top: 5px;}
.box-header .dataTables_length{float:left; display:inline-block; background:none;}
.box-body .dataTables_length{float:left; display:inline-block; background:none;}
.box-footer .dataTables_info{float:left;}

.new_shipping_box .tab_btn_holder{margin-bottom: 5px; display:block; position:relative;}
/* .new_shipping_box .tab_btn_holder .tbh_inner{float:left;} */
.new_shipping_box .tab_btn_holder .input-group{float:left; width:200px; margin-right: 20px;}
/* .new_shipping_box .tab_btn_holder .sel2 +  .select2-container {margin-left: 20px !important;} */

/*
	Progress Notification and Error Notification
*/
.notification_box .supplier ul{display: none;}

.ntf_error,
.ntf_prog {height: 100px; text-align: center; padding: 30px;}
.ntf_prog_bot {text-align: center; padding-top: 10px; color:#00c0ef;}
.ntf_prog_bot p ,
.ntf_error p {font-weight: bold; color:#999; margin-top:2px;}
.ntf_error.err {color:#dd4b39;}
.ntf_error.emp {color:#00c0ef;}

.notf_icon{width: 30px !important; height: 30px !important; float: left;}


/*
	Image Upload 1
*/
.ul_file_holder{display: inline;}
.btn-file {
	display: inline-block;
  border-radius: 3px;
  position: relative;
  width: 80px;
  height: 60px;
  text-align: center;
  color: #666;
  border: 1px dashed #ddd !important;
  background-color: #f4f4f4;
  font-size: 12px;
  cursor: pointer;
}
/* .group_file{display: inline-block;} */
.group_file .input_file{display:none;}
.group_file .file_up_im {position: relative; padding:0 !important; margin-bottom:5px; margin-right:5px !important;}
.group_file.mr_20 .file_up_im {margin-bottom:20px; margin-right:20px !important;}
.group_file .file_up_im  img, .group_file .btn-file{width:100px; height:100px; border-radius: 5px;}
.group_file .btn-file span{position:absolute; top:50%; left:50%; margin-top: -20px; margin-left: -10px;}
.group_file .btn-file span strong{display:block;}
.group_file.gf_100 .file_up_im  img, .group_file.gf_100 .btn-file{width:100px; height:100px;}
.group_file.gf_100 .file_up_im  textarea{width:100px;}
.group_file.gf_100 .file_up_im .desc_holder{width:100px !important;}
.group_file.gf_150 .file_up_im  img, .group_file.gf_150 .btn-file{width:150px; height:150px;}
.group_file.gf_150 .file_up_im  textarea{width:150px;}
.group_file.gf_circle .file_up_im  img, .group_file.gf_circle .btn-file{border-radius: 50%;}
.group_file.h_bor .file_up_im  img{border: 3px solid #ddd;}
.group_file .file_up_im > .canc {position: absolute; top: 0; right: 0; font-size: 10px; font-weight: 400;}
.group_file .file_up_im > .can_div {position: absolute; width:100%; height:100%; top:0; left:0; z-index:50; background:rgba(255, 255, 255, 0.4); opacity:0;}
.group_file .file_up_im > .can_div .btn {position: absolute; top: 50%; left: 50%; margin-left: -15px; margin-top: -15px; border-radius:50%; width:30px; height:30px;}
.group_file .file_up_im > .can_div:hover{opacity:1;}
.group_file .file_up_im > .prog_div {position: absolute; width:100%; height:100%; top:0; left:0; z-index:50; background:rgba(255, 255, 255, 0.7);}
.group_file .file_up_im > .prog_div i {position: absolute; top: 50%; left: 50%; margin-left: -15px; margin-top: -15px; font-size:25px;}


/*Progress*/
.group_file .file_up_im .progress {position: absolute; top: 0; left: 0; z-index: 50; background: rgba(255, 255, 255, 0.7); width: 100%; height: 100%;}
.group_file .file_up_im .progress> .fa {position: absolute; top: 50%; left: 50%; margin-left: -10px; margin-top: -10px; color: #000; font-size: 25px;}
.group_file .file_up_im .progress> .p_error {position: absolute; top: 50%; left: 50%; margin-left: -30px; margin-top: -30px; text-align:center;}
.group_file .file_up_im .progress> .p_error button {display:block;}
.group_file .file_up_im .progress> .p_error i {color: #000; font-size: 30px;}

/* Edit */
.ul_file_holder li{vertical-align:top;}
.group_file .file_up_im_edt .img_holder {position: relative;}
.group_file .file_up_im_edt {position: relative; padding:0; margin:0 15px 15px 0; border: 1px solid #d2d6de; border-radius:6px;}
.group_file .file_up_im_edt.no_mar {margin:0;}
.group_file .file_up_im_edt.has-error {border: 1px solid red;}
.group_file .file_up_im_edt  .img_holder img{border-radius:6px;}
.group_file .file_up_im_edt .desc_holder{border-top: 1px solid #d2d6de; padding: 5px; background: #d2d6de;}
.group_file .file_up_im_edt .progress_holder,
.group_file .file_up_im_edt .img_holder > .btn_holder {position: absolute; width:100%; height:100%; top:0; left:0; z-index:50; background:rgba(255, 255, 255, 0.4);}
.group_file .file_up_im_edt .img_holder > .btn_holder {opacity:0;}
.group_file .file_up_im_edt .img_holder > .btn_holder ul,
.group_file .file_up_im_edt .progress_holder .fa,
.group_file .file_up_im_edt .img_holder > .btn_holder .b_ed {position: absolute; top: 50%; left: 50%;}
.group_file .file_up_im_edt .img_holder > .btn_holder .b_ed {margin-left: -15px; margin-top: -15px; border-radius:50%; width:30px; height:30px;}
.group_file .file_up_im_edt .progress_holder .fa {margin-left: -15px; margin-top: -15px;}
.group_file .file_up_im_edt .img_holder > .btn_holder ul label {margin: 0;}
.group_file .file_up_im_edt .img_holder > .btn_holder span.b_ed,
.group_file .file_up_im_edt .img_holder > .btn_holder ul span.btn {padding: 5px;}
.group_file .file_up_im_edt .img_holder > .btn_holder ul {margin: -45px 0 0 -15px; }
.group_file .file_up_im_edt .img_holder > .btn_holder ul .btn {margin-bottom: 5px; border-radius:50%; width:30px; height:30px;}
.group_file .file_up_im_edt .img_holder > .btn_holder:hover{opacity:1;}
.group_file .file_up_im_edt.front .img_holder > .btn_holder .bt_frnt{display:none;}
.group_file .file_up_im_edt .desc_holder.n_p{padding:0;}
.group_file .file_up_im_edt .img_holder img {border-bottom-left-radius:0; border-bottom-right-radius:0;}
.group_file .file_up_im_edt .desc_holder textarea,
.group_file .file_up_im_edt .desc_holder {border-bottom-left-radius:6px; border-bottom-right-radius:6px;}
.group_file .file_up_im_edt .desc_holder textarea{width:100%; border:none; font-size: 12px; display:block; padding: 5px; overflow: hidden; height: 60px;}
.group_file .file_up_im_edt.front {border: 2px solid #f39c12;}
.group_file.gf_100 .file_up_im_edt  .img_holder img,.group_file.gf_100 .btn-file{width:100px; height:100px;}
.group_file.gf_100 .file_up_im_edt .desc_holder{width:100px;}
.group_file.gf_130 .file_up_im_edt  .img_holder img,.group_file.gf_130 .btn-file{width:110px; height:110px;}
.group_file.gf_130 .file_up_im_edt .desc_holder{width:110px;}
.group_file.gf_150 .file_up_im_edt  .img_holder img,.group_file.gf_150 .btn-file{width:150px; height:150px;}
.group_file.gf_150 .file_up_im_edt .desc_holder{width:150px;}
.group_file.gf_circle .file_up_im_edt .img_holder img{border-radius: 50%;}
.group_file.gf_circle .file_up_im_edt .img_holder .gf_img_bordered{border: 1px dashed #ddd;}
.group_file.gf_single .file_up_im_edt  {display: inline-block;}

.tr_prog{position: relative !important;}
.tr_prog.tr_top td{padding-top: 15px !important; padding-bottom: 15px !important;}
.overlay_tr{position: absolute; height:1.7em; left:1.1em; right:1.3em; z-index:50; background:rgba(255, 255, 255, 0.8); text-align:center;}
.overlay_tr .fa{margin-right: 5px; font-size: 14px;}

.overlay_tr2{position: absolute; height:3em; left:0; right:0; z-index:50; background:rgba(255, 255, 255, 0.8); text-align:center;}
.overlay_tr2 .fa{margin-right: 5px; font-size: 16px; margin-top: 10px; }


/*
	Image Upload 2
*/
.image_holder-bg .btn-app-f,
.image_holder .btn-app-f {
  padding: 10px 5px !important;
  margin: 0 !important;
  border: 1px dashed #ddd !important;
  min-width: 50px !important;
  height: 50px !important;
}
.image_holder-bg .btn-app-f {padding: 15px 5px !important; min-width: 65px !important; height: 65px !important;}
.image_holder-img .file_up_im,
.image_holder-bg .file_up_im,
.image_holder .file_up_im {position: relative; padding:0 !important; margin-bottom:5px; margin-right:5px !important;}
.image_holder .file_up_im  img{width:45px; height:45px;}
.image_holder-bg .file_up_im  img{width:60px; height:60px;}
.image_holder-img .file_up_im> .canc,
.image_holder-bg .file_up_im > .canc,
.image_holder .file_up_im > .canc {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 10px;
  font-weight: 400;
}
.image_holder-img .btn-app-f,
.image_holder-img .file_up_im  img {min-width: 100px !important; height: 100px !important; border: 3px solid #d2d6de; border-radius:50%;}
.image_holder-img .btn-app-f {padding: 30px 5px !important; margin: 0 !important;}
.image_holder-img .btn-app-f:active,
.image_holder-img .btn-app-f:focus {outline: 0 !important;}
.image_holder-img .file_up_im  img{padding:3px;}
/* .image_holder-img{position:relative;} */
/* .image_holder-img > .progress, */
.image_holder-img .file_up_im .progress,
.image_holder-bg .file_up_im .progress,
.image_holder .file_up_im .progress {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  background: rgba(255, 255, 255, 0.7);
  width: 100%;
  height: 100%;
}
.image_holder-img .file_up_im .progress> .fa,
.image_holder-bg .file_up_im .progress> .fa,
.image_holder .file_up_im .progress> .fa {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  color: #000;
  font-size: 25px;
}
.image_holder-img .file_up_im .progress> .p_error{margin-top:30px; text-align:center;}
.image_holder-bg .file_up_im .progress> .p_error{margin-top:5px; text-align:center;}
.image_holder .file_up_im .progress> .p_error {margin-top:10px; text-align:center;}

.image_holder-img .file_up_im .progress> .p_error span,
.image_holder-bg .file_up_im .progress> .p_error span,
.image_holder .file_up_im .progress> .p_error span{display:block; margin-bottom:2px; font-weight:bold; color:#dd4b39;}
.image_holder-img .file_up_im .progress> .p_error .im_ref,
.image_holder-bg .file_up_im .progress> .p_error .im_ref,
.image_holder .file_up_im .progress> .p_error .im_ref{margin-right:10px; color:#fff; font-size: 12px;}
.image_holder-img .file_up_im .progress> .p_error .im_can,
.image_holder-bg .file_up_im .progress> .p_error .im_can,
.image_holder .file_up_im .progress> .p_error .im_can{color:#fff; font-size: 12px;}

.image_holder-img .file_up_im .progress> .p_error button,
.image_holder-bg .file_up_im .progress> .p_error button,
.image_holder .file_up_im .progress> .p_error button{border-radius:50%;}

/*
	POST
*/
.btn-app-img {
	border-radius: 3px;
  position: relative;
  /* padding: 15px 5px; */
  margin: 0 0 0 0;
  /* min-width: 80px;
  height: 60px; */
  color: #666;
  border: 1px solid #ddd;
  background-color: #f4f4f4;
  font-size: 12px;
}

/*
	Custom Input Group
*/
.input-group-field {
    display: table-cell;
    vertical-align: middle;
    border-radius:4px;
    min-width:1%;
    white-space: nowrap;
}
.input-group-field .form-control {
    border-radius: inherit !important;
}
.input-group-field:not(:first-child):not(:last-child) {
    border-radius:0;
}
.input-group-field:not(:first-child):not(:last-child) .form-control {
    border-left-width: 0;
    border-right-width: 0 !important;
}
.input-group-field:last-child {
    border-top-left-radius:0;
    border-bottom-left-radius:0;
}
.input-group-field.ala .form-control {border-left-width: 1px !important;}

/*
	Select2 Custom Style
*/
#selSpcifTitleId +  .select2-container .select2-selection--single {
    height: 30px !important;
    font-size: 12px !important;
	border-right-width: 0 !important;
	/* padding-top: 4px !important; */
	/* padding-bottom: 4px !important;
	overflow-x:hidden !important; */
}
#selSpcifTitleId +  .select2-container--default .select2-selection--single .select2-selection__arrow {height: 22px !important;}
#selSpcifTitleId +  .select2-container .select2-selection--single .select2-selection__rendered {line-height: 24px !important; overflow-x:hidden !important; max-width:100px !important;} /* background: red !important; */
/* #selSpcifTitleId +  .select2-container--open .select2-dropdown {line-height: 32px !important; font-size: 12px !important; background: red !important;} */
/* .bigdrop .select2-selection {height: 30px !important;} */
.has-error  .select2-container .select2-selection--single {border-color: rgb(185, 74, 72) !important;}
/* Small */
.sel2_sm  .select2-container .select2-selection--single {height: 30px !important; font-size: 12px !important;}
.sel2_sm  .select2-container--default .select2-selection--single .select2-selection__arrow {height: 22px !important;}
.sel2_sm  .select2-container .select2-selection--single .select2-selection__rendered {line-height: 24px !important; overflow-x:hidden !important;}
.font_10{font-size: 10px !important;}
.font_11{font-size: 11px !important;}
.font_12{font-size: 12px !important;}
.font_13{font-size: 13px !important;}
.font_14{font-size: 14px !important;}
.font_16{font-size: 16px !important;}
.font_18{font-size: 18px !important;}
.lh_18{line-height: 18px !important;}

.bx_btn_holder{padding-left: 10px !important; padding-right: 10px !important; padding-top: 10px !important;}

.sel_sc .select2-sm +  .select2-container .select2-selection--single{height: 30px !important;}
.sel_sc .select2-sm +  .select2-container--default .select2-selection--single .select2-selection__arrow b {margin-top: -3px;}
.sel_sc .select2-sm +  .select2-container .select2-selection--single .select2-selection__rendered {line-height: 24px; overflow-x:hidden !important; font-size: 12px;}

.td_top_option .select2-md +  .select2-container .select2-selection--single{height: 32px !important;}
.td_top_option .select2-md +  .select2-container--default .select2-selection--single .select2-selection__arrow b {margin-top: -2px;}
.td_top_option .select2-md +  .select2-container .select2-selection--single .select2-selection__rendered {line-height: 25px; overflow-x:hidden; font-size: 13px;}

/*
	Product Box Items
*/
.supplier_box .Active,
.user_box .Active,
.order_box .Delivered,
.product_box .Active {background-color: #00a65a !important;}
.supplier_box .Pending,
.order_box .Pending,
.product_box .Pending {background-color: #f39c12 !important;}
.supplier_box .Blocked,
.user_box .Blocked,
.order_box .Canceled,
.product_box .Block {background-color: #dd4b39 !important;}
.order_box .Processed {background-color: #3c8dbc !important;}

.product_boxZZ .true {font-weight: bold; background: url('../img/new_star_31_48.png') left center no-repeat;}

/*
	Edit Button
*/
.btn-toolbar .t_bg_edt_r {padding-left: 0 !important; margin-left: 0 !important;}
.btn-toolbar .t_bg_edt_r button{margin-left: 0 !important;}
button.tbl_edt_bt,
.bt_add,
.bt_edit,
.bt_del{color:#dd4b39; /* font-size:16px; */ width:23px; height:23px;}
.bt_add,
.bt_edit{color:#005384;}
.bt_del{color:#dd4b39;}
button.tbl_edt_bt,
button.bt_add,
button.bt_edit,
button.bt_del{background-image: none; border: none; background:transparent; /* padding:0; */}
button.bt_add,
button.bt_edit{margin-right:3px;}
button.bt_del:focus {color: #fff; background-color: #c9302c; border-color: #761c19; border-radius:50%; outline: 0;}
button.bt_del:hover {color: #fff; background-color: #c9302c; border-color: #ac2925; border-radius:50%;}

button.bt_add:focus,
button.bt_edit:focus {color: #fff; background-color: #286090; border-color: #204d74; border-radius:50%; outline: 0;}
button.bt_add:hover,
button.bt_edit:hover {color: #fff; background-color: #286090; border-color: #204d74; border-radius:50%;}
button.bt_del[disabled],
button.bt_edit[disabled] {opacity: 0.4; cursor: not-allowed;}
button.bt_del[disabled] {color: #dd4b39;}
button.bt_edit[disabled] {color: #337ab7;}
button.bt_del[disabled]:hover,
button.bt_edit[disabled]:hover {background-color: transparent;}

button.tbl_edt_bt.c_yellow{color: #d9534f;}
button.tbl_edt_bt.c_yellow:focus,
button.tbl_edt_bt.c_yellow:hover {color: #fff; background-color: #d9534f; border-color: #d43f3a; border-radius:50%; outline: 0;}

button.tbl_edt_bt.c_green{color: #5cb85c;}
button.tbl_edt_bt.c_green:focus,
button.tbl_edt_bt.c_green:hover {color: #fff; background-color: #5cb85c; border-color: #4cae4c; border-radius:50%; outline: 0;}

.edt_input{border-radius:10px; height: 25px;}
.edt_input.w_sm{width: 50px;}
.edt_input_fw{width: 100% !important; border-radius:10px; height: 25px !important;}
.new_shipping_box .td_btn{width: 50px;}
/* .new_shipping_box td{width: 25%;} */
.new_shipping_box td input{max-width: 170px;}

/* Table Image */
.p_icon img{width: 25px; height: 25px; border-radius: 50%; border: 1px solid #ccc;}
tbody .p_icon{text-align: center; padding:5px !important; width: 30px;}

/*
	Inner Table
*/
.table_bg-primary {color: #fff; background-color: #337ab7; }
.inner_table {background-color: #00a65a !important; border-radius: 6px; font-size: 13px; margin-bottom: 0;}
/* .inner_table > thead > tr > th{padding-top: 5px; padding-bottom: 5px; vertical-align: middle;} */
.inner_table > tbody > tr > td{font-size:12px; padding-top: 3px; padding-bottom: 3px; line-height: 1.42857143; vertical-align: middle;}
/* .table-hover > tbody > tr:hover {background-color: #f5f5f5;} */

.s_cat_lst span{ /* width:100px !important;
	overflow: hidden;
  text-overflow: ellipsis; */
  overflow: hidden;
  text-overflow: ellipsis;
  display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;}
.line_l1{overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}

/*
	Progress Components
*/
.progress_modal {text-align: center; margin: 30px;}
.progress_modal i {font-size: 30px;}
.progress_modal b {display: block; font-size: 20px; margin-top: 10px;}

/*
	Progress Box 1
*/
.progress_box_1{text-align: center; margin:20px auto; background: #fff; width: 100px; height: 100px; border-radius: 50%; position: relative;}
.progress_box_1 .progress_box_1_inner{position: absolute; left:50%; top:50%; margin-left:-45px; margin-top:-30px;}
.progress_box_1 .progress_box_1_inner  b{margin-top:5px; color:#999; display: inline-block;}

.row_pi .row_progress{text-align: center; margin:20px auto; background: #fff; width: 100px; height: 100px; border-radius: 50%; position: relative;}
.row_pi .row_progress div{padding: 20% 5px;}
.row_pi .row_progress p{margin-top:1px; color:#999; font-weight: bold;}
.row_pi .row_progress p small{display: block; color:blue;}
.row_pi .row_error {cursor: pointer;}

tr .tr_progress{text-align: center; margin:20px auto; background: #f4f4f4; width: 100px; height: 100px; border-radius: 50%; position: relative;}
tr .tr_progress div{padding: 20% 5px;}
tr .tr_progress p{margin-top:1px; color:#999; font-weight: bold;}

.new_shipping_box tr .front {text-align: center; width: 300px; margin:30px auto; padding:10px; border-radius: 15px; background: #f4f4f4; position: relative;}
.new_shipping_box tr .front h3,
.new_shipping_box tr .front h4,
.new_shipping_box tr .front p {margin-top:1px; color:#999; font-weight: bold;}

.box .box_error{text-align: center; margin:20px auto; background: #f5f5f5; width: 150px; height: 150px; border-radius: 50%; position: relative;}
/* .box .box_errorV div{position: absolute; left:50%; top:50%; margin-left:-45px; margin-top:-30px;} */
.box .box_error div{padding: 20% 5px;}
.box .box_error p{margin-top:5px; color:#000; font-weight: bold;}

/*
	Top Products
*/
.top_products{height: 250px; overflow: auto;}

/*
	Data table Progress
*/
.dt_toolbar{float: left;}
.dt_progress_o{position: absolute; text-align: center; background: #f4f4f4; width: 100px; height: 100px; border-radius: 50%;}
.dt_progress{display:inline-block; text-align: center; background: #f4f4f4; width: 100px; height: 100px; border-radius: 50%; position: relative;}
.dt_error{text-align: center; margin:20px auto; background: #f4f4f4; height: 100px; position: relative;}
.dt_error .det_inner,
.dt_progress .det_inner{position: absolute; left:45%; top:50%; margin-left:-30px; margin-top:-30px;}
.dt_error .det_inner  p,
.dt_progress .det_inner_f  p,
.dt_progress .det_inner  p{margin-top:5px; color:#999; font-weight: bold;}
.dt_progress .det_inner_f{position: absolute; left:50%; top:50%; margin-left:-43px; margin-top:-35px;}
.dt_error_2 {margin:15px auto;}
.dt_error_2  p{color:#999; font-weight: bold;}
.dt_error_par {text-align: center; display:inline-block; width: 100%; background:red;}

/* .dt_progress .dt_fail{position: absolute; left:50%; top:50%; margin-top:-35px;} */
.dt_progress:has(.dt_fail) {height: auto !important; padding: 15px;}
.dt_progress .dt_fail{margin-top:35px; padding-bottom: 20px;}
.dt_progress .dt_fail p{margin-top:5px; color:#999; font-weight: bold;}
.dt_progress .dt_fail span{text-align: left !important; color: #555; float: left;}

/*
	Comment Custom
*/
.comment_footer {padding: 5px 15px; font-weight: bold;}
.comment_prog {padding: 20px 15px; text-align: center;}
.comment_prog div {display:inline-block; background: #f4f4f4; width: 100px; height: 100px; border-radius: 50%;}
.comment_prog div .fa {margin-top: 20px;}
.comment_prog div p {font-weight: bold; color:#999; margin-top: 3px;}
.comment_error {padding: 20px 15px; text-align: center;}
/* .comment_error .fa, */
.comment_error p {font-weight: bold; color:#999;}
.bc_product b{color: #d81b60;}

/*
	Comment Item Progress
*/
.box-comment{position: relative;}
.box-comment .c_overlay_XX{text-align: center; margin:20px auto; background: red; width: 100px; height: 100px; border-radius: 50%; position: relative;}
.box-comment .c_overlay{position: absolute; left:0; top:0; width: 100%; height: 100%; z-index:50; background:rgba(255, 255, 255, 0.8);}
.box-comment .c_overlay .fa-spin{position: absolute; left:50%; top:50%; margin-left:-15px; margin-top:-10px; font-size: 25px;}
.box-comment .c_overlay div{position: absolute; left:50%; top:50%; margin-left:-65px; margin-top:-25px; text-align: center; color:#000;}
.box-comment .c_overlay div .fa{font-size: 30px;}
.box-comment .c_overlay div  p{font-weight: bold; font-size: 13px;}
.box-comment .c_overlay div  p a i,
.box-comment .c_overlay div  p a{font-size: 12px !important; cursor: pointer;}
.box-comment .c_overlay div  p a i{margin-right: 5px;}

/*
	Alert Custom
*/
/* .alert-md {padding: 7px 10px;} */
.alert-md {padding-top: 7px; padding-bottom: 7px; margin: 0;}
.alert-smm {padding: 5px 10px;}
.alert-sm {padding-top: 5px; padding-bottom: 5px; margin: 0;}
.callout_sm {
  border-radius: 3px;
  margin: 0 0 1px 0;
  padding: 5px;
  border-left: 5px solid #eee;
}
.callout_sm h4 {font-size: 16px; margin-bottom: 0;}
.callout_sm span {display: block;}
.alert .big_alert_text{font-size: 16px;}

/*
	Login progress
*/
.login_progress{position: absolute; left:50%; top:50%; margin-left:-50px; margin-top:-50px; background: #f4f4f4; width: 100px; height: 100px; border-radius: 50%; text-align: center;}
.login_progress_in{position: absolute; left:50%; top:50%; margin-left:-30px; margin-top:-30px;}
.login_progress .login_progress_in p{font-weight: bold; color:#999;}
.login_in_move .login-box{display:none;}

/*
	Widget: CONTENT LIST INPUT
*/
.content_input-list {
  margin: 0;
  padding: 0;
  list-style: none;
  /* overflow: auto; */
}
.content_input-list > li {
  border-radius: 30px;
  padding: 10px;
  background: #f4f4f4;
  margin-bottom: 10px;
  border-left: 2px solid #e6e7e8;
  border-right: 2px solid #e6e7e8;
  border-top: 1px solid #e6e7e8;
  border-bottom: 1px solid #e6e7e8;
  color: #444;
  /* position: relative; */
}
.content_input-list > li.c_sm {padding: 5px 10px; border-radius: 18px; margin-bottom: 5px;}
.content_input-list > li.mode_grid {
  width: 46%;
  float: left;
  margin-right: 20px;
}

.content_input-list > li.light{
	background: #fff;
	border-left: 4px solid #3c8dbc;
}


.content_input-list > li:last-of-type {
  margin-bottom: 0;
}
.content_input-list > li > input[type='checkbox'] {
  margin: 0 10px 0 5px;
}
.content_input-list > li .text {
  display: inline-block;
  margin-left: 5px;
  font-weight: 600;
}
/* .content_input-list > li input {
  background: none;
  color: #ffffff;
  border-top-left-radius:20px;
	border-bottom-left-radius:20px;
  border-top-right-radius:20px;
  border-bottom-right-radius:20px;
  border: 1px solid #3c8dbc;
} */
.content_input-list > li .label {
  margin-left: 10px;
  font-size: 9px;
}
.content_input-list > li .tools {
  display: none;
  float: right;
  color: #dd4b39;
  /* position: absolute;
  right:5px;
  top:30%; */
  /* margin-top: 7px; */
  margin-left: 5px;
  padding: 7px 0;
}
.content_input-list > li.c_sm .tools {padding: 5px 0;}
.content_input-list > li .tools > .fa,
.content_input-list > li .tools > .glyphicon,
.content_input-list > li .tools > .ion {
  margin-right: 5px;
  cursor: pointer;
}
.content_input-list > li:hover .tools {
  display: inline-block;
}
.content_input-list > li.done {
  color: #999;
}
.content_input-list > li.done .text {
  text-decoration: line-through;
  font-weight: 500;
}
.content_input-list > li.done .label {
  background: #d2d6de !important;
}
.content_input-list .danger {
  border-left-color: #dd4b39;
}
.content_input-list .warning {
  border-left-color: #f39c12;
}
.content_input-list .info {
  border-left-color: #00a7d0;
  background-color: #00c0ef;
}
.content_input-list .info input {
  background-color: #00a7d0;
}
.content_input-list .info .input-group .form-control,
.content_input-list .info .input-group .form-control::-webkit-input-placeholder {
  color: #ffffff !important;
}
.content_input-list .success {
  border-left-color: #00a65a;
}
.content_input-list .primary {
  border-left-color: #3c8dbc;
}
.content_input-list .handle {
  /* display: inline-block; */
  cursor: move;
  margin: 0 5px;
  width: 40px;
  height: 40px;
  background: red;
  border-radius: 50%;
  text-align: center;
  border: 1px solid #3c8dbc;
  float:left;
}
.content_input-list .text_input {
  /* display: inline-block; */
  background: red;
  /* width: 90%; */
}
.content_input-list .text_input input {
  /* width: 100% !important; */
}
.content_input-list .handle .count {
  font-size: 25px;
  font-weight: bold;
  color: #ffffff;
}
/* .content_input-list .input-group-btn, */
.content_input-list .input-group-addon.ao_count {
  margin: 0 5px;
  background: red;
  border-radius: 50%;
  border: none;
  padding: 0 11px !important;
  /* border: 1px solid #3c8dbc; */
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
}
.content_input-list > li.c_sm .input-group-addon.ao_count{font-size: 14px; padding: 0 11px !important;}
.content_input-list .input-group-sm .input-group-addon.ao_count{padding: 0 10px !important;}
.content_input-list .input-group-sm .btn{font-size: 12px;}
.content_input-list .input-group-field {width: 40px;}
.content_input-list > li.c_sm .input-group-field {width: 30px;}
/* .content_input-list .input-group-field select {width: 50px; background: red;} */
.content_input-list .select2-container .select2-selection--single {
	/* background: none; */
	/* border: none; */
	border: 1px solid #3c8dbc;
	width: 40px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 8px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
	border-radius: 7px;
	/* padding-top: 4px !important; */
	/* padding-bottom: 4px !important;
	overflow-x:hidden !important; */
}
.content_input-list > li.c_sm .select2-container .select2-selection--single {height: 30px; padding-top: 6px}
.content_input-list .select2-container .select2-selection--single i{color: #3c8dbc; font-size: 20px;}
.content_input-list > li.c_sm .select2-container .select2-selection--single i{font-size: 16px;}
.content_input-list .select2-container--default .select2-selection--single .select2-selection__arrow {max-width: 0px !important; display: none;}
.icon_selector .select2-results__options {
  max-height: 300px !important;
  height: 400px !important;
  overflow-y: auto;
  /* background: red; */
 }

.content_input-list .input-group-addon.ao_icon{
	background:none !important;
	border:none;
}
.content_input-list .input-group-addon i{
	margin-left: 15px !important;
	cursor: pointer;
}
/* .content_input-list .input-group-addon span {width: 40px; height: 100px !important;} */
/* .content_input-list > li .input-group .form-control { margin-left: 15px !important;} */
.content_input-list > li .ao_btn,
.content_input-list > li .ig_add_more .btn,
.content_input-list > li .input-group input {
  background: #fbfbfb;
  border: none;
  /* color: #ffffff; */
  border-radius:20px !important;
  /* border-top-left-radius:20px !important;
	border-bottom-left-radius:20px !important;
  border-top-right-radius:20px;
  border-bottom-right-radius:20px; */
  /* border: 1px solid #3c8dbc; */
  /* margin-left: 2% !important;
  width: 98% !important; */
}
.content_input-list > li .ao_btn,
.content_input-list > li .ig_add_more .btn {
  max-width: 100%;
  text-align: left;
  padding: 6px 12px;
}
.content_input-list > li.c_sm .ao_btn,
.content_input-list > li.c_sm .btn,
.content_input-list > li.c_sm input{height: 30px !important; font-size: 12px; line-height: 1.5; padding: 5px 10px; border-radius: 13px !important;}}
.content_input-list > li .input-group-sm input { border-radius:15px !important;}

/* .content_input-list.edit .input-group { background: blue;}
.content_input-list.edit .input-group .btn,
.content_input-list.edit .input-group input { height: 30px !important; font-size: 12px; line-height: 1.5; border-radius: 13px !important;}
.content_input-list.edit .input-group .input-group-addon { padding: 0px 11px;}
.content_input-list.edit .input-group-addon.ao_count {
  font-size: 14px;
} */

/* .content_input-list.edit > li, */
.todo-list .default{
	background: #fff;
	border-radius: 20px;
	/* border: 1px solid #e5e5e5; */
	border-left: 4px solid #3c8dbc;
	margin-bottom: 5px;
	padding-top: 7px;
	padding-bottom: 7px;
}
.todo-list .default:not(:last-child){border-bottom: 1px solid #e5e5e5;}
.todo-list .default .count{
	display: inline-block;
	text-align: center;
	margin-left: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background: red;
	/* width: 25px;
	height: 25px; */
	padding: 1px 7px;
	border-radius: 50%;
	border: 1px solid #e5e5e5;
}
.todo-list .default .handle{
	margin-left: 10px;
	margin-right: 0px !important;
}
.todo-list .default .handle i{
	font-size: 18px;
	font-weight: bold;
	color: #3c8dbc;
	vertical-align: middle;
}
.todo-list .default .text{
	margin-left: 10px;
}
.todo-list .default .tools{
	display: inline-block;
}

/*
	ADDRESS LIST
*/
.address_list li{
	background: #fff;
	/* border: 1px solid #e5e5e5; */
	border-left: 2px solid #3c8dbc;
	border-bottom: 1px solid #efefef;
	border-top: none;
	border-right: none;
	padding-top: 12px;
	padding-bottom: 12px;
}
.address_list.no_stripe li{border-left: none;}
/* .address_list li:not(:last-child) {border-bottom: 1px solid #efefef;} */
.address_list li .handle{
	color: red;
	border-right: 1px solid #3c8dbc;
}
.address_list li .handle.count{font-size: 16px; font-weight: bold; padding-right: 7px; margin-right: 5px;}

.box_inverse {
  background: #f0f0f0;
  border: 1px solid #ddd;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.box_inverse .box-header {border-bottom: 1px solid #ddd;}
.box_inverse .box-footer {border-top: 1px solid #ddd !important; background: #f0f0f0 !important;}


/*
	USER LIST FOR ICON DROPDOWN
*/
.icon_selector li,
.icon-list > li {
  width: 25%;
  float: left;
  padding: 10px;
  text-align: center;
}
.icon_selector li i,
.icon-list > li i {
  border-radius: 50%;
  max-width: 100%;
  height: auto;
  font-size: 40px;
}
.icon-list-name,
.icon-list-date {
  display: block;
}
.icon-list-name {
  font-weight: 600;
  color: #444;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.icon-list-date {
  color: #999;
  font-size: 12px;
}
.icon_selector,
.icon-list {
  /* max-height: 400px; */
  width: 500px !important;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: hidden;
}

.icon_popover .popover_icon_selector{ margin: 0; padding: 0; list-style: none;
	/* height: 300px;
	overflow-y: auto; */
}
.icon_popover .popover-content {padding: 0; width: 266px;}
.icon_popover .popover-content ul {height: 300px; overflow-y: auto; } /* width: 276px; */
/* .icon_popover .popover-content ul:hover {overflow-y: auto;} */
.icon_popover .popover_icon_selector > li{width: 20%; float: left; padding: 10px; text-align: center; cursor: pointer;}
.icon_popover .popover_icon_selector > li:hover{background: #ddd;}
.icon_popover .popover_icon_selector > li i{font-size: 20px;}
.icon_popover .popover_icon_selector > li span{display: block; font-size: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.icon_popover .popover_icon_selector > li.pop_ic_empty{width: 100%; float: none; padding-top: 50px; cursor: default;}
.icon_popover .popover_icon_selector > li.pop_ic_empty i{font-size: 3em; color: red;}
.icon_popover .popover_icon_selector > li.pop_ic_empty b{display: block; margin-top: 10px;}
.icon_popover .popover_icon_selector > li.pop_ic_empty:hover{background: none;}

.popover.confirm .popover-content{padding: 5px;}
.popover.confirm .popover-content .confirm-buttons {text-align: right;}
.popover.confirm .popover-content .conf_no,
.popover.confirm .popover-content .conf_yes{border-radius: 6px; min-width: 55px;padding: 0.2em 0.4em;}
.popover.confirm .popover-content .conf_yes{margin-right: 10px;}

/*
	BORDERED CUSTOM TAB
*/
.bordered_tab.nav-tabs-custom {
  border: 1px solid #3c8dbc;
}
.bordered_tab.nav-tabs-custom .nav-tabs {
  background: #3c8dbc;
  border: 1px solid #3c8dbc;
}
/* .bordered_tab.nav-tabs-custom .nav-tabs li a,
.bordered_tab.nav-tabs-custom .nav-tabs li {
  color: #fff;
} */
.bordered_tab.nav-tabs-custom > .nav-tabs > li,
.bordered_tab.nav-tabs-custom > .nav-tabs > li > a {
	color: #fff;}
.bordered_tab.nav-tabs-custom > .nav-tabs > li > a:hover {
  color: #efefef;
}
.bordered_tab.nav-tabs-custom > .nav-tabs > li.active > a {
  color: #000;
}

.img_150x100 {width: 150px !important; height: 100px !important;}


/* .mailbox-attachment-icon.has-img > video {
  max-width: 100%;
  height: auto;
  margin-left: 15px;
} */
.mailbox-attachment-icon.has-img > video {width: 198px; max-width: 100%; height: 124px; background: #000;}
/* .mailbox-attachment-icon.has-img {position: relative;} */
.mailbox-attachment-icon.has-imgV {max-width: 198px; min-width: 198px; max-height: 92px; min-height: 92px; height: 92px !important;}
.mailbox-attachment-icon.has-imgXX {height: 138px; width: 198px;}
.mailbox-attachment-icon {width: 198px; max-width: 100%; max-height: 125px; height: 125px !important;}
.mailbox-attachment-icon.has-img > .img_fit {width: 198px; max-width: 100%; max-height: 125px;}
/* .mailbox-attachment-icon.has-img > .img_fit {width: 198px; max-width: 100%; max-height: 138px;} */
/* .mailbox-attachment-info {height: 60px !important; } */
.mailbox-attachment-info .mailbox-attachment-name {margin: 0; }

.ma_sm {width: 100px !important;}
.ma_sm .mailbox-attachment-info {height: 100px !important; width: 100px !important;}
.ma_sm .mailbox-attachment-icon.has-img {height: 100px !important; width: 100px !important;}
.ma_sm .mailbox-attachment-info {font-size: 12px;}
.img_pop {width: 100px; max-width: 100px; height: 100px; max-height: 100px;}

.popover{max-width:476px;}

.box .overlay > .ref {
  position: absolute;
  /* top: 50%;
  left: 50%;
  margin-left: -30px;
  margin-top: -35px; */
  text-align:center;
  top: 30%;
  width:100%; height:100%;
}
.box .overlay > .ref i {color: #000; font-size: 35px;}
.box .overlay > .ref p {color: #000; font-weight: bold;}
/* .box .overlay > .ref button {display:block; margin-top:5px;} */
.box .overlay > .ref button {margin-right:5px;}
.box .overlay > .ref div {width:100%;}


/* TAB DETAIL EDIT MODAL LAYOUT */
.tab_detail_content.add_mode .btn_holder_bottom{ display: none;}

.box.mode_text .td_list{ display: none;}
.box.mode_text .td_list_icon{ display: none;}
.box.mode_list .td_text{ display: none;}
.box.mode_list .td_list_icon{ display: none;}
.box.mode_grid .td_text{ display: none;}
.box.mode_grid .td_list_icon{ display: none;}
.box.mode_list_icon .td_list{ display: none;}
.box.mode_list_icon .td_text{ display: none;}


.box_atm.view_mode .atm_add_form{ display: none;}
.box_atm.add_mode .atm_bt_add{ display: none;}
.box_atm.add_mode .atm_bt_save{ display: none;}
.box_atm.edit_mode .atm_bt_save{ display: none;}
.box_atm.edit_mode .atm_bt_add{ display: none;}

/* .box_content.view_mode .edit_item{ display: none;}
.box_content.edit_mode .view_item{ display: none;}
.box_content.edit_mode .box-tools{ display: none;} */
.box_content .edit_item{ display: none;}
.box_content.edit_mode .view_item{ display: none;}
.box_content.edit_mode .edit_item{ display: block;}

.box_atm .edited a,
.box_atm .edited span,
.box_atm .edited,
.box_booking .edited a,
.box_booking .edited span,
.box_booking .edited,
.box_amenities .edited { color: red !important;}

.box_content.edit_mode > .box{border: 1px solid #00a65a !important; /* background: #00a65a; */}
/* .box_content > .view_item.edited{border: 1px solid #00a65a !important;} */
/* .box_content.edit_mode .box-footer{background: #00a65a; border: none;}
.content_list_tab.editable_opened .box_content{ } */

/* .products-list > li.fo_to {position: relative;} */
.products-list > li .tools {
  /* display: none; */
  float: right;
  color: #dd4b39;
  /* vertical-align: middle; */
  display: inline-block;
  /* position: absolute;
  left:90%; top:40%; */
  margin-top: 10px;
}
.products-list > li.fo_to .product-info {
  display: inline-block;
  margin-left: 15px;
}
.products-list > li .tools > .fa,
.products-list > li .tools > .glyphicon,
.products-list > li .tools > .ion {
  margin-right: 5px;
  cursor: pointer;
}

.box_content .box-footer {
  border-top: 1px solid #f4f4f4;
  padding: 7px 17px;
  background-color: #ffffff;
}
.box_content .box-footer a:not(:last-child) {margin-right: 20px;}
.box_content .box-footer i {margin-right: 5px;}
/* .box_content .box-footer .top {margin-right: 5px;} */

.nav-tabs-custom.collapsed-tab .tab-content {
  display: none;
}


/*
	BOX INPUT
*/
.box_input .b_ig {
  margin: 0;
  padding: 0;
  list-style: none;
}
.box_input .box-body .b_ig {margin-left: 10px; margin-top: 5px;}
.box_input .box-body .b_ig li{position: relative;}/* display: inline-table; width: 100%; */
.box_input .box-body .b_ig li.fo_form{display: inline-table; width: 100%;}
.box_input .box-body .b_ig.grid li{width: 50% !important; float: left; margin-top: 5px; padding-right: 5px; position: relative; display: inline-table;}
.box_input .box-body .b_ig.list_multi li{padding-bottom: 10px;}
.box_input .box-body .b_ig .text_holder{display: table-cell; padding-left: 10px; color: #000;}
/* .box_input .box-body .b_ig .text_holder select{display: table-cell; color: red;} */
.box_input .box-body .b_ig .text_holder .text_sub{display: block; font-size: 12px; color: #dddddd;}
.box_input .box-body .b_ig .text{margin-left: 10px;}
/* .box_input{background: #00a65a;} */
.box_input .box-header .form-control{background: none; border: none; font-size: 16px;}
.box_input.edit_item > .box-header .form-control{font-size: 18px; margin-top: 3px; margin-bottom: 3px;}
/* .box_input.edit_item > .box-header{padding-top: 33px; padding-bottom: 3px; background: red;} */

.box_input .box-body > .form-control{background: none; border: none;}
.box_input.edit_item .box-body {padding-bottom: 0;}
.box_input .box-body textarea{padding: 0;}
/* .box_input .box-body .b_ig .form-control{background: none; border: none; display: inline-block; width: 90%;} */
.box_input .box-body .b_ig .form-control{background: none; border: none; display: table-cell;}
.box_input .box-body .b_ig .input-group.mr{padding-right: 25px;}
.box_input .box-body .b_ig .form-control.mr{padding-right: 25px;}
/* .box_input .box-body .b_ig .fc_select{display: table-cell;} */
/* .box_input .box-body .b_ig .input-group .form-control{width: 100%;} */
/* .box_input .box-body .b_ig .input-group{margin-right: 10px;} */
/* .box_input .box-body .b_ig.grid li .form-control{width: 85%;} */
/* .box_input .box-body .b_ig input{padding-left: 0px;} */
.box_input .box-body .b_ig .ig_addon{text-align: center; width: 25px; display: table-cell; vertical-align: middle;}
.box_input .box-body .b_ig .ig_addon i{border-radius: 50%; padding: 5px; width: 25px; height: 25px; display: table-cell;}
.box_input .box-body .b_ig .ig_addon.cursor{cursor: pointer;}
.box_input .box-body .tools{position: absolute; right: 5px; top: 5px; display: none;}
.box_input .box-body .tools i{margin-right: 5px; color: #fff; cursor: pointer;}
.box_input .box-body .tools i:not(:last-child){margin-right: 10px;}
.box_input .box-body li:hover .tools{display: inline;}
.box_input .box-body > .b_ig > li.active .tools{display: inline;}

.box_input .box-body .b_ig > li .inline_edt{display: inline-table; padding-right: 0px; width: 100%;}
.box_input .box-body .b_ig > li .inline_edt > input{background: #00733e; border: none; border-radius: 15px; color: #fff; height: 25px; margin: 0; padding: 0 10px; width: 100%;}
.box_input .box-body .b_ig > li .align-right a{color: #fff;}
.box_input .box-body .b_ig > li .inline_edt .tools{position: absolute; right: 5px; top: 3px; display: inline;}

.box_input .box-body .b_ig > li .inline_edt_multi{display: inline-table; width: 100%;}
.box_input .box-body .b_ig > li .inline_edt_multi input{background: #00733e; border-radius: 15px;}
.box_input .box-body .b_ig > li .inline_edt_multi .ig_addon{width: 55px; padding-right: 10px;}
.box_input .box-body .b_ig > li .inline_edt_multi .ig_addon i{width: 55px; height: 55px; font-size: 30px; padding: 12px;}

.box_input .box-body .b_ig > li .overlay .fa{font-size: 20px; margin-top: -10px;}

.box_input .box-body .b_ig > li.loading,
.box_input .box-body .b_ig > li.empty{margin: 15px auto; text-align: center; width: 100% !important;}
.box_input .box-body .b_ig > li.loading i{color: #fff; font-size: 35px;}
.box_input .box-body .b_ig > li.empty i{color: yellow; font-size: 35px;}
.box_input .box-body .b_ig > li.loading b,
.box_input .box-body .b_ig > li.empty > b{color: #eee; display: block;}

.bullets_ul,
.style_ul {list-style: none; margin: 0; padding: 0; margin-top: 3px;}
.bullets_ul > li,
.style_ul > li {float: left; margin-right: 5px; padding: 2px 5px; border: 1px solid #fff;}
.bullets_ul > li {margin-right: 2px; padding: 0px 3px;}
.bullets_ul > li:last-child {background: red; border-radius: 50%; width: 20px; height: 20px;}
.bullets_ul > li > i,
.style_ul > li > i {font-size: 25px; color: #3c8dbc; cursor: pointer;}
.bullets_ul > li > i {font-size: 12px;}
.bullets_ul > li:last-child > i {color: #fff;}
.style_ul > li.active,
.bullets_ul > li.active{border: 1px solid #00733e;}
.bullets_ul.disabled > li > i {color: #777; cursor: not-allowed;}

.box_input .box-footer {margin-top: 5px;}
.box_input.edit_item > .box-footer {margin-top: 0;}
.box_input .box-footer .btn{background: none; border: none; width: 100%; text-align: left; padding: 8px 10px;}
.box_input .box-footer .btn.rgt{width: auto;}
.box_input .box-footer .btn i{margin-right: 15px;}
.box_input .box-footer .btn.rgt i{margin-right: 10px;}

.box_input .box-body .oh_table tr.checked{background: #00733e;}
.box_input .box-body .oh_table tbody tr td {vertical-align: middle; padding-top: 5px; padding-bottom: 5px; position: relative;}
.box_input .box-body .oh_table tbody tr:first-child td {border: none;}
.box_input .box-body .oh_table tbody tr td.mailbox-subject {color: #fff; cursor: pointer;}
.box_input .box-body .oh_table tbody .form-control {background: none; border: none; color: #eee;}
.box_input .box-body .oh_table tr td .overlay{cursor: pointer; background: none;}
/* .box_input .box-body .oh_table tr td .overlay .text{color: #fff; font-weight: bold; padding-left: 10px; margin-top: 15px;} */
.box_input .box-body .oh_table tr td .overlay .text{position: absolute; top: 50%; left: 10px; margin-top: -10px; color: yellow; font-weight: bold;}
.box_input .box-body .oh_table tr.checked td .overlay{display: none;}
.box_input .box-body .oh_table tr.hr_24 td .overlay{display: block; background: #00a65a;}
.box_input .box-body .oh_table tr.checked.hr_24 td .overlay{display: block; background: #00733e;}
.box_input .box-body .oh_table tr td .checkbox{margin: 0; padding: 0;}
.box_input .box-body .oh_table tr td .checkbox label {padding: 0;}
.box_input .box-body .oh_table tr td .checkbox label b {color: #fff; padding-left: 10px;}
/* .box_input .box-body .oh_table tr td.handel i {color: #fff; background: red; padding: 5px;} */
.box_input .box-body .oh_table tr td .input-group-addon {background: #ddd;}
.box_input .box-body .oh_table tr.checked td .form-control {color: #fff;}
.box_input .box-body .oh_table tr.checked td .input-group-addon {background: #fff;}

.box_input .box-body .oh_table tr td.td_info,
.box_input .box-body .oh_table tr.hr_24 td.td_input_g {display: none;}
.box_input .box-body .oh_table tr td.td_info {cursor: pointer;}
.box_input .box-body .oh_table tr.hr_24 td.td_info {display: inline-block; width: 100%;}
.box_input .box-body .oh_table tr td.td_info span {display: inline-block; padding-top: 5px; padding-bottom: 5px; color: #ddd; font-weight: bold;}
.box_input .box-body .oh_table tr.checked td.td_info span {color: #fff;}
.box_input .box-body .oh_table tr.checked td.td_info {cursor: default;}

.box_input .box-body .oh_table tr.checked .form-control.has-error {background: #a94442 !important;}

.box_input .box-body .b_ig > li.check_box {margin-bottom: 5px;}
.box_input .box-body .b_ig > li.check_box.checked {background: #00733e;}
.box_input .box-body .b_ig > li.check_box .checkbox {margin: 0; padding: 0;}
.box_input .box-body .b_ig > li.check_box .checkbox label {padding: 0;}
.box_input .box-body .b_ig > li.check_box .ig_addon {display: inline-block; margin-left: 10px;}
.box_input .box-body .b_ig > li.check_box .text_holder {display: inline-block;}

.box_input .box-body{position: relative;}
.box_input .box-body .overlay  {background: #02cc6f;}
.box_input .box-body .overlay > .overlay_inV {
  position: absolute;
  /* top: 50%;
  left: 50%;
  margin-left: -30px;
  margin-top: -35px; */
  text-align:center;
  top: 30%;
  width:100%; height:100%;
}
.box_input .box-body .overlay > .overlay_in > div {display: table-cell; vertical-align: middle; color: #fff;}
.box_input .box-body .overlay > .overlay_in {display: inline-table; width:100%; height:100%; text-align:center; vertical-align: middle;}
.box_input .box-body .overlay > .overlay_in > div > i {color: yellow; font-size: 30px; margin-bottom: 5px;} /* 4em */
.box_input .box-body .overlay > .overlay_in p {font-weight: bold;}
.box_input .box-body .overlay > .overlay_in dl {margin-bottom: 5px;}
/* .box .overlay > .ref button {display:block; margin-top:5px;} */
.box_input .box-body .overlay > .overlay_in button {margin-right:5px;}
.box_input .box-body .overlay > .overlay_inV div {width:100%;}

.box_input.green .box-header .form-control,
.box_input.green .box-header .box-title,
.box_input.green .box-body .form-control,
.box_input.green .box-body .b_ig .ig_addon i,
.box_input.green .box-body .b_ig .fc_sel_ic,
.box_input.green .box-body .b_ig .text_holder,
.box_input.green .box-footer .btn,
.box_input .box-body .b_ig .text{
	color: #ffffff;
}
.box_input.green .box-body .b_ig .form-control::-webkit-input-placeholder,
.box_input.green .box-header .form-control::-webkit-input-placeholder{
	color: #dddddd;
}

.box_input.green{background: #00a65a;}
.box_input.green .box-body .b_ig .ig_addon i,
.box_input.green .box-body .b_ig .fc_sel_ic,
.box_input.green .box-footer {
	background: #00733e;
}

.box_input.aqua{background: #00c0ef;}
.box_input.aqua .box-body .b_ig .ig_addon i,
.box_input.aqua .box-body .b_ig .fc_sel_ic,
.box_input.aqua .box-footer {
	background: #0097bc;
}

.box_input.yellow{background: #f39c12;}
.box_input.yellow .box-body .b_ig .ig_addon i,
.box_input.yellow .box-body .b_ig .fc_sel_ic,
.box_input.yellow .box-footer {
	background: #db8b0b;
}

.box_input.light {
	border: 1px solid #f4f4f4;
}

.box_input .box-body .b_ig > li.changed span{color: yellow !important; font-weight: bold;}
/* .box_input .box-body.no_btn .align-right{display: none;}
 */
.box_input .box-body .b_ig .fc_select_no_tpl > span{padding-left: 15px; color: #fff;}
.box_input .box-body .b_ig .in_atm{border: 1px solid #ddd; border-radius: 5px; padding: 5px; margin-right: 10px; margin-bottom: 5px;}
.box_input .box-body .b_ig .in_atm > div > input,
.box_input .box-body .b_ig .in_atm > input{background: #00733e; margin-bottom: 5px; border-radius: 15px;}
.box_input .box-body .b_ig .in_atm .has-error input{background: red;}
.box_input .box-body .b_ig .in_atm > .input-group .input-group-field:first-child{border-top-left-radius: 15px; border-bottom-left-radius: 15px;}
.box_input .box-body .b_ig .in_atm > .input-group .input-group-field:last-child{border-top-right-radius: 15px; border-bottom-right-radius: 15px;}
.box_input .box-body .b_ig .in_atm > div a{color: yellow; margin-right: 10px;}
.box_input .box-body .b_ig .ig_select input{background: #00733e;}
.box_input .box-body .b_ig .sub_input{background: #00733e; border: none; border-radius: 10px; margin-top: 5px; font-size: 12px; padding: 3px 10px; width: 60px;}
.box_input .box-body .b_ig .ttt{height: 25px;}
.box_input .box-body .b_ig .fc_sel_ic{border-radius: 50%; text-align: center; width: 25px; height: 25px; display: inline-block;}
.fc_select .select2-container .select2-selection--single{background: #00733e !important; border-radius: 15px; border: none; padding-left: 0; height: 30px; color: #fff;}
/* .fc_select .select2-container .select2-selection--single div{max-width: 150px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} */
.ig_addon .select2-container .select2-selection--single {padding: 5px 0 0 0; border: none; background: none; max-width: 25px;}
.ig_addon .select2-container .select2-selection--single i{color: yellow !important; font-size: 16px;}
.ig_addon .select2-container--default .select2-selection--single .select2-selection__arrow {width: 0px !important; display: none;}
/* .fc_select .select2-container--default .select2-selection--single .select2-selection__arrow {background: #fff !important;}
 */.ig_addon .select2-results__options {
  max-height: 300px !important;
  height: 400px !important;
  overflow-y: auto;
  /* background: red; */
}
.ig_addon .select2-container--default .select2-selection--single .select2-selection__placeholder i {color: #ccc !important;}

.fc_select .select2-container--default .select2-selection--single .select2-selection__placeholder span {color: #ccc;}

.box_option {margin-bottom: 10px;}
.box_option .box-header {padding: 5px 0;}
.box_option .box-body {padding: 5px 0 0 0;}

.bordered_tab .tab-pane{position: relative;}
.nav-tabs-custom > .overlay,
.tab-pane .overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 50; background: rgba(255, 255, 255, 0.7); border-radius: 3px;}
.tab-pane .overlay > .fa{position: absolute; top: 50%; left: 50%; margin-left: -15px; margin-top: -15px; color: #000; font-size: 30px;}

table.no_header thead {display: none;}
table.no_border tbody tr td {border: none;}
table.table_type tbody tr {height: 30px;}
table.table_type tbody tr td.iccc {width: 30px;}
table.table_type tbody tr td span.icon-vv {font-size: 14px; color: #fff; background: #00a65a; padding: 5px; border-radius: 50%;}

.box_fixed .box-body {height: 300px; overflow-y: auto;}

.dataTables_wrapper .dataTables_filter,
#xxyyzz_wrapper .dataTables_filter{display: inline-block; float: right;}
.dataTables_wrapper .dt_emptyV{text-align: center; padding: 15px;}
.dataTables_wrapper .dt_empty span{display: block; font-weight: bold;}

.info-box-content .info-box-number-sm{font-size: 12px !important;}

/*
	FORM CONTROL ERROR
*/
.form-control.has-error {
	border-color: #a94442;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

/*
	TABLE EDIT SELECT2
*/
.tabledit-view-mode .select2-container {display: none;}
/* .tabledit-view-mode .select2-container .select2-selection--single{border-radius: 15px; height: 30px;} */
.tabledit-edit-mode .select2-container .select2-selection--single {border-radius: 10px; height: 25px; padding-top: 2px; padding-left: 5px;}
.tabledit-edit-mode .select2-container .select2-selection--single.has-error {border: 1px solid #a94442;}
.tabledit-edit-mode .select2-container .select2-selection--single .select2-selection__rendered i {margin-right: 5px;}
/* .tabledit-edit-mode .select2-container .select2-selection--single .select2-selection__rendered {width: 100% !important;} */
.tabledit-edit-mode .select2-container .select2-selection--single .select2-selection__arrow {height: 25px;}
.tabledit-edit-mode .select2-container .select2-selection--single .select2-selection__arrow b {margin-top: -4px;}
.select2-container .te_ddl > span {font-size: 10px !important; max-width: 200px !important; padding: 0;}
.select2-container .te_ddl_fill {height: 500px !important;}

/*.select2-container .search_ddl > span {font-size: 10px !important; max-width: 200px !important; padding: 0;}
.select2-container .search_ddl {width: 200px !important;}
.search_ddl .select2-results__options {max-height: 350px !important;}
.search_ddl .select2-results__options {max-height: 350px !important;}*/
/* .sel_search .select2-selection__arrow {display: none;} */
/* .select2-results__options {margin-right: 5px; background: red !important; width: 800px !important;} */

.ddl_h250 .select2-results__options {max-height: 250px !important;}
.ddl_h300 .select2-results__options {max-height: 300px !important;}
.ddl_h350 .select2-results__options {max-height: 350px !important;}
/* .ddl_h500 .select2-results__options {max-height: 500px !important;} */
.ddl_h500 .select2-results__options {max-height: 370px !important;}
/* .ddl_h500 {height: 300px !important;} */

.tabledit-toolbar .tabledit-edit-progress {display: none;}
.row_progress .tabledit-toolbar .tabledit-edit-progress {display: inline-block;}
.row_progress .tabledit-toolbar .tabledit-edit-button,
.row_progress .tabledit-toolbar .tabledit-delete-button {display: none;}

/*
	BOX FOR DATA TABLE
*/
/* .dt_box table tr {background: red;} */
.dt_box .box-body {position: relative;}
.dt_box.hf_200 .box-body {min-height: 200px;}
.dt_box .box-header > .box-title{float: left;}
.dt_box .box-header > .dt_search {display: inline-table;  float: right;}
.dt_box .box-footer{padding-top: 5px; padding-bottom: 5px;}
.dt_box.hf_200 .box-body div,
.dt_box.hf_200 .box-footer{display: none;}
.dt_box .overlay .dt_ovr{position: absolute; top: 50%; left: 0; margin-top: -50px; width: 100%; text-align: center;}
.dt_box .overlay .dt_loading{display:inline-block; text-align: center; background: #f4f4f4; width: 100px; height: 100px; border-radius: 50%; padding-top:25px;}
.dt_box .overlay .dt_failed p,
.dt_box .overlay .dt_loading p{color:#999; font-weight: bold;}
.dt_box .overlay .dt_failed{text-align: center; background: #f4f4f4; height: 200px; padding:50px; margin-top: 50px;}
.dt_box .overlay .dt_failed > .fa{color:#dd4b39; font-size: 3em;}
.dt_box .dt_empty{text-align: center; padding-top:25px; padding-bottom:25px; background: #fbfbfb; position: relative;}
/* .dt_box .dt_empty .fa{font-size: 30px;} */
.dt_box .dt_empty p{margin-top:5px; color:#999; font-weight: bold;}

/* .dt_box .overlay .dt_ovr{display:inline-block; text-align: center; margin:20px auto; background: #f4f4f4; width: 100px; height: 100px; border-radius: 50%; position: relative;}
.dt_box .overlay .dt_ovr .dt_loading{position: absolute; left:50%; top:50%; margin-left:-30px; margin-top:-30px;}
.dt_box .overlay .dt_ovr .dt_loading  p{margin-top:5px; color:#999; font-weight: bold;} */

/* .dt_box .box-body:has(div) {display: none;} */
.dt_box .box-body .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
.dt_box .box-body .overlay {
  z-index: 50;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 3px;
}

.dt_box .box-body table .td_icon{text-align: center;}
.dt_box .box-body table .td_icon i{color: #fff; background: #00a65a; display: inline-block; padding: 5px; border-radius: 50%;}
.dt_box .box-body table .td_icon .tabledit-input{color: #00a65a; font-size: 16px; display: inline-block; padding: 0; text-align: center; border-radius: 50%; width: 25px !important;}

.dt_box .box-body table tfoot tr.tr_footer_title{background: #00c0ef;} /* fcf8e3 */
.dt_box .box-body table tfoot tr.tr_footer_title td{padding-top: 7px; padding-bottom: 7px; font-weight: bold; font-size: 12px; color: #fff;}

.dt_box .box-body table.dataTable {margin-top: 0 !important; margin-bottom: 0 !important;}

.dt_box .dt_footer_btn button:first-child:not(:last-child),
.dt_box .dt_footer_btn button:not(:first-child):not(:last-child) {margin-right: 10px;}

.table-md > tbody > tr > td {
  padding: 5px; font-size:13px; vertical-align: middle;
}
.table-border{border: 1px solid #ddd;}


.main_loading{position: relative;}
.main_loading .overlay-wrapper .overlay {background: none;}
.main_loading .overlay-wrapper .overlay .fa {font-size: 3em; color: red;}

/*
	PACE MY
*/
.pace2 {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.pace2 .pace-progress {
  background: #fff;
  position: absolute;
  z-index: 2000;
  top: 0;
  left: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}
.pace2 .pace-progress-inner {
  display: block;
  position: absolute;

  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px red, 0 0 5px red;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -moz-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  -o-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}
.pace2 .pace-activity {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;

  width: 24px;
  height: 24px;
  border: solid 2px transparent;
  border-top-color: red;
  border-left-color: red;
  border-radius: 10px;
  -webkit-animation: pace-spinner 400ms linear infinite;
  -moz-animation: pace-spinner 400ms linear infinite;
  -ms-animation: pace-spinner 400ms linear infinite;
  -o-animation: pace-spinner 400ms linear infinite;
  animation: pace-spinner 400ms linear infinite;
}

@-webkit-keyframes pace-spinner {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes pace-spinner {
  0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes pace-spinner {
  0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes pace-spinner {
  0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes pace-spinner {
  0% { transform: rotate(0deg); transform: rotate(0deg); }
  100% { transform: rotate(360deg); transform: rotate(360deg); }
}


.box .overlay > .overlay_in > div {display: table-cell; vertical-align: middle;}
.box .overlay > .overlay_in {display: inline-table; width:100%; height:100%; text-align:center; vertical-align: middle;}
.box .overlay > .overlay_in > div > i {font-size: 30px; margin-bottom: 5px;} /* 4em */
.box  .overlay > .overlay_in p {font-weight: bold;}
.box .overlay > .overlay_in dl {margin-bottom: 5px;}
.box .overlay > .overlay_in button {margin-right:5px;}

/* .modal-content {position: relative;} */
.modal-content .overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 50;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 3px;
}
.modal-content .overlay .overlay_2,
.box .overlay .overlay_2 {position: absolute; text-align:center; vertical-align: middle;
  left:1.1em; right:1.3em; top:40%;
  font-size: 30px;
}
.modal-content .overlay .overlay_2 span,
.box .overlay .overlay_2 span {font-size: 20px; display: block; font-weight: bold; color: rgb(95, 94, 94);}

.modal-content .overlay .overlay_2.ov_big,
.box .overlay .overlay_2.ov_big {top:35%;}
.modal-content .overlay .overlay_2.ov_big > i,
.box .overlay .overlay_2.ov_big > i {font-size: 130px; color: rgb(131, 131, 131);}
.modal-content .overlay .overlay_2.ov_big span,
.box .overlay .overlay_2.ov_big span {padding-top: 15px;}
.modal-content .overlay .overlay_2.ov_big small,
.box .overlay .overlay_2.ov_big small {font-size: 12px; display: block; color: rgb(131, 131, 131); line-height: 12px; margin-top: 5px;}
.modal-content .overlay .overlay_2.ov_bg,
.box .overlay .overlay_2.ov_bg {border-radius: 15px 50px 15px 50px; background: red;}
.modal-content .overlay .overlay_2.ov_bg > i,
.modal-content .overlay .overlay_2.ov_bg span,
.box .overlay .overlay_2.ov_bg > i,
.box .overlay .overlay_2.ov_bg span {color: #ffffff;}

.bg_wrp {background-color: #ecf0f5;}

.lockscreen-name {
  text-align: center;
  font-weight: 600;
  font-size: 25px;
}

.lockscreen-item {
  border-radius: 4px;
  padding: 0;
  background: #fff;
  position: relative;
  margin: 10px auto 15px auto;
  width: 290px;
}
.lockscreen-item select {
  width: 290px;
}
.lockscreen-credentials {
  margin-left: 0px;
}
.lockscreen-wrapper {
  max-width: 100%;
  margin: 0 auto;
  margin-top: 10%;
}