/* see also https://bootsnipp.com/snippets/GaxR2 */
    .switch {
    	position: relative;
    	display: inline-block;
    	width: 40px;
    	height: 20px;
    }
    
    .switch input {
    	opacity: 0;
    	width: 0;
    	height: 0;
    }
    
    .slider {
    	position: absolute;
    	cursor: pointer;
    	top: 0;
    	left: 0;
    	right: 0;
    	bottom: 0;
    	background-color: #3ab23a;
    	-webkit-transition: .4s;
    	transition: .4s;
    }
    
    .slider:before {
    	position: absolute;
    	content: "";
    	height: 15px; /* slider button size */
    	width: 15px;
    	left: 3px;
    	bottom: 3px;
    	background-color: white;
    	-webkit-transition: .4s;
    	transition: .4s;
    }
    
    .label_right {
        text-align: right;
        padding-right: 0px;
    }
    
    input:checked+.slider {
    	background-color: #dc3545; /* red */
    }
    
    input:focus+.slider {
    	
    }
    
    input:checked+.slider:before {
    	-webkit-transform: translateX(20px);
    	-ms-transform: translateX(20px);
    	transform: translateX(20px);
    }
    
    /* Rounded sliders */
    .slider.round {
    	border-radius: 34px;
    }
    
    .slider.round:before {
    	border-radius: 50%;
    }
    
    /* --------------------------------------------------------------------------- */           
    
    .pointer {cursor: pointer;}
    
    .modal-header {     		/* see: https://github.com/makeusabrew/bootbox/issues/633 */
	    display: block;
	}   
    
    td span {
    	valign: middle;        
    }
           
        .modal-backdrop.show {
            background-color: #213260;
            opacity: 0.25;
        }
        
        .bootbox .modal-header{
            display: block;
        }
        
        .table td, .table th {
            padding: 0.2rem;
            font-size: 12px;
        }	

        .modal-body {
           /*  padding: 0.2rem; */
/*              font-size: 12px; */
        }	           

        .presentTable {
        	width: 100%;
        	max-width: 100%;
        	margin-bottom: 20px;
        	font-size: 12px;
        }
            
        .presentTable th  {
            background-color: #eee;
            border-top: 1px solid #ddd;
            padding: 5px;
            padding-left:15px;
        }
        
        .presentTable td  {
        	border-top: 1px solid #ddd;
        	padding-left: 30px;
        	background-color: #ffffff;	/* #ffffb9 */
        }
        
        .presentTable .form-check-input  {
            position: initial;		/* to center checkbox */ 
        }