Viewing File: /usr/local/cpanel/base/webmail/jupiter/mail_clients/mail_clients.min.css

.mail-client-section{display:block;margin-bottom:20px}.mail-client{width:340px;margin-right:10px;float:left}.mail-client-name{font-weight:bold;font-size:14px;text-transform:capitalize}.mail-client-body{height:150px}.mail-client-img{max-width:100%;max-height:100%}.mail-client-preview{text-align:center;height:100px;overflow:hidden;display:block}.mail-client-action{text-align:center;font-weight:bold}a.mail-client-action-link{text-decoration:none}a.mail-client-action-link:hover>.mail-client-action{text-align:center;font-weight:bold;color:#333;background-color:#d4d4d4}.default-mail-client{text-align:center;font-weight:bold;color:#fff;background-color:#2980b9}#activeClientButtons{font-size:14px;height:60px}#activeClientLogo{text-align:center;vertical-align:middle;max-height:100%;max-width:100%}#activeClientLogoContainer{padding:20px;width:100%;height:calc(100% - 60px);line-height:150px;text-align:center;background:transparent;border:0}#availableEmail::placeholder{font-style:italic}#activeClientLogoContainer:focus{outline-offset:-5px}#clientColumn h3{margin-top:0}#activeClientContainer{height:250px}html[dir="ltr"] #activeClientButtons label{margin-left:5px}html[dir="rtl"] #activeClientButtons label{margin-right:5px}html[dir="rtl"] #launchActiveButton{margin-left:10px}html[dir="ltr"] #launchActiveButton{margin-right:10px}#errorDetailsHeader{margin-top:5px}#errorDetailsHeader button{margin-top:5px;text-decoration:none}#errorDetailsHeader>button>span{font-weight:bold}#errorDetailDisplay{overflow-wrap:break-word;hyphens:auto}#errorDetailDisplay ul{list-style-type:none;padding:0}.btn-show-hide{padding:0 0 4px 0;border:0;text-decoration:none}.form-control.invalid:focus{border-color:#f00;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,0,0,0.6)}#checkWithDevice{padding-left:40px;padding-right:40px}#checkWithDevice.fullWidth{width:100%;padding-left:15px;padding-right:15px}#checkWithDevice h3{margin-top:0}#infoAccountPreference{font-size:16px}.constrained{width:1500px}@media(max-width:1544px){.constrained{width:1150px}}@media(max-width:1174px){.constrained{width:1000px}}@media(max-width:1066px){.constrained{max-width:calc(100% - 20px);min-width:375px;margin:0}#checkWithDevice.fullWidth{width:100%;padding-left:0;padding-right:0}s footer .navbar{margin:0}#clientColumn h3{margin-left:-10px;margin-right:-10px}#webmailFeatureList h3{margin-left:5px;margin-right:5px}}@media(max-width:950px){#checkWithDevice{width:100%;padding-left:15px;padding-right:15px}#checkWithDevice.fullWidth{width:100%;padding-left:0;padding-right:0}#content{padding-left:0;padding-right:0}#checkWithDevice h3{margin-top:20px;margin-left:-10px;margin-right:-10px}#webmailFeatureList h3{margin-left:5px;margin-right:5px}}@media(max-width:767px){#activeClientLogo{height:auto;width:auto}#checkWithDevice h3{margin-top:20px;margin-left:-10px;margin-right:-10px}#content{padding-left:0;padding-right:0}#clientColumn h3{margin-left:-10px;margin-right:-10px}#webmailFeatureList h3{margin-left:5px;margin-right:5px}}div.clientDock{padding-left:15px;padding-right:15px}button.availableClientDock{height:55px;text-align:center;display:inline-block;width:49%;padding:5px;border:0;background:transparent}#sendDeviceConfig{width:100%}#sendInstructionsBtn{min-width:60px}button.availableClientDock.disabled{opacity:.33}button.availableClientDock:hover{cursor:pointer;transition:box-shadow .15s cubic-bezier(0.4,0,0.2,1);box-shadow:0 3px 3px -2px rgba(0,0,0,0.2),0 3px 4px 0 rgba(0,0,0,0.14),0 1px 8px 0 rgba(0,0,0,0.12)}button.availableClientDock.disabled{outline:0}button.availableClientDock.disabled:hover{cursor:not-allowed;box-shadow:none}button.availableClientDock:active{cursor:grabbing}img.availableClientDock{max-width:148px;height:100%}.invisible{display:none}.overexposed{display:inline}.sendEmailFormLabel{font-weight:bold}#emailFormValidation{margin-top:5px}.general-info-label{text-transform:capitalize;display:block}.general-info-value{display:block}.panel-widget{border-radius:3px;box-shadow:0 0 3px rgba(0,0,0,0.2);height:auto;border:0;margin-bottom:15px;display:table;width:100%;max-width:100%}.widget-heading{border:1px solid #293a4a;background-color:rgba(41,58,74,0.95);color:#fff;text-transform:uppercase}#stats .panel-widget .widget-heading{background-color:#fff;color:#0a2540;border:0;text-transform:none;font-size:14px;font-weight:600;padding:22px 22px 10px 22px}html[dir="rtl"] #stats .panel-widget .widget-heading{padding:22px 22px 10px 22px}#stats .panel-widget td{padding:8px 24px}#stats .panel-widget td .general-info-label{font-size:12px;color:#586376}#stats .panel-widget td .general-info-value{font-size:14px}.gen-info__title_row{position:relative}.gen-info__details-title{display:inline-block}.copy-msg-container{position:absolute;right:10px;top:5px;display:none}html[dir="rtl"] .copy-msg-container{left:10px;right:auto}.show-copy-success{display:inline-block;-moz-animation:animateFadeOut 0s ease-in 3s forwards;-webkit-animation:animateFadeOut 0s ease-in 3s forwards;-o-animation:animateFadeOut 0s ease-in 3s forwards;animation:animateFadeOut 0s ease-in 3s forwards;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;animation-timing-function:ease-in-out;-webkit-animation-duration:.35s;-moz-animation-duration:.35s;animation-duration:.35s}@keyframes animateFadeOut{from{opacity:1;display:inline-block}to{opacity:0;width:0;height:0;overflow:hidden}}@-webkit-keyframes animateFadeOut{from{opacity:1;display:inline-block}to{opacity:0;width:0;height:0;display:none}}.long-text-fade-overflow{width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;display:inline-block;vertical-align:middle}.long-text-fade-overflow::before{content:"";width:25%;height:100%;position:absolute;right:0;top:0;background:linear-gradient(transparent -10px,white)}html[dir="rtl"] .long-text-fade-overflow::before{left:0;right:auto}.long-text-fade-overflow:hover{overflow:visible;text-decoration:underline}.long-text-fade-overflow:hover::before{background:0}.uuid-copy-container{color:#365aa2}.uuid-copy-container:hover{color:#2d5ef2;cursor:pointer}