b, .font-bold {font-weight:bold !important;}
.m-l-5{margin-left:5px;}
.m-l-15{margin-left:15px !important;}
.m-l-min-20{margin-left:-20px !important;}
.m-l-min-12{margin-left: -12px !important;}
.m-r-10{margin-right:10px;}
#btnBookNow.btn-event-custom{padding: 6px 24px;background:linear-gradient(135deg, #845a20 0%, #c6a050 56%, #c6a050 56%, #c6a050 56%, #c6a050 100%, #c6a050 100%, #207cca 100%, #2989d8 100%, #7db9e8 100%);color:#fff;}
#btnBookNow:hover,#btnBookNow:focus{background:linear-gradient(135deg, #845a20 0%, #845621 56%, #845621 56%, #845621 56%, #845621 100%, #845621 100%, #845621 100%, #845621 100%, #845621 100%);}
#btnBookNow i{margin-left:8px;}
.modal-backdrop.in{opacity:0.5;}
.modal{margin-top:1%;}
.modal-head{text-align: center;padding: 15px 0px;background-color: #009688;color: white;font-size: 20px;font-weight: bold;}
.modal-body{max-height:700px; overflow-y:auto;}
    .modal-body::-webkit-scrollbar {width: 4px;background: transparent;}
    .modal-body::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.5);}

.top-alert{top:0;}
#WorkshopEvents{margin-top:50px;}
#WorkshopEvents .WorkshopEventDetails {min-height: 197px;border: 1px solid #dfdfdf;margin-top:20px;}            
    #WorkshopEvents .WorkshopEventDetails .evtLeft { float:left;border-right:1px solid #dfdfdf;}
        #WorkshopEvents .WorkshopEventDetails .evtLeft img {height: 195px;width: 196px;}
    #WorkshopEvents .WorkshopEventDetails .evtRight {margin-left:196px;}
        #WorkshopEvents .WorkshopEventDetails .evtRight .evtHead {padding: 10px 0px; text-align:center; color: #b0893b; font-weight: 700;border-bottom: 1px solid #dfdfdf;}
        #WorkshopEvents .WorkshopEventDetails .evtRight .evtDetails {padding: 0px 10px;}
            #WorkshopEvents .WorkshopEventDetails .evtRight .evtDetails div{ line-height:30px}
            /*#WorkshopEvents .WorkshopEventDetails .evtRight .evtDetails div.evtInfo{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 70%;}*/                    
            #WorkshopEvents .WorkshopEventDetails .evtRight .evtDetails div.evtInfo{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;line-height: 22px;margin-bottom: 8px;margin-top: 6px;text-overflow: ellipsis;max-width:100%;}
    #WorkshopEvents .WorkshopEventDetails .ribbon-wrapper{float: right;margin-top: -60px;margin-right: -10px;}
        #WorkshopEvents .WorkshopEventDetails .ribbon-wrapper .ribbon-front {padding: 10px;border: 1px dashed;border-right: 0px;}
            #existUser,#newUser {padding: 40px 50px;display:none;}
    #existUser label, #newUser label{margin-bottom: 5px;font-weight:500;}
    #existUser .btn-form-group, #newUser .btn-form-group{margin-top:10px;text-align: right;}
    #existUser .lbl-agree,#newUser .lbl-agree{color: #737272;font-size: 14px;letter-spacing: 0.5px;}
    #newUser #AgreeTerms, #newUser #EnableSocialMedia{width: 20px;height: 20px;}

#eventTermsModal ol{padding: 0px 30px;list-style: decimal;}
#eventTermsModal ol li{margin:10px 0px;}

.err-field input, .err-field select, .err-field textarea{border-color:red;}
.err-field .img-upload input {margin-left:25%;}
span.err-span{color:red;font-size: 12px;font-weight: 700;display: block;margin-top: 4px;}
button .fa-spin{margin-left:5px;}

.ulTickets {margin: 10px 0px;}
    .ulTickets li {display: inline-block;width: 30px;height: 30px;cursor: pointer;border: 1px solid #999;color: black;border-radius: 100%;padding: 8px 5px;font-size:14px;}
    .ulTickets li.selected {background-color:red; color:white;border:0px;}