.cursor-none { cursor: default !important; } /* Bootstrap 4 classes */ .mr-3 { margin-right: 0.75rem; } .mr-8 { margin-right: 2rem; } .mr-7 { margin-right: 1.75rem; } .mr-15 { margin-right: 3.75rem; } .text-right { text-align: right; } .opacity-80 { opacity: 0.8; } /* Font color css */ .fc-white, .fc-hover-white:hover, .fc-hover-white.active { color: #ffffff; } .fc-black, .fc-hover-black:hover { color: #101014; } .fc-light-gray, .fc-hover-light-gray:hover { color: #7b7b88; } .fc-dark-gray, .fc-hover-dark-gray:hover { color: #666666 !important; } .fc-dark-blue, .fc-hover-dark-blue:hover { color: #475eab; } .fc-blue, .fc-hover-blue:hover { color: #038cb7; } .fc-yellow, .fc-hover-yellow:hover { color: #d2df43; } /* Background color css */ .bg-blue { background: #038cb7; } .bg-light-gray { background: #f7f7f7; } .bg-light-blue { background: #f5f6ff; } .bg-light-blue1 { background-color: #f3f7f9; } .bg-dark-blue { background: #475eab; } .bg-hover-dark-blue:hover, .bg-hover-dark-blue.active { background: #475eab !important; } .bg-gradient-blue { background-image: linear-gradient(to right, #475eab, #038cb7); } /* border colours css */ .border-gray { border-color: #ececec; } /* Border radius css */ .rounded-25 { border-radius: 25px; } .rounded-15 { border-radius: 15px; } .rounded-10 { border-radius: 10px; } .rounded-5 { border-radius: 5px; } /* Margin and padding class */ .pt-60 { padding-top: 60px; } .pb-60 { padding-bottom: 60px; } .mb-50 { margin-bottom: 50px; } .mb-60 { margin-bottom: 60px; } /* Box-shadow css */ .shadow1 { box-shadow: 0 3px 6px rgba(71, 94, 171, 0.4); -webkit-box-shadow: 0 3px 6px rgba(71, 94, 171, 0.4); -o-box-shadow: 0 3px 6px rgba(71, 94, 171, 0.4); -ms-box-shadow: 0 3px 6px rgba(71, 94, 171, 0.4); -moz-box-shadow: 0 3px 6px rgba(71, 94, 171, 0.4); } /* height css */ .h-55 { height: 55px; } /* Text transform style */ .text-transform-none { text-transform: none !important; } @media (max-width: 1399px) { .h-55 { height: 45px; } .pt-60 { padding-top: 40px; } .pb-60 { padding-bottom: 40px; } .mb-50 { margin-bottom: 40px; } .mb-60 { margin-bottom: 40px; } } @media (max-width: 991px) { .pt-60 { padding-top: 30px; } .pb-60 { padding-bottom: 30px; } .mb-50 { margin-bottom: 30px; } .mb-60 { margin-bottom: 30px; } } @media (max-width: 767px) { .pt-60 { padding-top: 20px; } .pb-60 { padding-bottom: 20px; } .mb-50 { margin-bottom: 20px; } .mb-60 { margin-bottom: 20px; } }