body {font-family:Microsoft JhengHei;font-weight:400;margin:0px;padding:0px;color:#222;font-size:15px;width:100%;background:#f2f2f2 !important;}	
div{padding:0px;margin:0px;}
ul {margin:0;padding:0;}
ul li {list-style:none;margin:0;padding:0;}		
ul li a {text-decoration:none;}	
a {text-decoration:none !important;cursor: pointer !important;/* border:none !important;Outline: 0; */}
img{border:none;padding:0px;margin:0px;}
input{Outline: 0}

.login_page{width:100%;min-width:325px;background:url(../img/bottom_img.jpg) no-repeat bottom;background-size:100%;}
.login_inside{width:340px;margin-top:-50px;padding-left:50px;border-left:solid;border-image:linear-gradient(to bottom, #fff 0%,#ccc 40%,#ccc 62%,#fff 100%) 1 100%;border-width:1px}
.logo{margin-top:-30px;text-align:center;}
.main_title{border-bottom:1px solid #ccc;font-size:16px;}
.main_title font{font-family:times;font-size:30px;}
.sub_title{font-family:times;font-size:11px;text-align:right;margin-top:5px;}
.login_input {margin-top:10px;}
.login_input input{width:290px;margin:3px 0px;border:1px solid #ccc;padding:5px 0px;padding-left:30px;font-size:12px;Outline: 0}
.login_input input.user{background:url(../img/user_icon.jpg) no-repeat left center;}
.login_input input.password{background:url(../img/password_icon.jpg) no-repeat left center;}
.login_button{margin-top:10px;}
.login_button input{background:#16a074;color:#fff}
.but_forget{font-size:12px;color:#31afa6;margin:0px 10px;}
.but_login{background:#7069a4;color:#fff;font-size:12px;padding:3px 10px;}
.but_login:hover{border:none;text-decoration:none;background:#aaa;color:#fff}

.footer{text-align:center;font-size:12px;padding:5px 0px;width:100%;float:left;bottom:0px;}


@media (max-width: 767px){
 .login_inside{border:none !important;margin:0px auto;padding:0px;width:290px;margin-top:-20px;}
}


body{background:url(../img/right_img.jpg) no-repeat left top;}
.index_page{background:url(../img/left_img.png) no-repeat right top;background-size:60%}
.main_logo{height:100px;padding-top:60px;padding-left:10px;}
.main_logo img{margin-top:-35px;}

/* .main_mb_btn{width:100%;float:left; margin-top:-40px margin-top:60px} */
.main_mb_btn{width:100%;float:left;/* margin-top:-40px *//* margin-top:5px; */}
.main_mb_btn table{float:right}
.main_mb_btn td{padding:0px 10px}
.main_mb_btn td.welcome{padding-top:15px;}
.mb_btn_body li{display:inline;padding-right:5px;}
.mb_btn_body{margin-top:5px;}
.mb_btn_body li a{color:#222}
.mb_btn_body li a:hover{color:#0d8281}
.mb_btn_body img{margin-top:-5px;padding-right:3px;}

@media (min-width: 1200px){
.index_page{background-size:50%}
.main_logo{height:170px;padding-top:50px;padding-left:60px;}
.main_mb_btn{/* margin-top:-120px */}
}




@media (max-width:680px){ 
 .main_logo img{width:150px;}
 .main_logo {width:100%;text-align:left;padding:0px;padding-top:50px;}
}

.main_system_btn{margin-top:50px;position:relative}
.main_system_btn .b{margin-top:10px;}
.box,.box_r,.box_l,.box_br,.box_bl{
  border: solid 2px #ccc;
  margin-bottom: 30px;
  height: 230px;
  background: url(../img/box_re.jpg) repeat-x bottom;
  background-size:100% 100%;
  border-radius:20px 20px 20px 20px;
  position: relative;  
}
/*
.box_r{
 
  border-right: solid 2px #ccc;		
}
.box_l{
  border-top: solid 2px #ccc;
  border-left: solid 2px #ccc;		
}
.box_br{
  border-bottom: solid 2px #ccc;
  border-right: solid 2px #ccc;		
}
.box_bl{
  border-bottom: solid 2px #ccc;
  border-left: solid 2px #ccc;		
}
*/
.cro_left_top,.cro_right_top,.cro_left_bottom,.cro_right_bottom
{
position: absolute;
width: 110px;
height: 110px;
border: 0;
z-index: 1;
background: #ffffff;
}

.cro_left_bottom{
left: -1px;
bottom: -1px;
border-radius:0px 110px 0px 0px;
border: 0;
}


.cro_right_bottom{
right: -1px;
bottom: -1px;
border-radius:110px 0px 0px 0px;
border: 0;
}

.cro_right_top{
right: -1px;
top: -1px;
border-radius:0px 0px 0px 110px;
border: 0;
}

.cro_left_top{
left: -1px;
top: -1px;
border-radius:0px 0px 110px 0px;
border: 0;
}

.cro_btn{
width: 115px;
height: 115px;	
color:#fff;
	background:gray;
	margin:-22px -15px -15px -15px;
}
.cro_btn_rt{	
	border-left:2px solid ;
	border-bottom:2px solid ;
}
.cro_btn_lt{	
	border-bottom:2px solid ;
	border-right:2px solid ;
}

.cro_btn_rb{	
	border-left:2px solid ;
	border-top:2px solid ;
}
.cro_btn_lb{	
	border-top:2px solid ;
	border-right:2px solid ;
}

.rb_font{
	font-size:45pt;
	position: absolute;
	top:28px;
	right:20px;
}

.lb_font{
	font-size:45pt;
	position: absolute;
	top:28px;
	left:15px;
}

.rt_font{
	font-size:45pt;
	position: absolute;
	top:-10px;
	left:35px;
}

.lt_font{
	font-size:45pt;
	position: absolute;
	top:-10px;
	right:40px;
}


.box:before {
    content: " ";
    position: absolute;
    width: calc( 100% - 30px);
    height: 60px;    
    background-repeat: no-repeat;
    background-position: center;
    top: -21px;
}
.surgery_before:before{background-image: url(../img/top_01.png);}
.surgery_ing:before{background-image: url(../img/top_02.png);}
.surgery_after:before{background-image: url(../img/top_03.png);}
.surgery_visit:before{background-image: url(../img/top_04.png);}

.box:after {
    content: " ";
    position: absolute;
/*     width: calc( 100% - 20px); */
    height: 30px;
    background-image: url(../img/box_bottom.png);
    background-repeat: no-repeat;
    background-position: top;
    top: calc(100% - 30px);
    left: 0px;
    background-size:100%;
}

.main_system_btn a{color:#222}
.box img{width:100%;margin-top:50px;margin-left:10px;}
.s_text{margin-top:50px;}
.s_text td{padding:1px 5px }
.s_text td span{color:#2e65d6}


@media only screen and (min-width: 640px) and (max-width: 980px) {
 .s_text{font-size:12px;}
 .s_text td{padding:1px 3px }
 .box{ height: 200px;}
}

@media only screen and (min-width: 500px) and (max-width: 640px) {
 .s_text{font-size:12px;}
 .s_text td{padding:1px 0px }
 .box{ height: 200px;}
}

.surgery_before .s_text,.surgery_after .s_text{margin-top:70px;}
.counter_text{padding-top:5px}

.login_box{display:none;width:180px;line-height:30px;background:#fff;box-shadow: 6px 6px 16px rgba(0,0,0,0.3);position:absolute;z-index:99;font-size:11pt;text-align:center;padding:5px 10px;}
.login_box li{border-bottom:1px dashed #ccc;}
.login_box li a{color:#999}
.login_box li a:hover{color:#555}

.main_system_list{min-height:700px}

.list_btn{border:1px solid #ccc;padding:10px 10px 7px 10px;border-radius:10px;margin-top:10px;float:left;width:100%;/* z-index:1041 */}
.list_btn li{display:inline;}

.list_date{float:left}
.calendar img{width:20px}
.calendar_search{text-align:right;float:right;}
.calendar_search .serach_input{margin-left:-5px;width:115px;font-size:12px}
.calendar_search .search_select_style{height:40px;color:#555;Outline: 0;font-size:16px;margin-right:10px;}
.calendar_search .search_select{height:40px;color:#555;Outline: 0;font-size:16px;margin-right:10px;}
.search_btn {margin-left:5px;margin-right:5px;cursor: pointer;border:none}

.list_date ul{margin-top:7px;}
.list_date li{border-right:1px solid #ccc;padding:0px 5px;margin:0px 0px;}
.list_date li a{color:#555;padding:0px 10px}
.list_date li a:hover{color:#1e7c08}
.list_date li.active a{background:#1e7c08;border-radius:10px;}
.list_date li.active a{color:#fff}

@media only screen and (max-width:810px) {
.calendar img{width:20px}
.list_date li{padding:0px 5px;margin:0px 0px;}
.list_date li a{padding:0px 5px;font-size:13px;}


}

@media only screen and (max-width:660px) {
.calendar img{width:20px}
.list_date li{padding:0px 5px;margin:0px 0px;}
.list_date li a{padding:0px 5px;font-size:13px;}

.search input{width:100px;}
}

@media only screen and (max-width:660px) {
	.calendar_search{width:350px;}
.calendar_search{margin-top:10px;}
}

.main_contact{width:100%;float:left}

.edit_menu{width:30px;height:20px;background:#ccc;position:absolute;right:0px;z-index:999;margin-top:10px;}
.closes{background:#aaa url(../img/close.png)no-repeat center;cursor: pointer;}
.opens{background:#ccc url(../img/open.png)no-repeat center;cursor: pointer;width:15px}
.editactive{background:#d0d0d0;}

.edit_btn{width:30px;position:absolute;right:0px;margin-top:30px;z-index:999;font-size:12px;line-height:15px;opacity: 0.8}
.edit_btn li{text-align:center;/* padding:5px 10px; */border:1px solid #aaa;cursor: pointer;background:#fff}
.edit_btn li a{color:#555;padding:10px 5px;display:inline-block;}
.edit_btn li a:hover{color:#ffffff;background:#555;}


.edit_btn li.add{background:#d8f4e2;border-bottom:0px}
.edit_btn li.edit{background:#d8dff4;border-bottom:0px}
.edit_btn li.del{background:#d8edf4;}


.main_menu{/* float:left; */width:100%;margin-top:10px;font-weight:bold;font-size:12pt;padding-left:20px;}
.main_menu li a{color:#555}
.main_menu li a:hover{color:#006e8b}
.main_menu li.active a{color:#008B8B;font-weight:bold;}

.main_menu li::before{ content:'▸';}
.main_menu li{display:inline;padding:0px 5px}

#list_table{margin-top:20px;float:left}
#list_table .list_img{width:80px;height:80px;}


.main_pageselect{clear:both}
.pagination{margin:0px auto;text-align:center}
.pagination a{color:#555;padding:0px 3px}


.thead-inverse th{background:#1293b6;border:none;padding:5px 0;}
.thead-inverse-sub th{border:none;padding:5px 0;color:#FFF;}
.text-center{padding:0px}
/* .table .btn{width:30px;height:27px;padding:0px;} */
/*.table .btn i{font-size:10px;}*/

.serach_input{display:inline}

.table_list{width:100%}

.patient_totle{width:210px;height:210px;cursor: pointer;background:url(../img/btn.png)no-repeat center;background-size:100%;margin-left:-110px;position:absolute;top:130px;left:50%;}

@media(max-width: 1024px) {
 .patient_totle{width:190px;height:190px;margin-left:-100px;top:140px;}
}

@media(max-width: 768px) {	
	.patient_totle{top:-20px}
	.main_system_btn{padding-top:200px;}
	}
	
.show_img img{width:100px}	
.upload_img .kv-fileinput-caption{height:38px;margin-right:5px;margin-bottom:5px;}
.upload_img .progress{margin-bottom:5px;}

.menu_list{border:1px dotted #ccc;margin-right:2px;float:left;cursor: pointer;margin-bottom:2px;width:calc(100% / 14 - 2px);}
.menu_list:hover{background:#006e8b !important}
.set_menu{margin:0px auto;margin-top:20px;margin-bottom:20px;}
.menu_icon{color:#ccc;}
.menu_text a{color:#888;font-size:14px;}
.menu_icon i{font-size:15px;color:#ccc;}
.menu_list.active {background:#89c3e5}
.menu_list.active .menu_text a{color:#fff;}
.menu_list.active .menu_icon i{color:#fff;}

.upload_end_img{width:120px;float:left}
.upload_end_img a.btn-danger:hover{background:#f5f6fe !important}


 
@media (max-width:1850px) {
	.menu_list{min-height:60px !important}	
}	
@media (max-width:1350px) {
	/* .menu_list{min-height:90px !important}	 */
	.menu_list{min-height:70px !important}	
}

@media (max-width:1120px) {
	/* .menu_list{min-height:110px !important}	 */
}	
@media (max-width:760px) {
	.menu_list{min-height:180px !important}	
}	


.bootstrap-dialog-footer-buttons{text-align:center;}
.bootstrap-dialog-footer-buttons button{width:120px;height:50px;}

.form-group.form-inline.float-right {color:#222 !important}
/*.form-group.form-inline.float-right .text-danger{color:#fff !important}*/
/*popover的設定*/
.popover-title {
    color: blue;
 
}
.popover-content {
    color: #fff;
   background:rgba(0,0,0,0.6);
   border-radius:3px !important;
   padding:6px !important;
}

.form-group.form-inline.yaer_search{width:310px;height:30px;}
.mainlist_active{background-color:#FFF5EE;}
/*銷售首頁設定*/
#indexsellbox{padding:10px;min-height:600px;}
#indexsellbox .indexsellbox_list{margin-top:10px;margin-bottom:10px;}
#indexsellbox .indexsellbox_list span{font-size:12pt;font-weight:bold;}

a.btn i{
	margin-left:2px;
	margin-right:2px;
}
/*bootstrap 4*/
.table {
  width: 100%;
  margin-bottom: 1rem;
  /* color: #212529; */
}

.table th,
.table td {
  /* padding: 0.75rem; */
  vertical-align: top;
  /* border-top: 1px solid #dee2e6; */
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #dee2e6;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #b8daff;
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #7abaff;
}

.table-hover .table-primary:hover {
  background-color: #9fcdff;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #9fcdff;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #d6d8db;
}

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: #b3b7bb;
}

.table-hover .table-secondary:hover {
  background-color: #c8cbcf;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #c8cbcf;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #c3e6cb;
}

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: #8fd19e;
}

.table-hover .table-success:hover {
  background-color: #b1dfbb;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #b1dfbb;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #bee5eb;
}

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #86cfda;
}

.table-hover .table-info:hover {
  background-color: #abdde5;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #abdde5;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffeeba;
}

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: #ffdf7e;
}

.table-hover .table-warning:hover {
  background-color: #ffe8a1;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffe8a1;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f5c6cb;
}

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: #ed969e;
}

.table-hover .table-danger:hover {
  background-color: #f1b0b7;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #f1b0b7;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe;
}

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: #fbfcfc;
}

.table-hover .table-light:hover {
  background-color: #ececf6;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ececf6;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c6c8ca;
}

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: #95999c;
}

.table-hover .table-dark:hover {
  background-color: #b9bbbe;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b9bbbe;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55;
}

.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.table-dark {
  color: #fff;
  background-color: #343a40;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #454d55;
}

.table-dark.table-bordered {
  border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-responsive > .table-bordered {
  border: 0;
}

.btn-outline-primary {
  color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #007bff;
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-success {
  color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:hover {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:focus, .btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}

.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-dark {
  color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:focus, .btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}

.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-link {
  font-weight: 400;
  color: #007bff;
  text-decoration: none;
}

.btn-link:hover {
  color: #0056b3;
  text-decoration: underline;
}

.btn-link:focus, .btn-link.focus {
  text-decoration: underline;
}

.btn-link:disabled, .btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 0.5rem;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.fade {
  transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}

@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}

@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}

@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}

.bg-primary {
  background-color: #007bff !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #0062cc !important;
}

.bg-secondary {
  background-color: #6c757d !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #545b62 !important;
}

.bg-success {
  background-color: #28a745 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #1e7e34 !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #117a8b !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #d39e00 !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #bd2130 !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #dae0e5 !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1d2124 !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.border {
  border: 1px solid #dee2e6 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-right {
  border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
  border-left: 1px solid #dee2e6 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #007bff !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #28a745 !important;
}

.border-info {
  border-color: #17a2b8 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #343a40 !important;
}

.border-white {
  border-color: #fff !important;
}

.rounded-sm {
  border-radius: 0.2rem !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-lg {
  border-radius: 0.3rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

.tab-pane{
	padding-top:20px;
	
}


.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.cursor-pointer{
	cursor: pointer;
}