.small { height:45px; width:45px; -o-object-fit:cover; object-fit:cover; -o-object-position:50% 10%; object-position:50% 10%; border-radius:50%; box-shadow:0 2px 6px rgba(0,0,0, .2); } .bigger { border-radius:6px; box-shadow:0 2px 6px rgba(0,0,0, .2); } .productdetails { position: relative; } #zoomed-product-img { display: none; position: absolute; left: 0; top: 0; max-width: 100%; height: 100%; z-index: 1000; } /* This is the product detail image styles */ .productsdetail-image:hover img { /*display: none;*/ } .productsdetail-image:hover + #zoomed-product-img { display: block; } .mdl { text-align: center!important; } .mdlv { vertical-align: middle!important; } .btn { line-height: 0.9; } .grn { font-size: 24px; color: #1f9c17; } .red { font-size: 24px; color: #bf1a1a; } #ok_mess1, #ok_mess2, #ok_mess3 { display: none; } #err_mess1, #err_mess2, #err_mess3 { display: none; } .success_mess { color: #0ebd02; float: right; font-weight: 600; margin: 3px 23px 0 0; } .success_mess_l { color: #0ebd02; float: left; font-weight: 600; margin: 5px 0 0 23px ; } .error_mess { color: #bf1a1a; float: right; font-weight: 600; margin: 3px 23px 0 0; } .error_mess_l { color: #bf1a1a; float: left; font-weight: 600; margin: 5px 0 0 23px ; } .proc3 { display: inline-block; width: 125px; padding: .575rem .75rem!important; font-size: 1.1rem!important; margin: 0 0 3px 0!important; } .proc4 { float: right; display: inline-block; width: 107px; padding: .395rem .75rem!important; font-size: 1rem!important; margin: 0 0 0px 0!important; } .proc5 { float: left; position: relative; top: 4px; display: inline-block; width: 107px; padding: .395rem .75rem!important; font-size: 1rem!important; margin: 0 0 0px 0!important; } .mytitle { margin: 4px 0 0 0!important; } .noshow { display: none!important; } .alert_good { display: none; margin: 4px 0 0 25px; padding: 6px 75px 6px 19px; /*display: inline-block;*/ background: #3fbb5c; border-radius: .15rem; color: #fff; } .alert_error { display: none; margin: 4px 0 0 25px; padding: 6px 75px 6px 19px; /*display: inline-block;*/ background: #ca5353; border-radius: .15rem; color: #fff; } .alert_some_err { display: none; margin: 4px 0 0 25px; padding: 6px 75px 6px 19px; /*display: inline-block;*/ background: #6c757d; border-radius: .15rem; color: #fff; } .mrg_mess { margin: 0 39px 0 0!important; } .wd90 { width: 90px!important; } .wd115 { width: 72px!important; } .loader01 { display: none; width: 14px; height: 14px; border: 3px solid #9ab3c9; border-right-color: transparent; border-radius: 50%; position: relative; -webkit-animation: loader-rotate 1s linear infinite; animation: loader-rotate 1s linear infinite; top: 50%; margin: 0px auto 0; box-sizing: border-box; } .loader01:after { content: ''; width: 3px; height: 3px; background: #9ab3c9; border-radius: 50%; position: absolute; top: -1px; left: 7px; box-sizing: inherit; } @-webkit-keyframes loader-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loader-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .avt_img_1 { display: inline-block; width: 24px; margin: 0 3px 0 2px; } .avt_img_2 { display: none; width: 24px; margin: 0 3px 0 2px; } .avt_img_selctd { display: inline-block; width: 24px; margin: 0 3px 0 2px; } .nav-link:hover .avt_img_1 { display: none; } .nav-link:hover .avt_img_2 { display: inline-block; } .info_tokns { display: inline-block; float: right; position: relative; top: -3px; } .main_tokens { background-color: #e4f1ff; padding: 0 2px 2px 2px; border-radius: 3px; } .ya_tokens { background-color: #faf7d7; padding: 0 2px 2px 2px; border-radius: 3px; } .googl_tokens { background-color: antiquewhite; padding: 0 2px 2px 2px; border-radius: 3px; } .dead_mess { color: red; font-weight: 600; } .ips_banned { background-color: #28b81714; padding: 0 2px 2px 2px; border-radius: 3px; margin-right: 9px; } .photo105 { display: block; width: 200px; height: 200px; border-radius: 5px; }