:root {
  --theme-color-1: #003f84;
  --theme-color-1-trans: #003f8488; 
  --theme-color-1-trans25: #003f8440;    
  --theme-color-1-trans10: #003f8415;     
  --theme-color-2: #289fe8;    
  --theme-color-2-trans: #007dff80;  
  --theme-color-2-trans25: #007dff10;  
  --theme-color-3: #003f84;
  --theme-color-4: #9999A3;
    
}


i {color:#003f84}

/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a { color: var(--theme-color-1) !important}

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

.show {
    display: block !important;
}

/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}
.nav-link.active {
    font-weight: 500;
}
.dropdown-item {
    padding: 0.35em 0.9rem
}

.dropdown-item:active {
    background-color: transparent !important;
}

.dropdown-item.active {
    color: #000000e6;
    font-weight: 500;
    background-color: transparent !important;
}

.dropdown-item:focus , .dropdown-item:hover { background-color: transparent !important}

.navbar-always-overlapped .dropdown-menu {
    /*position: absolute !important;
    min-width: 270px;*/

    
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}


/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    /* margin-bottom: 60px;*/
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%; 
    white-space: nowrap;
    background: var(--theme-color-3);
    min-height: 100px;
    /*  line-height: 60px; /* Vertically center the text there */
}

.footer a { color: #fff !important }

.footer-lh {
    line-height: 50px;
}

@media (max-width: 576px) {
    body {
        margin-bottom: 130px;
    }
}
@media (min-width: 576px) and (max-width: 768px) {
    body {
        margin-bottom: 130px;
    }
}
@media (min-width: 768px) and (max-width: 992px) {
    body {
        margin-bottom: 60px;
    }
}
@media (min-width: 992px) {
    body {
        margin-bottom: 60px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    
    .assetsPic { margin-right: 9px }
    
}



/*-------------------------------------------------- */


.btn-padding {
    padding: 8px 5px 10px 5px !important;
    text-decoration: none !important;
}

    .btn-padding:hover {
        padding: 8px 5px 10px 5px !important;
        text-decoration: none !important;
    }

.input-link {
    border: 0px;
    background-color: transparent;
    color: #0366d6;
    cursor: pointer;
}

    .input-link:hover {
        text-decoration: underline;
    }

.input-group-append {
    cursor: pointer;
}

.card { border-radius: 4px }
.card-acord { border-radius: 0px; border:0px }
.card-header-acord {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .0);
    border-bottom: 1px solid rgba(0, 0, 0, .075);
}

.card-ancor {
    text-decoration: none;
    color: black;
}

    .card-ancor:hover {
        text-decoration: none;
        color: black;
    }

.top-div {
    padding-top: 15px;
}

.center-padding {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
}

.card-horizontal {
    display: flex;
    flex: 1 1 auto;
}
.listar h3 {font-size: 1.43rem; font-weight:500 }

.listar ul {list-style: none;padding-right: 0;padding-left:0 }

.listar ul li::before {
    content: "•";
    display: inline-block;
    width: 0.6em;
    font-weight: bold;
}

.liv ul {
    list-style: none;
    font-size:1rem !important;

}

.liv ul li::before {
    content: "√";
    display: inline-block;
    width: 1em;
    font-weight: 900;
    color: darkgreen;
    font-size:1rem !important;

}
.liv h4 ul li{
    font-size:1rem !important;
}

.tooltip-inner {
    width:440px;
    max-width: 60vw;
    color: black;
    background: #fffcf0;
    border: 1px solid rgba(0,0,0,.125);
    padding: 8px 10px 8px 5px;
    border-radius: .25rem;
}

.tooltip {
    pointer-events: none;
}
.tooltip.show {
    opacity: 9;
}
.tooltip.bs-tooltip-right .arrow:before {
    border-right-color: black !important;
}

.tooltip.bs-tooltip-left .arrow:before {
    border-left-color: black !important;
}

.tooltip.bs-tooltip-bottom .arrow:before {
    border-bottom-color: black !important;
}

.tooltip.bs-tooltip-top .arrow:before {
    border-top-color: black !important;
}

.daterangepicker .ranges {
    float: none !important;
}

.daterangepicker .ranges ul {
    width: 100% !important;
}

.daterangepicker .ranges li {
    display: inline-block !important;
}

.daterangepicker .drp-buttons {
    text-align: center !important;
}

.topimage {
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    height: 60vh; max-height:500px;
    padding-top: 25px;
    text-shadow: 0px 1px 1px #000;
    color:#fff;
}
.topimage h1 {font-size:36px}

.topimage p {max-width:75%;font-size:140%}

.topimage-homepage { width: 100% }

.topimage_homepage h1 {
    font-size: 37px
}

.topimage_homepage p {
    font-size: 20px;
    max-width: 520px
}

.affCube { padding: 4px 6px !important; }
.affCubeDiv { padding: 0 1em;
    border: 0px solid var(--theme-color-2);
    border-radius: 15px; }

.FrontPageCube {/*background: #289fe824;*/padding: 15px 15px 0 15px;border: 3px solid #fff;border-radius: 9px;}
.FrontPageCubeDiv {}

.validation-summary-errors ul {
    list-style-type: none !important;
}

.bootstrap-select {
    height: calc(1.5em + 0.75rem + 2px) !important;
    border: 1px solid #ced4da !important;
}

.bootstrap-select button {
    height: stretch;
    height: -moz-available;
    height: -webkit-fill-available;
}

.progres {
    height: 33px;
    pointer-events: none;
}

.linknodecoration:hover {
    text-decoration: none;
}

.codexmp {
    height: auto;
    direction: ltr;
    text-align: left;
    white-space: pre-line;
    margin-top: 0px;
    overflow: hidden;
}

.page-item.active .page-link { background-color: var(--theme-color-2);border-color: var(--theme-color-2);color:#fff !important }

thead { background: #289fe833 }

.input-group-append button {color:#fff}
.btn-secondary { background: var(--theme-color-4);}
.pagination { padding-top: 10px }


/* CUSTOM CSS YAN*/
.form-row {}
.reverse { flex-direction: column-reverse }
.home_r1 { padding: 0 1em }
.form-group { margin-bottom: 5px }

.fab,.far,.fas { color: var(--theme-color-1) }

.nopadding {padding:0 !important}
.nomargin {margin:0 !important}

/* custom buttons */
.btn-primary { background: var(--theme-color-2) }

.loginBtn1 { padding: 8px 10px !important;font-size: 17px !important;margin-bottom:15px !important;margin-top:2.5% !important; }

.downloadBtn , .activateCampaignBtn { padding: 8px 30px !important;font-size: 17px !important;margin-bottom:15px !important;margin-top:2.5% !important; }

.registrationBtn { padding: 8px 10px !important;font-size: 17px !important;margin-bottom:15px !important;margin-top:2.5% !important;}

.addAssetBtn { padding: 8px 10px !important;font-size: 17px !important;margin: -10px 0 15px 0 }

.forgotPassBtn { padding: 8px 10px !important;font-size: 17px !important;margin-bottom:15px !important }

.startHereBtn , .startHereBtn2 { background: #fff;
    padding: 8px 10px !important;
    font-size: 17px !important;
    margin-bottom: 15px !important;
    color: var(--theme-color-1) !important;
    width: 170px;outline:2px solid #ffffffaa; }

.startHereBtn:hover , .startHereBtn2:hover { background: #fff;
    color: var(--theme-color-1) !important; outline:2px solid #ffffffDD;
     }

.showButton { padding: 6px 10px !important;font-size: 16px !important;margin-bottom: 15px !important;
    color: #fff !important;background: var(--theme-color-4) }
.showButton:hover { background: #bbb !important; border: 1px solid transparent !important }

.closeButton { padding: 6px 10px !important;font-size: 17px !important;margin-bottom: 15px !important;
    color: #fff !important;background: var(--theme-color-4) }
.closeButton:hover { background: #bbb !important; border: 1px solid transparent !important }

.assetsPic { border: 1px solid #d1d1d1 }

.lowButton { padding: 6px 6px !important;font-size: 16px !important;
    color: #fff !important;background: var(--theme-color-2) }

.campaignButton { padding: 6px 6px !important;font-size: 16px !important;
    color: #fff !important; }

.btn-secondary:hover { color: #fff; background-color: #0056b3; border-color: #0056b3 }
/* custom buttons end */

.card-title { color: #000;margin-bottom:0}

.card-footer {padding: 0.75rem 1.25rem;
    background: var(--theme-color-1-trans10);
    border-top: 1px solid rgba(0,0,0,.125);
}

.card-body { padding: 8px; min-height:90px }
.cardRegistration { min-height: 180px; padding: 3em 5px; background: var(--theme-color-2-trans25);}
.cardRegistration p , .card-body h3 { color: #000 }

.card .img-fluid { width: 130px;
        height: 130px;
        object-fit: contain;
        object-position: center center;
        border-radius: 10px; }

.FooterInfo { 
    color: #ffffff;
    font-size: 13px;
    border-top:1px solid #ffffff44;
    margin-top: 1em;
    padding-top:10px;
}

.filter-option img { height: 1.5em }
.language { color: #fff }
/*label { color: #fff; text-shadow: 0 0 3px #000 }*/
.h1, h1 { font-size: 1.85rem ;  }
.h2, h2 { font-size: 1.65rem ;  }
.h3, h3 { font-size: 1.45rem ;  }
.h4, h4 { font-size: 1.25rem ;  }
.h5, h5 { font-size: 1.25rem ;  }



.navbar { padding: 0.5rem 0.75rem; }

.head-logo { height: 50px }

.header-login {
    border: 2px solid var(--theme-color-1-trans);
    border-radius: 9px;
    width: 70px; height: 35px;
    text-align: center;padding: 2px; 
}

.stdButton2 {
    border: 2px solid var(--theme-color-1-trans) !important;
    background: transparent !important;
    border-radius: 10px !important;
    text-align: center;padding: 2px; 
    padding-right: 20px !important;
    padding-left: 20px !important;
    
}



.navbar-light .navbar-nav .nav-link {
    color: var(--theme-color-1); font-size: 105%; 
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: var(--theme-color-2); 
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active { 
    color: var(--theme-color-2);
}

.navbar-light .navbar-toggler {
    border: 0;
    padding: 0;
    width: 60px;
    text-align: right;
}

.navbar-brand { margin-left: 0 }

.miniUserPic { height:35px;width:35px; border:1px solid #ccc;border-radius: 50% }

.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 63, 132, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-toggler-icon { background-size: 120% 120% }         

nav button:focus { outline: none } /* Disables mobile menu outline on click */

.dropdown-menu {font-size:1rem !important;}
.dropdown-item i { color: var(--theme-color-1); min-width:20px }

.sidebarLogo img { max-height: 15vh; border: 1px solid #ccc; border-radius: 15px;max-width: -webkit-fill-available;}
.userSideBar { background: linear-gradient(180deg, transparent , #f6f6f6, transparent) }

.menu1 {flex: none; margin-right:-5em }
.menu1 .dropdown-menu { font-size: 17px !important; }
.menu1 .dropdown-item { color: var(--theme-color-1); }

.close_x { position:absolute;top:0;left:0;margin:8px 10px;font-family: sans-serif }
.close { margin-top:-5px }

.user-menu-block {padding-bottom:10px }


.userMenu1 {
    position: fixed !important;
    top: -5px;
    width: 270px;
    height: 100%;
    padding: 1px !important;
    animation-name: usermenu_slide;
    animation-duration: 0.21s;
    transition-property: all;
    transition: 1s;
    box-shadow: 0 0 50vw 150vw #000000aa !important;
    font-size: 100% !important;
}

@keyframes usermenu_slide {
	0% { opacity: 0;transform: translateX(-50px); }

	100% { opacity: 1; transform: translateX(0); }
}





.userPic1 {
    height: 120px;
    width: 120px;
    border: 2px solid var(--theme-color-1-trans25);
    border-radius: 50%;
    margin: 10px 0 0 0
}

.userIdName {
    margin: 0 auto;
    padding: 7px 0;
    overflow: hidden;
    max-width: 14em;
}

.withdrawButton, .depositButton { background-color: var(--theme-color-2); line-height: 1!important;border-radius: 5px!important;color:#fff!important }

.balance { border: 0px solid #ccc; border-radius: 9px; width: min-content; margin: 0 auto 10px auto; line-height:0.5;padding-bottom:8px }

.registrationProcess,
.addPropertyProcess,
.emailAlertSettings,
.SmartAdsDetails,
.advertiserCampaignsDetails,
.accountPaymentDeposit,
.accountPaymentWithdrawal,
.accountPaymentsDepositConfirmation
{ border: 1px solid #dee2e6; padding: 20px 40px 20px 40px; border-radius:4px }

.registrationProcess .form-row,
.addPropertyProcess .form-row,
.emailAlertSettings .form-row,
.SmartAdsDetails .form-row,
.advertiserCampaignsDetails .form-row,
.accountPaymentDeposit .form-row,
.accountPaymentWithdrawal .form-row,
.accountPaymentsDepositConfirmation .form-row
{ display: flex;justify-content: center; border-radius:4px}

.accountPaymentWithdrawal .form-row { justify-content: center; }



.affiliate-info-1, .adv-info-1 , .landing-info-1 { align-self: center!important }

.hom1 , .af1 , .adv1 , .land1 { max-width: 75%; height: auto; padding: 0; margin-right: 10px; }

.submenu { padding:0 !important; right: -5px;display:block }
.submenu .navbar-nav { justify-content: center;
    background: linear-gradient(92deg, #ffffff, #eaeff5, #ffffff);
    border-radius: 3px;
    padding: 4px; }

.submenu .navbar-nav .nav-item { border: 0;
    border-left: 1px solid #003f8430 !important;
    line-height: 5px; }

.submenu .navbar-nav .nav-item:last-child  { border-left:0 !important; }


.advertCubes {}
.advertCubes .card {}
.advertCubes .card .card-body {}
.advertCubes .card-title {}

.campaignDetailsRightSide { padding-left: 0; background: linear-gradient(12deg, #f2f2f8, #ffffff, transparent);}



.cardLinks .card-title { font-size: initial }

.allCampaignsCard { background: linear-gradient(92deg, #f2f2f2, #ffffff, transparent); }
.allCampaignsCard .card-body { padding:0 }

.assetsCard { background: linear-gradient(92deg, #f2f2f2, #ffffff, transparent); }
.assetsCard .card-body { padding:0 }

.picStyleMain {border: 1px solid #ccc;padding: 10px;border-radius: 15px;max-height:200px;max-width:90%}
.picStyle1 {width:80px;height:60px;border:1px solid #ccc;padding:10px;border-radius: 15px;}
.picStyle2 {width:80px;height:60px;border:1px solid #ccc;padding: 5px 13px;border-radius: 15px;}

.bg-info { background-color: var(--theme-color-2-trans25) !important; border: 1px #28a745 solid }

.cardPayment { background: #f4f4f4 }

.alert-warning { color: #000 }
.alert-info {
    color: #000;
    background: linear-gradient(80deg, #289fe845, white, white, white, #289fe845);
    border: 1px solid #289fe844;
}
.alert-warning {
    background: #fffbf0;
    border-color: #fffbf0;
    color: #212529;
    margin-bottom: 0px;
}

.alert-warning a, .alert-warning div a {
    text-decoration: underline;
}
.fa-info-circle {
    color: #ffc107
}

.dashNotifications { min-height: unset !important; outline:1px #fffbf0 solid;background: #fffbf0; }
.dashNotifications a { text-decoration: underline }

.bannerThumb { padding:5px !important; max-width: 150px !important; max-height:250px !important }

.table thead th { border-bottom: 0 }
.table-sm td, .table-sm th { padding: 0.5em 0.3em }

.btn-link { color: var(--theme-color-1); }
.btn-link:hover { color: #007bff }
.inline-link { color: var(--theme-color-1); padding:0;margin:0;font-size:1rem;text-decoration:underline;border:0;background:unset;outline:0}

.bootstrap-select.show-tick .dropdown-menu li a span.text { margin-right: 15px !important }
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark { color: #28a745;right: 10px !important; top: 9px !important;
} 

.top-text { padding: 0 1.2em 0 0 }

.btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #AAA; }


.btn-link-no-pad{

    padding:0px !important;
}

.btn-block-ex{
    background:red !important;
}

.grd-img {
    height: 47px;
    width: 47px;
    border: 1px solid #dee2e6;
    object-fit: contain;
}

/* This code makes the blue outline dissapear when hover/active on this page https://www.test.ironclick.net/he/Account/Afiliator/Ads 
https://www.test.ironclick.net/he/Account/Advertiser/Campaigns
*/

.btn:focus , .btn-primary:focus , .lowButton:focus , .btn:not(:hover) { box-shadow: none !important ; /*border: none !important;*/ }


#spnCountDown { position: relative; top: 1px; color: #E00; margin: 0 3px 0 3px }

#divPlugInWordPress { }

.lc-block { min-height: 320px; border-radius: 9px ; /*box-shadow: 1px 1px 10px #00001122*/; display: flex; flex-direction: column; justify-content: flex-end;}

/* -----------------------MEDIA QUERRIES------------------ */
@media (max-width: 768px) {
    
    body { font-size: 1.15rem }
    .home_r1 { padding: 0; margin-top:-15px  }
    .tooltip-inner { max-width: 97.5vw }
    
    .cardLinks .card-body { padding: 7px 0 0 0 }
    
    .campaignDetailsRightSide { padding-left: 15px; background: none }
    
    
    .allCampaignsCard {  }
    
    .advertCubes {}
    .advertCubes .card {}
    .advertCubes .card .card-body {min-height: 80px;padding: 1em 5px}
    .advertCubes .card-title {font-size: 16px}
    
    .userSideBar { background: #fff }
    
    .form-group { margin-bottom: 10px }
    .menu1 { margin-right:0; width: 99% }
    .menu1 .dropdown-menu { font-size: 17px !important; box-shadow: none !important; border-left:0 !important; border:0 !important;  }
    
    .menu1 .dropdown-item { color: var(--theme-color-1); padding: 0.25rem 0.25rem; border-top: 0px dotted var(--theme-color-1-trans25); background: #00001108; }
       
    .menu1 .nav-link { font-size: 18px; border-top: 1px solid var(--theme-color-1-trans25) }
    
    .header-login { border: 2px solid var(--theme-color-1-trans) !important;
                    width: 60px; padding:2px!important; }
    .stdButton2 { border: 2px solid var(--theme-color-1-trans) !important; width: 100%;}    
    
    .nav-link { display: block; padding: 0.75rem 0.75rem;}
    
    p { font-size:17px }
    li { font-size: 1.2rem }

    .h1, h1 { font-size: 1.85rem }
    .h2, h2 { font-size: 1.65rem }
    .h3, h3 { font-size: 1.55rem }
    .h4, h4 { font-size: 1.25rem }
    .h5, h5 { font-size: 1.45rem }
        
    .card { margin-bottom:10px }
    .card-body { min-height: 100px; padding: 13px 5px }
    
    .card-title { font-size: 1.4rem }    

    .adv_info_top, .aff_info_top { }
    
    .adv_info_top h1 , .topimage-homepage h1 , .topimage-affiliate-info h1 , .topimage-advertiser-info h1 { font-size:31px }
    
    .adv_info_top p , .topimage-homepage p , .topimage-affiliate-info p , .topimage-advertiser-info p { font-size:20px }

     
    .aff_info_top h1 , .topimage-homepage h1 , .topimage-affiliate-info h1 , .topimage-advertiser-info h1 { font-size:31px }
    
    .aff_info_top p , .topimage-homepage p , .topimage-affiliate-info p , .topimage-advertiser-info p { font-size:20px }
    
    
    .topimage { padding-top: 5px;padding-left:1%;height:65vh}
    .topimage p {max-width:unset}
    .hom1, .af1 , .adv1 { max-width: 100%; padding: 10px 50px; margin: 0 }
    
    .affCube { }
    .affCubeDiv { padding:0 10px }
    
    .listar h3 {font-size: 1.3rem; font-weight:700 }
    
    .submenu .navbar-nav { width:100% }
    .top-text { padding: 0 }
    
    .userMenu1 {
        position: fixed !important;
        top: -5px;
        width: 100%;
        height: 100%;
        padding-right: 15px !important;}
    
    .dropdown-item { padding: 0.6rem 1rem; }
    
    .userPic1 { height: 165px; width: 165px }
    
    .h5, h5 {font-size: 1.60rem; }
    
    .input-group>.form-control:not(:last-child) { overflow: unset; }
    
    .text-center-mobile-only { text-align: center !important }
    
    .lc-block { min-height: unset }
}

@media (max-width: 480px) {
    
    .alert-info { margin-bottom:27px}
    
    .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark { top: 13px !important;} 
    
    p { overflow: hidden; max-width: 100vw }
    
    .card-text { max-width: 400px; /*230px*/ }
    
    .reverseOnMobile { flex-direction: column-reverse }
    .topimage { padding-top: 2vh }
    .topimage_homepage_eng { height: 80vh }
    .adv_info_top { max-width: 99%;}
    .topimage_advertiser_info { background-position: -250px 0px }
    .topimage_advertiser_info h1 { font-size: 32px; }
    .registrationProcess { border: 0; padding: 3px }
    .addPropertyProcess { border: 0; padding: 3px }
    .FooterInfo { text-align: center }
    .navbar-brand { margin-left: 1rem }
    
    .topimage-homepage { background-position: 79%; }
    .topimage-advertiser-info {  }
    .topimage-affiliate-info {  }
    
    .FrontPageCube { border: 0;border-top: 0;}
    .FrontPageCubeDiv {}
    
}

@media (max-width: 360px) {
    
    .topimage_advertiser_info { background-position: -245px 0px }
    .topimage_advertiser_info h1 { font-size: 29px; }
    .registrationProcess { border: 0; padding: 3px }
    .addPropertyProcess { border: 0; padding: 3px }
    .FooterInfo { text-align: center }
    .navbar-brand { margin-left: 1rem }
    
}

/* css overwrite */


/* addons */
.text-button{
    background: transparent !important;
    background-color: transparent !important;
    font-weight: 600 !important;
    color:var(--theme-color-1) !important;
}
.text-button:hover{
        background: transparent !important;
    background-color: transparent !important;

    border:none;
}


.flex-row {
    display:flex;
    align-items:flex-end;
}

.flex-row-c {
    display:flex;
    align-items:center;
}

.flex-row h3 {
    margin:0;
    line-height:1.5em;
}

.flex-row .icon { margin-left:7px }

.icon_blue { width: 40px; height: 40px; padding: 2px; margin: 0 2px; }