/***
    1. Base - Styles applied to element selectors
    2. Layout - Major layout styling/formatting - nav, sidebar, footer. id's can be used here
    3. Module - Modular components of the page that can be reused and can stand alone
    4. State - Augments and overrides all other styles. Describes how things look in a particular state.
    5. Theme - colors, typography
    6. Changing State - Any changes with javascript events, pseudo class styling, or media queries
    **/
    /*
    In the naming of classes: cl(classic) sh(shareview) fnd(foundation)
    */
/**** Styles from MaterializeCss for Nav Menus ****/
@font-face {
    font-family: 'DSG Sans';
    src: url('../../fonts/dsg/DSGSans-Bold.eot'); /* IE9 Compat Modes */
    src: url('../../fonts/dsg/DSGSans-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/dsg/DSGSans-Bold.otf'), url('../../fonts/dsg/DSGSans-Bold.woff') format('woff'), /* Modern Browsers */
    url('../../fonts/dsg/DSGSans-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../fonts/dsg/DSGSans-Bold.svg') format('svg'); /* Legacy iOS */
    font-weight: 400;
}

@font-face {
    font-family: 'Roboto';
    src: url('../../fonts/roboto/Roboto-Light.eot'), /* IE9 Compat Modes */
    url('../../fonts/roboto/Roboto-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/roboto/Roboto-Light.woff2') format('woff2'), url('../../fonts/roboto/Roboto-Light.woff') format('woff'), /* Modern Browsers */
    url('../../fonts/roboto/Roboto-Light.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../fonts/roboto/Roboto-Light.svg') format('svg');
    font-weight: 300;
}

@font-face {
    font-family: 'Roboto';
    src: url('../../fonts/roboto/Roboto-Regular.eot'), /* IE9 Compat Modes */
    url('../../fonts/roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/roboto/Roboto-Regular.woff2') format('woff2'), url('../../fonts/roboto/Roboto-Regular.woff') format('woff'), /* Modern Browsers */
    url('../../fonts/roboto/Roboto-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../fonts/roboto/Roboto-Regular.svg') format('svg');
    font-weight: 400;
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url('../../fonts/material-icons/MaterialIcons-Regular.eot'); /* For IE6-8 */
    src: local('Material Icons'), local('MaterialIcons-Regular'), url('../../fonts/material-icons/MaterialIcons-Regular.woff2') format('woff2'), url('../../fonts/material-icons/MaterialIcons-Regular.woff') format('woff'), url('../../fonts/material-icons/MaterialIcons-Regular.ttf') format('truetype');
}
/*************************************************************************/
/**************************** 1. BASE ************************************/
/*************************************************************************/
body {
    font: normal 10px Arial, sans-serif;
    margin: 0 auto;
}
tr {  text-align:left;}
input[name=actionB].form {
    background-color: rgb(221,221,221);
    border-color: rgb(221,221,221);
    border-width: 2px;
}
/*************************************************************************/
/**************************** 2. LAYOUT **********************************/
/*************************************************************************/
.l-page-background{position:fixed; top:0; left:0; z-index:0;width:100%;height:100%;}
#wrapper {margin: 0px auto;  width:976px;}
.l-clsh-title {border-bottom:1px dotted #989898;margin-bottom: 5px;}
#header {padding: 0 0 0 11px; background: url(../images/shadow-topleft.png) no-repeat;}
#headerGraphic	{width:760px; max-height:150px; }
#headerTabHolder {position: relative;}
#headerTab {padding: 0 0 0 0px; width:205px;height:83px;background: url(../images/header-tab.png) no-repeat; }
#headerTab ul	{list-style:none;float:right;margin:0;padding:36px 20px 0 0;line-height:36px;}
#headerTab ul li {float:left;margin:0 3px ;padding:0;}
.headerTabtext {float:right;margin:0 3px;padding:36px 25px 0 0;line-height:36px; white-space:nowrap;}
#main1011 img	{behavior: url(/css/iepngfix.htc)}

#main1011 {clear:both; }
.main1011cls {clear:both; padding: 0px 0px 0px 0px; background: url(../images/shadow-background-l.png) repeat-y;text-align:left;  }

#footer {clear:both; padding:5px 0;  }
#footer-left {color: #5f6264; padding-left: 10px; float:left;}
#footer-right {color: #5f6264;position:absolute; left:900px; }

.l-footer-container {vertical-align:top;width:100%;background-color:#fff;}
.l-footer{padding-left:25px;}
.l-footer-link {display:inline-block;padding:0 10px; border-left:1px solid}
.l-footer-link:first-child {padding-left:0;border-left:none;}
.l-footer-left {float:left;}
.l-footer-right {float:right;margin-right:40px;}
.l-footer-item{padding-top:11px;}

a.footer-link,
a.footer-link:hover,
a.footer-link:visited {
    font-size:10px;color: #0f0f0f;font-weight: 600;
}
.footer-copyright{font-size:11px;color:#3a3a3a;}

@media screen and (min-width:767px) {
    img.footer-logo {
        max-width: 260px;
    }
}

.f-left1011 {  padding:30px 0 0 0; background:url(../images/footer-cap-left.png) no-repeat top left;}
.f-center1011  {  padding:30px  0 0 0;  background:url(../images/footer-cap-center.png) repeat-x;  }
.f-right1011 {padding : 30px 0px 0px 20px; background: url(../images/footer-cap-right.png) no-repeat top right;width:5px;  }

#leftColumn {float:left; width:190px; padding-left:20px; padding-top:5px; }
#mainColumn { float:right; min-width:745px; padding-left:5px; padding-top:5px; }
.placeholder {display: block; width:auto; min-width:720px; height:100%; min-height:490px; padding: 2px 5px 0px 5px;  border: solid 1px #000000;  background-color: #ffffff; text-align: left; margin-top:10px ;color:#000000; text-align:left; }
.shadow-right {  padding : 0px 0px 0px 26px; background: url(../images/shadow-background-right.png) repeat-y top right;   }

/*navigation*/
.navcontainer {margin: 0px; width: 169px;}
.navcontainer ul {margin: 0; padding: 0; list-style-type: none; width: 130px;}
.navcontainer li {margin: 0px; padding: 0;}
.navcontainer a	{display: block; padding: 0px 0px 4px 25px;  margin: 0 0 0 0px; width: 130px; color: #4a4a4a; text-decoration: none; border-bottom: solid 1px #ddd;text-decoration:none;}
.navcontainer a:hover {color: #000000; text-decoration: none;}

.adgcontenteditor a	{color: #0000FF; text-decoration:underline;  }
.adgcontenteditor a:hover {color: #FF0000;text-decoration:underline;}

.l-header-results td{
    min-width:80px;
}
/***************Links*********************/
a.underline-link, 
.underline-link {
    text-decoration: underline !important;
}
a.nohover:hover {
    color: inherit !important;
}
a.novisit:visited {
    color: inherit !important;
}
/* line 290 */
.ui-accordion .ui-accordion-content {font: normal 11px Arial, sans-serif;padding: 3px 10px; }
.ui-accordion .ui-accordion-header a { padding: .5em .5em .5em 2.2em; }

/* starting at line 399 */
.ui-tabs .ui-tabs-nav {width: 730px; }
.ui-tabs .ui-tabs-panel { padding: 3em 0  18px 0; }

.ui-tabs .ui-tabs-nav li { position: relative; float: right; border-bottom-width: 0 !important; margin: 0  0  -1px 0  ; padding: 0;}*Changed margin: 0  0  -1px .2em*/


.menu-arrow-tiny { background: url(../images/arrow-tiny.gif) no-repeat; background-position:20px 6px; }
.navlist li a{ background: url(../images/arrow-tiny.gif) no-repeat center left; padding-left: 10px; width:168px;outline: none;}


.leftmenu {margin: 0px;}
.leftmenu a	{display: block; padding: 0px 0px 0px 0px; margin: 0 0 0 0px; color: #4a4a4a;  }
.leftmenu a:hover {color: #000000; text-decoration: none;}

.leftmenu3 {margin: 0px; width: 128px;}
.leftmenu3 a	{display: block; padding: 0px 0px 0px 0px; margin: 0 0 0 0px; color: #4a4a4a;  }
.leftmenu3 a:hover {color: #000000; text-decoration: none;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font: normal 12px Arial, sans-serif;}

/* Updates for mulit-select */
/* /reg/administrators/administratorlookup.asp */
.ms-options-wrap button { max-width: 180px; }

/* Updates for Modal Popup on Foundation Striped page. CORE2-1245 */
.modalPopup{
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    -webkit-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.3);
    box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.3);
    background-color: #FFFFFF;
    padding:15px 3px 15px 15px;
}
.modalBackground{
    background-color: rgba(0,0,0,0.6);
}
.action-buttons {
    float: right;
    margin: 10px 0;
}
.section-divider {
    border-top: 1px dotted black;
}
.section-space > td  {
    padding-top: 5px;
    padding-bottom: 10px;
}

.inline-dropdown{
    display: inline-block;
    width: 155px;
}
.ms-options-wrap > button > span.greyout{
    color: #aaa !important;
}
/*prevents text from getting too close to the carat's dropdown*/
.ms-options-wrap > button > span {
    margin-right:5px;
}

/* AS app bug */
.as-app-bug {
    width: 100%;
    margin: 10px 0;
    border-bottom: 1px solid #C0D0F0;
    padding: 10px;
}

.as-app-bug a {
    display: inline-block;
}

.as-app-bug a:first-of-type {
    margin: 0 10px;
}

.as-app-bug img {
    vertical-align: middle;
    height: 36px;
}

.app-badges {
    white-space: nowrap;
}

.app-text {
    line-height: 1.44;
}

/* Modal */
#sv-modal{
    display:none;
    position:fixed;
    top:12%;
    left:0;
    right:0;
    margin: auto;
    max-height:60%;
    width:55%;
    background:#fff;
    z-index: 1000; /* high values needed to appear over striped/Foundation header */
    white-space: normal;
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3);
    text-align: left;
    overflow-y: auto;
    border-radius: 2px;
    box-sizing: border-box;
}

#sv-modal-overlay {
    content: "";
    display: block;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color: rgba(0,0,0,.4);
    z-index: 999; /* high values needed to appear over striped/Foundation header */
}

.sv-modal-content {
    padding: 24px;
    font-size: 12px;
}

.sv-modal-content h1:first-of-type {
    margin-top: 0;
}

.sv-modal-content a {
    color: #000066;
    text-decoration: underline !important;
    cursor: pointer !important;
}

.sv-modal-content a:hover,
.sv-modal-content a:active {
    color: #0000EE;
}

.sv-modal-content ol {
    padding: 0;
}

.hideOverflow {
    overflow: hidden;
}

#destinationResult > textarea {
    height: 0;
    width: 0;
    border: 0 none;
}
/****** Tournament Wizard *********/
.reporthead > th {
    height:20px;
    padding-left:0.4em;
    padding-right:0.4em;
}
.input-search-btn {
    padding: .30769em .84615em;
    border-radius: .25em;
    background-color: #c5c5c5;
    background-image: url('WebResource.axd?d=SyFKF_b844eEYooWG5JY67PTi3y4rKVbhoE-5DCK0dY1WFqIGVhG4II4GKrdSQaHckLyAUbeg_yBZAQ6xGmjgEaqT9aQns-Z_ezvj-a-oSZ7hPCkiChLaGUZ8J-v5Z8uaID3mi4RqQrOYFvcycY0Ux3nmdD6yi4qCVXOTjtmvgIiBq1p0&t=636735481144829312');
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    border-color: #c9c9c9;
    color: #767676;
    background-color: #e3e3e3;
    background-image: linear-gradient(#fefefe,#e3e3e3);
    border: 1px solid #a7a5a5;
}
.cpeCollapsiblePanel {
    overflow: hidden;
    height: 0px;
}
.headerShare .ralign-tab {
    padding-right: 20px;
}
.RadWizard.RadWizard_Silk.rwzHorizontal .rwzProgressBar .rwzProgress {
    background-image: linear-gradient(#5471ca,#3c57ac,#304A9a); 
}
.RadWizard.RadWizard_Silk .rwzButton.rwzNext,
.RadWizard.RadWizard_Silk .rwzButton.rwzFinish {
    background-image: none;
    background-color: #304a9a;
    border-color: #304a9a;
}
.RadWizard.RadWizard_Silk .rwzButton.rwzNext.rwzHovered,
.RadWizard.RadWizard_Silk .rwzButton.rwzFinish.rwzHovered {
    background-image: none;
    background-color: #3955aa;
    border-color: #3955aa;
}
.instruction-text {
    font-size:11px;
    color:#444444;
}

.game-content-label label, .game-content-span span {
    padding-right: 3px;
}

/***************Public Tournament Pages*********************/
.l-main1011-content { /* This should be removed when we transition to mobile-friendly exp. This is to keep extra x-axis content within the main content area of Foundation */
    width:720px;
}
    .l-main1011-content .row {
        margin-left: -0.75rem;
        margin-right: -0.75rem;
    }
.l-in-content-nav {
    display: flex;
}
    .l-in-content-nav.right {
        justify-content: flex-end;
    }
    .l-in-content-nav input[type='button'] {
        margin:5px;
    }
/***********************************/
/************* Tables  *************/
.displayFullTxt { /* styles div containing hidden overflow text */
    position: absolute;
    background: white;
    border: 1px solid #CDCDCD;
    padding: 0.5%;
}
/*override skin css styles*/
.reporthead.reporthead.reporthead {
    font: normal normal bold 8pt Verdana, Helvetica, Sans-Serif;
    padding:0.4em;
    background-color:#DEDEDE;
}
.report1.report1.report1 { /* Repeat is not a mistake. Overrides [theme].css in header2FND pages */
    font: normal normal 8pt Verdana, Helvetica, Sans-Serif;
    padding: 0.45em 0.4em;
    background-color: #E7E9F7;
}
.feeTable .reportlb,
.feeTable .reportlrb {
    padding: 0;
    background-color: #DEDEDE;
}
.l-img-prev img {
    /* lookandfeel.asp sets the height for each row from the db */
    /* setting the width to auto will allow the image to keep it's aspect ratio - i.e. no stretched images*/
    width:auto;
}
/*************************************************************************/
/**************************** 3. MODULE **********************************/
/*************************************************************************/
.btn.btn, .btn-large.btn-large, .btn-flat.btn-flat {
    padding: 0.5rem 1rem;
    height: auto;
    min-height: 34px;
    line-height: 1.25;
    text-align: center;
}

.btn-large {
    min-height: 52px !important;
    line-height: 37px !important;
}

.btn-small {
    padding: 0.4rem !important;
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
}
    .btn-small i {
        font-size: 1rem !important;
        line-height: 1.5rem !important;
    }
.btn--sm.btn--sm {
    height: auto;
    width: auto;
    min-width: 14rem;
    text-align: left;
    font-family: 'DSG Sans', Arial, sans-serif;
    font-size: 15px;
    letter-spacing: 0.75px;
    font-weight: 400;
    border: none;
    border-radius: 2px;
    display: inline-block;
    text-transform: uppercase;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    text-decoration: none;
    color: #FFF;
    background-color: #304A9A;
    text-align: center;
    letter-spacing: .5px;
    transition: .2s ease-out;
    cursor: pointer;
    outline: 0;
    padding: 0.3rem .8rem;
    line-height: 1.5 !important;
    min-height: 16px;
}
    .btn--sm.btn--sm:hover {
        color: #FFF;
        background-color: #3955aa;
    }
.btn--sm_light.btn--sm_light {
    background-color: #D5D9E2;
    color: #444;
}

    .btn--sm_light.btn--sm_light:hover,
    .btn--sm_light.btn--sm_light:active,
    .btn--sm_light.btn--sm_light:focus {
        background-color: #c5c5c5;
        color: #444;
    }
.btn-light {
    color: #304A9a;
    background-color: #d4d4d4;
}

    .btn-light:hover {
        color: #304A9a;
        background-color: #c7c7c7;
    }
.btn--noshadow.btn--noshadow.btn--noshadow {
    box-shadow: none;
}
    .btn--noshadow.btn--noshadow.btn--noshadow:hover {
        box-shadow: none;
    }
.btn--inline.btn--inline.btn--inline {
    border: 1px solid #e4e4e4;
    font-family: Roboto, sans-serif;
    font-size: 0.85rem;
    letter-spacing:0.5px;
}
.label--stacked .label--above,
.label--stacked .text--below {
    display: block;
    margin: 0.3rem 0;
}

.label--stacked .label--above {
    margin-top: 1.3rem;
}

.label--stacked .text--below {
}

.label--stacked .icon-container {
    position: relative;
}

    .label--stacked .icon-container .material-icons {
        position: absolute;
        left: -35px;
        line-height: 0.5rem; /* .label--above font-size*/
    }
.append-to {
    -webkit-appearance: none !important;
    border:1px solid grey;
    border-right: 0px;
    padding-right: 0;
    outline:none;
}
    .append-to.domain {
        width:200px;
    }
.append-item {
    -webkit-appearance: none !important;
    text-align: right;
    border: 1px solid grey;
    border-left: 0px;
    padding-left:0;
    width: 100px;
    background-color: white;
    outline: none;
    margin:0 0 0 -5px;
}
    .append-item.domain {
        width:100px;
    }
    .edit-toggle-container{
        position:relative;
    }
    .edit-toggle {
        text-decoration:underline !important; /*to undo the !important already used*/
        position:absolute;
        bottom:0;
        left:310px;
        font-weight:600;
    }
/*************************************************************************/
/**************************** 4. CHANGING STATE **************************/
/*************************************************************************/
.highlight-list1 {
    font: 7pt Verdana, Sans-Serif;
    text-indent: 2px;
    cursor: pointer;
    background-color: #E7E9F7;
}

.highlight-list0 {
    font: 7pt Verdana, Sans-Serif;
    text-indent: 2px;
    cursor: pointer;
    background-color: #FFFFFF;
}

[class*='highlight-list']:hover {
    font: 7pt Verdana, Sans-Serif;
    text-indent: 2px;
    cursor: pointer;
    background-color: #CCCCCC;
}
/*main1011 has !important, we can only override it with another !important*/
@media only screen and (max-width:992px) {
    #main1011.content-container.content-container {
        max-width: 100% !important;
        width: 100% !important;
        box-sizing:border-box;
    }
    .content-container .page-header {
        font-size:1.8rem;
    }
}
@media only screen and (max-width:500px) {
    .btn.btn.btn {
        width: 100%;
        min-width: 100%;
    }
}
/**************** RESPONSIVE TABLES *****************/
@media only screen and (max-width:800px) {
    #main {
        width: auto;
    }

    .rtable {
        display: block;
    }

    .rtable--row {
        border: 0;
    }

        .rtable--row .reporthead {
            display: none;
        }

        .rtable--row tr {
            display: block;
        }

        .rtable--row td {
            display: block;
            text-align: right;
        }

            .rtable--row td::before {
                content: attr(data-label);
                float: left;
                font-weight: bold;
                margin-right: 10px;
            }

            .rtable--row td:last-child {
                border-bottom: 0;
            }

    .rtable tr, .rtable tbody, .rtable td {
        display: block;
    }

    .rtable .column {
        display: inline-block
    }

        .rtable .column.s6 {
            width: 50%;
        }
}
/*************************************************************************/
/**************************** 5. THEME ***********************************/
/*************************************************************************/
/************************* New Custom Colors **********************/
/************ TEXT ***********/
.text-primary.text-primary.text-primary {color: #304A9A;} /*To override the [skin].css files*/
.secondary-text {
    background-color: #519ECB;
    color: #FFF;
}
.text-accent-1, .success {color: #248a90;}/*TEAL*/
.text-accent-2 {color: #d68036;}/*ORANGE*/
.text-dark-grey {color: #5f6160;}
.text-ltgrey {color:#9e9e9e;}
.error {color: #cc0000;} /*RED*/
.h4 {
    font-family: 'DSG Sans', Arial, sans-serif;
    font-size: 1.15rem;
    letter-spacing: 0.75px;
    font-weight: 400;
}
.top-seperator {
    border-top:1px solid #e0e0e0;
}
.content-container{
    font-size:14px;
}
.content-container .page-header {
    font-family: 'DSG Sans';
    font-weight:400;
    font-size: 1.64rem;
}
.label--stacked {
    font-family:Roboto, sans-serif;
    font-size:0.96rem;
    line-height:1rem;
}
    .label--stacked .label--above {
        font-family:'Roboto', sans-serif;
        font-weight:600;
        font-size:0.6rem;
        text-transform:uppercase;
        letter-spacing: 0.7px;
    }
    .label--stacked  .text--below__subtext {
        font-size: 0.73rem;
        line-height:1.2rem;
    }
.form--group_header {
    font-size: 1.17rem;
}

.section-heading,
.form_section-heading {
    font-size: 1rem;
    color: #777;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
    border-bottom: 1px solid #e0e0e0;
    text-transform: uppercase;
}

.form-section .section-heading {
    color: #304A9A;
}

    .form-section .section-heading span {
        color: #555;
        margin-left: 0.5em;
    }

/********* BACKGROUND ********/
.color-accent-1 {
    background-color: #248a90;
    color: #FFF;
}/*TEAL*/
.color-primary {
    background-color: #0D194F;
    color: #D2E9FF !important;
 }
.color-secondary {background-color:#4EC3C8;}
.color-grey {background-color:#d4d4d4;}
.report.lightmode {
    border: 1px solid #e0e0e0;
}
.u.lightmode {
    text-decoration: underline !important;
    color: #000066;
}


/*************************************************************************/
/**************************** 7. UTILITY *********************************/
/*************************************************************************/
/*repeated classes for specificity to avoid using !important*/
.tfixed {table-layout: fixed;}

.clear {clear: both;}
.nowrap.nowrap{white-space:nowrap;}
.overflow-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
}
.normalize.normalize.normalize {
    border: none;
    background-image: none;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.normalize-checkbox.normalize-checkbox.normalize-checkbox {
    position: relative;
    left: auto;
    opacity: 1;
}
.pointer {cursor:pointer;}
/***************** SPACING **********************/
/* repeat classes to add specificity. Better alternative to !important*/
.ml10.ml10.ml10 {margin-left: 10px;}
.mt0.mt0.mt0 {margin-top:0px;}
.mb0.mb0.mb0 {margin-bottom: 0;}
.plr0.plr0.plr0 {padding-left:0;padding-right:0;}
.p5.p5.p5 {padding: 5px;}
.pt0.pt0.pt0 {padding-top:0;}
.pt5.pt5.pt5 {padding-top: 5px;}
.pt10.pt10.pt10 {padding-top: 10px;}
.pt26.pt26.pt26 {padding-top: 26px;}
.pl30.pl30.pl30 {padding-left: 30px;}
.pl20.pl20.pl20 {padding-left: 20px;}
.pb30.pb30.pb30 {padding-bottom: 30px;}
.pb5.pb5.pb5 {padding-bottom: 5px;}
.pb10.pb10.pb10 {padding-bottom: 10px;}
.p0.p0.p0 {padding:0;}
.w100.w100.w100 {width:100%;}
.w90.w90.w90 {width: 90%;}

@media only screen and (max-width:500px) {
    .mobile-mt30.mobile-mt30.mobile-mt30 {margin-top: 30px;}
}
/***************** COLOR *****************/
.borderb_grey {border-bottom: 1px solid #DFDFDF;}
.border_grey {border: 1px solid #DFDFDF;}
.bg_ltgrey {background-color: #dedede;}
.bg_xltgrey {background-color: #f2f2f2;}

/***************** FONT *****************/
.b600 {font-weight:600;}
.text-right{text-align:right;}
.text-center{text-align:center;}
.text-left{text-align:left;}

/*!important bc it must override the AS_FND_STD.css styles that apply the copied materialize grid styles to Shareview*/
.bclear {margin-bottom:0px !important;padding-bottom:0px !important;}
.tclear {margin-top: 0px !important;padding-top: 0px !important;}

/* Striped public pages overrides */
.reporthead.lightmode {
    background-color: #e0e0e0 !important;
    color: rgba(0, 0, 0, 0.87);
    border: 1px solid #e0e0e0;
}

.disabled-href img {
    opacity:0.35;
}
input[type='checkbox'].browser-default {
    position:relative;
    left:0;
    opacity:1;
}




.fadeOut {
    animation:fadeOut 100ms linear;
    display:none;
}
.fadeIn {
    animation:fadeIn 100ms linear;
    display:block;
}
@keyframes fadeOut {
    0% {opacity:1;}
    100% {opacity:0;display:none;}
}
@keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;display:block;}
}