/* CSS Document */ /* SLIDER CSS */ /* The switch - the box around the slider */ .switch { position: relative; display: inline-block; width: 54px; height: 28px; float: right; } /* Hide default HTML checkbox */ .switch input { display:none; } /* The slider */ .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; font-size: 13px; } .slider:before + input:checked { } input:checked + .slider { background-color: #2B4793; } input:focus + .slider { box-shadow: 0 0 1px #2B4793; } input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); font-family:"Font Awesome 5 Pro"; color: #999; text-align: center; content: "\f0c6"; } /* Rounded sliders */ .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } .sliderb { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #E7BEBF; } .sliderb::before { background-color: #fff; bottom: 4px; font-family:"Font Awesome 5 Pro"; font-weight:900; color: #999; font-size: 13px; text-align: center; content: "\f360"; height: 20px; left: 4px; position: absolute; /* width: 46px;*/ width:20px; } .sliderb.round { border-radius: 34px; } .sliderb.round:before { border-radius: 34px; } .slider-type2 { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .slider-type2:before { position: absolute; height: 20px; width: 20px; left: 4px; bottom: 4px; background-color: #fff; -webkit-transition: .4s; transition: .4s; font-size: 13px; } .slider-type2.round { border-radius: 34px; } .slider-type2.round:before { border-radius: 50%; } input:checked + .slider-type2 { background-color: #C73737; } .sliderx { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; } .sliderx::before { background-color: #fff; bottom: 4px; font-family:"Font Awesome 5 Pro"; font-weight:900; color: #999; font-size: 13px; text-align: center; /* content: "\f090"; */ content: ""; height: 20px; left: 4px; position: absolute; /* width: 46px;*/ width:20px; } .sliderx.round { border-radius: 34px; } .sliderx.round:before { border-radius: 34px; } .img_i { display: inline-block; padding: 0; margin-top: 5px; font-size: 8px; font-family: "Poppins", Times New Roman; font-weight: 600; color: #000; } .img_i > li { float: left; position: relative; display: block; padding: 4px; /*padding-left: 5px;*/ /*padding-top: 1px;*/ margin-left: 6px; background-color: rgba(220,53,69,0.32); border-radius: 50%; width: 24px; height: 24px; text-align: center; cursor: pointer; font-weight: bold; font-size: 12px; line-height: 14px; color: rgba(255,255,255,0.7); border: 1px solid rgba(220,53,69,0.32); } .img_i > li.on { background-color: #DC3545; color: #fff; border: 1px solid rgba(255,255,255,0.5); } .img_small_dots > li { padding: 2px; /*padding-left: 5px;*/ /*padding-top: 1px;*/ margin-left: 2px; border-radius: 50%; width: 12px; height: 12px; font-weight: normal; font-size: 6px; line-height: 7px; } img, a { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } .preload { display: none; height: 0px; width: 0px; } .img-swipe-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; } .list-group-text-small { font-size:12px; padding-top:4px; color: #555; } .list-group-text-item { color: #000; font-weight: 600; } .list-group-999 { color: #999; } .list-group-text-description { color: #000; font-weight: 300; max-width: 70%; text-align: left; font-size: 14px; line-height: 26px; } .lgt-rm { margin-right: 10px; } .fa-blue { color: #2B4793; } .bundle_watch_modal { font-size: 12px; width: 100%; } .bundle_watch_modal_tr { border-bottom: 1px solid #ccc; } .bundle_watch_modal > tbody > tr:last-child { border-bottom: none; } .bundle_watch_modal .switch { margin-top: .3rem; margin-bottom: .3rem; } .bundle_watch_modal img { width: 30px; margin-right: 8px; } @media (max-width: 470px){ .img_i > li { float: left; position: relative; display: block; padding: 1px; /* padding-left: 5px; */ /* padding-top: 1px; */ margin-left: 2px; background-color: rgba(220,53,69,0.32); border-radius: 50%; width: 18px; height: 18px; text-align: center; cursor: pointer; font-weight: bold; font-size: 10px; line-height: 14px; color: rgba(255,255,255,0.7); border: 1px solid rgba(220,53,69,0.32); } }