.btn-left{
    text-decoration:none;
    color:#111111;
}

        
        
        
            body{
                 color:#111111;
                font-family:ABeeZee,arial;
                background:#dbddf9;
                vertical-align:middle;

            }
        
            #container{
                
                padding:1%;
                max-width:500px;
                margin-left:auto;
                margin-right:auto;
            }
        
            .regular{
                display:block;
                background:#fff;
                border-radius:10px;
                margin:10px;
                padding:10px;
                cursor:pointer;
            }
            
            .card{
                width:45%;
                max-width:200px;
                clear:both;
                display:inline-block;
                background:#fff;
                margin:2px;
                padding:2%;
                cursor:pointer;
                border-radius:10px;
                
            }
            
            #listview{
                clear:both;
            }
            
            
        .btnholder-right{
            text-align:right;
            display:block;
            }
            
            .btn{
                background:#fff;
                border-radius:10px;
                color:#7707aa;
                text-decoration:none;
                box-shadow:0 0 8px -3px black;
                padding:10px;
                margin:3px;
                font-weight:bold;
                cursor:pointer;
                border:0;
                
            }
            

            
            card{
                background:#fff;
                top: 50%;
                left: 50%;
                position: fixed;
                transform: translate(-50%,-50%);
                width:auto;
                min-width: 300px;
                min-height: 100px;
                padding: 3%;
                box-shadow:0 0 150px 100px rgba(0,0,0,0.3);
                border-radius: 5px;
                z-index:99;
                
            }
            
            .closebutton{
                text-decoration:none;
                color:#ff000;
                position:absolute;
                top: 0;
                right: 0;
                cursor: pointer;
                width: 30px;
                height: 30px;
            }
            
            .closebutton:hover{
                
                text-shadow:0 0 3px black;
                
            }
            
            
            
            select{
                border:0;
                padding:10px;
                border-radius:3px;
                background:#ebebeb;
                margin:5px;
                min-width:100px;
                
            }

            
            select:active, select:focus , input:active, input:focus {
                background:#dbddf9;
                outline: none;
            }
            
            button:active {
                 background:#ffc0c0;
            }
            button:focus {
                 outline: none;
            }
            
            button{
                -webkit-tap-highlight-color: rgba(0,0,0,0);
                -webkit-tap-highlight-color: transparent;
            }
            
            
            
            .timeblock{
                background:#fff;
                display:block;
                border-radius:10px;
                margin:3%;
                padding:2%;
            }
            
            .tbtime{
                text-align:left;
                margin:10px;
            }
            
            .tbitem-title{
                
                background:#2d358f;
                color:#fff;
                margin:10px;
                padding:10px;
                border-radius:15px;
                text-align:center;
            }
            
            .tbitem-single{
                
                background:#2d358f;
                color:#fff;
                margin:10px;
                padding:10px;
                border-radius:15px;
                width:30%;
                display:inline-block;
                min-height:180px;
                vertical-align:middle;
                text-align:center;
                position:relative;

            }
            
            .tbitem-multi{
                vertical-align:middle;
                background:#ebebeb;
                color:#fff;
                margin:10px;
                padding:10px;
                border-radius:15px;
                display:block;
                text-align:center;
            }
            

            .multiholder{
                vertical-align:middle;
                border-radius:15px;
                display:inline;
                text-align:center;
            }
            
            .addcard{
                
                top: 50%;
                left: 50%;
                position: absolute;
                transform: translate(-50%,-50%);
                width:50px;
                height:50px;
            
            }
            
            .timeblock .tbitem-multi > input[type="text"]{
                
                color:#2d358f;
                background:rgba(0,0,0,0);
                border:0;
                border-bottom:1px solid rgba(45,53,143,0.5);
                width:80%;
                border-radius:0;
                margin:10px;
            }
            
            
            .timeblock .tbitem-multi > input[type="text"]:focus{
                
                color:#2d358f;
                background:rgba(0,0,0,0);
                border:0;
                border-bottom:1px solid #2d358f;
                width:80%;
                border-radius:0;
               
               
            }
            
            
            .timeblock input[type="text"] , .date input[type="text"]{
                
                color:white;
                background:rgba(0,0,0,0);
                border:0;
                border-bottom:1px solid rgba(255,255,255,0.5);
                width:80%;
                border-radius:0;
                margin:10px;
                text-align:center;
            }
            
            
            .timeblock input[type="text"]:focus , .date input[type="text"]:focus{
                
                color:white;
                background:rgba(0,0,0,0);
                border:0;
                border-bottom:1px solid white;
                width:80%;
                border-radius:0;
                
            }
            
            
            .ximg{
                cursor:pointer;
                width:20px;
                height:20px;
                float:right;
            }
            
            img {
                color:white;
            }
            
            
            .ximg_event{
                cursor:pointer;
                width:20px;
                height:20px;
                float:left;
            }
            
            .date{
                
                background:#2d358f;
                color:#fff;
                margin:10px;
                padding:10px;
                border-radius:15px;
                text-align:center;
            }
            
            
            .clndr{
                margin:10px;
                padding:5px;
                color:white;
                border:1px solid white;
                border-radius:10px;
                cursor:pointer;
                background:rgba(0,0,0,0);
                
            }
            
            
            .clndr:hover{
                background: rgba(255,255,255,0.2);
                
            }
            
            
            .timepicker{
                background:#ebebeb;
                padding:10px;
                margin:5px;
                color:#111;
                width:auto;
                min-width:100px;
                border:0px solid #808080;
                border-radius:5px;
                text-align:center;
            }
            
            
            .timeblock .tbtime input[type="text"]{
                
                color:#2d358f;
                background:rgba(0,0,0,0);
                border:0;
                border-bottom:1px solid rgba(45,53,143,0.5);
                width:auto;
                border-radius:0;
                margin:10px;
                font-weight:bold;
            }
            
                .timeblock .tbitem-tbtime  input[type="text"]:focus{
                color:#2d358f;
                background:rgba(0,0,0,0);
                border:0;
                border-bottom:1px solid #2d358f;
                width:auto;
                border-radius:0;
                font-weight:bold;

               
               
            }