/* Utility Classes */
/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
    position: relative;
    cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-bottom: 5px;
    margin-left: -80px;
    padding: 7px;
    width: 165px;
    -webkit-border-radius: 3px;
    -moz-border-radius:    3px;
    border-radius:         3px;
    background-color: #000;
    background-color: hsla(0, 0%, 20%, 0.9);
    color: #fff;
    content: attr(data-tooltip);
    text-align: center;
    font-size: 12px;
    line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-left: -5px;
    width: 0;
    border-top: 5px solid #000;
    border-top: 5px solid hsla(0, 0%, 20%, 0.9);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
	text-align: left;
}

.src-company-list-visible
{
    display: none;
    padding-bottom: 15px;
}



.cursor
{
    cursor: pointer;
}

.space
{
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
}

.legend-left-color
{
    float: left;
    width: 30px;
    height: 20px;
    margin: 2px 3px 2px 2px;
}

.legend-left
{
    width: auto;
    margin-right: 2px;
    text-align: left;
    font-family: Verdana;
	font-size: 12px;
}



/* Login Page */
.theme-default.page-signin .signin-info, .theme-default.page-signup .signup-header
{
    background-color: #383838 !important;
}

.theme-default .bg-primary.darken, .theme-default .bg-primary[href]:hover
{
    background-color: #444 !important;
}

.theme-default .bg-primary
{
    background: #791313 !important;
}

.theme-default .btn-maroon.btn-flat
{
    background: #791313;
    border-color: #560A0A;
    border-bottom-color: #560A0A;
    color: #FFF;
}

    .theme-default .btn-maroon.btn-flat:hover
    {
        background: #952020 !important;
    }

.signin-name {
    font-size: 48px;
    color: #444;
    font-weight: bold;
    text-align: center;
}

.title-portal-name {
    font-size: 16px;
    color: #444;
    font-weight: bold;
    text-align: center;
}

.signin-welcome {
    font-size: 36px;
    color: #fff;
    font-style: italic;
    text-align: center;
	font-family: 'Script MT';
	text-align: left;
}

.signin-contact {
    font-weight: bold;
}

.src-login-alert
{
    margin-top: 10px;
}

.signin-container
{
    margin-bottom: 0px !important;
}

.signin-icon {
	margin-bottom: 10px;
}

.signin-footer-container
{
    margin-top: 0px !important;
}

.signin-footer
{
    display: table-cell;
    width: 100%;
    background-image: url('../../Images/LoginFooter.png');
    height: 79px;
}

#browser-warning
{
    display: none;
}

.signin-help {
	display: none;
}

@media (max-width: 768px)
{
    .signin-footer
    {
        display: block;
    }
	.signin-help {
		display: block;
		color: #FFF;
		width: 100%;
		text-align: center;
	}

	.signin-help a {
		color: #FFF;
		font-weight: bold;
	}

	.legend-left
	{
		font-size: 8px;
	}

     .src-company-list-visible
    {
        display: block;
    }

    .src-legend-visible
    {
        display: none;
    }
}

/* Master Page */
.navbar-toggle .fa:before
{
    color: #FFF;
}

#main-menu-bg.src-main-menu-bg
{
    background-color: #2a2d33;
    margin-bottom: 20px;
}

#main-navbar #main-menu-toggle.src-main-menu-toggle
{
    /*background-color: #9c1a1a;*/
	background-color: #2a2d33;
    height: 90px;
    vertical-align: top;
}

#main-wrapper #main-navbar .src-navbar-header
{
	background-color: #791313;
	height: 90px;
}

.theme-default #main-navbar #main-menu-toggle .fa:before
{
    color: white;
}

#main-navbar #main-menu-toggle .src-navbar-icon
{
    color: white;
    top: 23px;
}

.src-toggle-icon
{
    vertical-align: top;
}

#src-navbar-logo-padding
{
    padding-left: 55px !important;
    height: 90px;
    width: 1px;
    float: left;
}

.src-navbar-brand > img
{
    padding-top: 10px;
}

.main-menu-navigation-item
{
    color: white;
}

#main-navbar-collapse .src-page-header
{
    margin: 0px;
    padding: 0px;
    height: 44px;
    background-image: url("../../Images/colorbar.png");
    background-repeat: repeat-x;
    background-position: left bottom;
    border-top: solid thin #dee0e4;
    border-bottom: none;
}

.src-page-header:after, .src-page-header:before
{
    display: inline;
}

.src-page-header > h1
{
    line-height: 42px;
}

#main-menu .navigation
{
    padding-top: 90px;
}

    #main-menu .navigation .src-menu-item:hover
    {
        background-color: #1e2125;
    }

    #main-menu .navigation .src-menu-item a
    {
        color: white;
    }

        #main-menu .navigation .src-menu-item a:after
        {
            background: #791113;
        }

.theme-default #main-menu li.active > a .menu-icon
{
    color: #FFF;
}

#company-list
{
    padding-left: 20px;
    font-weight: bold;
}

#main-navbar-top-line
{
    line-height: 46px;
}

.src-print
{
    padding: 10px 20px 0px 10px;
}

#content-wrapper
{
    padding-top: 110px;
    padding-bottom: 42px;
    background-color: #e8edfd;
    margin-bottom: 20px;
}

#main-footer
{
    background-color: #2a2d33;
    z-index: 10000;
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 42px;
    background-image: url("../../Images/colorbar.png");
    background-repeat: repeat-x;
    background-position: left top;
}

#main-footer-content
{
    text-align: right;
    color: white;
    font-size: smaller;
    padding: 0px 20px 5px 20px;
    line-height: 48px;
}

    #main-footer-content a:link, #main-footer-content a:visited, #main-footer-content a:link:active, #main-footer-content a:visited:active
    {
        color: white;
        font-weight: bold;
    }

    #main-footer-content a:hover
    {
        text-decoration: underline;
    }

/* IE 10+ rule only */
/*@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width :768px)
{
    #main-navbar .navbar-header
    {
        width: 185px !important;
        padding-left: 0px !important;
    }
}*/

@media (max-width: 479px)
{
    #main-footer-content
    {
        padding: 0px 0px 5px 0px;
    }

	.legend-left
	{
		font-size: 8px;
		font-weight: bold;

	}

	.table-info 
	{
		width: 98%;
		overflow: scroll;
		overflow-y: hidden;
		overflow-x: scroll;
       
	}

       .src-company-list-visible
    {
        display: block;

    }
	    .src-legend-visible
    {
        display: none;
    }
}

/* loader/progress styles */
.src-loader
{
    position: relative;
    top: 1%;
}

.src-progress
{
    position: absolute;
    z-index: 2000;
    width: 100%;
    height: 150%;
    text-align: center;
}

.src-progress-inner
{
    width: 100%;
    height: 9000px;
    margin: 0 auto;
    padding: 5px;
    background-color: rgba(204, 204, 204, 0.5);
    color: #666;
    text-align: center;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.src-progress-text
{
    font-weight: bold;
    display: inline;
    padding-bottom: 10px;
}

/* Portal/ProductList & Registration */
/* filters */
.src-panel-filter
{
    min-height: 230px;
}

.src-filter-subheading
{
    background-color: #FFF;
    padding: 5px 20px;
    border-bottom: solid 1px #bce8f1;
}

    .src-filter-subheading input[type=checkbox]
    {
        margin-top: 0px;
        margin-right: 1px;
        vertical-align: middle;
    }

    .src-filter-subheading label
    {
        margin: 0px;
        font-weight: normal;
    }

.src-filter-body
{
    overflow-y: scroll;
    max-height: 156px;
    min-height: 156px;
}

.src-list-box td
{
    padding: 1px 1px 1px 1px;
}

.src-list-box input[type=checkbox]
{
    margin-top: 0px;
    margin-right: 5px;
    vertical-align: middle;

}

.src-list-box label
{
    margin: 0px;
    font-weight: normal;
    display: inline;
    text-wrap: normal;
}

/* excel export */

.src-excel-export
{
    color: #FFF;
    font-size: 14px;
}

    .src-excel-export:hover
    {
        color: #FFF;
        text-decoration: underline;
    }

    .src-excel-export > img
    {
        width: 16px;
    }

/* document download */

.src-document-download
{
    color: #FFF;
    font-size: 14px;
}

    .src-document-download:hover
    {
        color: #FFF;
        text-decoration: underline;
    }

    .src-document-download > img
    {
        width: 16px;
    }

/* Tables */
.table-header
{
    font-weight: bold;
    font-size: 16px;
}

.src-table thead th a
{
    color: #FFF;
}

.src-table thead th a:hover
{
    color: #FFF;
    text-decoration: underline;
}

.src-table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
  padding: 1px;
}

/* Error */
.page-404, .page-500
{
    padding: 50px;
}

#error-details
{
    word-wrap: break-word;
}

.error-text
{
    font-weight: bold;
    color: #A8A8A8;
    text-align: center;
}

/* Dashboard */
/* map sizing */
#world-map
{
    float: left;
    width: 100%;
    height: 600px;
    padding-top: 0px;
    margin-top: 0px;
}

#us-territories
{
    position: absolute;
    bottom: 0px;
    right: 0px;
	font-size: 10px;
}

    #us-territories ul
    {
        padding-left: 0px;
    }

        #us-territories ul li
        {
            list-style-type: none;
            margin-bottom: 10px;
        }

            #us-territories ul li a
            {
                color: #000;
                font-weight: bold;
                cursor: pointer;
            }

                #us-territories ul li a .us-territory-status
                {
                    width: 50px;
                    max-width: 50px;
                    min-width: 50px;
                    height: 20px;
                    max-height: 20px;
                    min-height: 20px;
                    float: left;
                    margin-right: 10px;
                    background-color: #fff0d9;
					font-family: Verdana;
					font-size: 10px;
                }

#pnlWarning
{
    width: 100%;
    height: 100%;
    position: absolute;
    top: -12px;
    left: 0;
}

    #pnlWarning .panel-background
    {
        height: 110%;
        background-color: rgba(0,0,0,.5);
    }

    #pnlWarning .panel
    {
        width: 80%;
        margin: 0 auto;
    
        top: 50px;
}

.src-map-dc-label-status 
{
	cursor: pointer;
	width: 20px;
    max-width: 20px;
    min-width: 20px;
    height: 15px;
    max-height: 15px;
    min-height: 15px;
}
.src-map-dc-label 
{
	width: 100%;
	color: #000;
	font-weight: bold;
	font-family: Verdana;
	font-size: 10px;
	cursor: pointer;
	padding-left: 4px;
}

@media (max-width: 479px)
{
    #world-map
    {
        height: 125px;
    }

    #us-territories
    {
        bottom: 0px;
        right: 40px;
        font-size: 8px;
    }

        #us-territories ul li
        {
            margin-bottom: 5px;
        }

            #us-territories ul li a .us-territory-status
            {
                width: 20px;
                max-width: 20px;
                min-width: 20px;
                height: 15px;
                max-height: 15px;
                min-height: 15px;
            }

	.src-map-dc-label-status
    {
        width: 15px;
        max-width: 15px;
        min-width: 15px;
        height: 10px;
        max-height: 10px;
        min-height: 10px;
    }

	.src-map-dc-label 
	{
		font-size: 8px;
	}

	.legend-left
	{
		font-size: 8px;
		font-weight: bold;
	}

     .src-company-list-visible
    {
        display: block;

    }

         .src-legend-visible
    {
        display: none;
    }
    
}

@media (min-width: 300px) and (max-width: 479px) 
{
	.src-map-header
	{
		font-size: 10px;
		font-weight: normal;
		color: #666;
	}

	.src-map-dc-label-status
    {
        width: 15px;
        max-width: 15px;
        min-width: 15px;
        height: 10px;
        max-height: 10px;
        min-height: 10px;
    }

	.src-map-dc-label 
	{
		font-size: 8px;
	}

	.legend-left
	{
		font-size: 8px;
		font-weight: bold;
	}

	[data-tooltip]:before {
		width: 100px;
		font-size: 8px;
	}

    
     .src-company-list-visible
    {
        display: block;

    }

         .src-legend-visible
    {
        display: none;
    }
}



@media (min-width: 480px) and (max-width: 719px)
{
    #world-map
    {
        height: 200px;
    }

    #us-territories
    {
        bottom: 0px;
        right: 100px;
        font-size: 8px;
    }

	#us-territories ul li a .us-territory-status
    {
        width: 15px;
        max-width: 15px;
        min-width: 15px;
        height: 10px;
        max-height: 10px;
        min-height: 10px;
    }

	.src-map-dc-label-status
    {
        width: 15px;
        max-width: 15px;
        min-width: 15px;
        height: 10px;
        max-height: 10px;
        min-height: 10px;
    }

	.src-map-dc-label 
	{
		font-size: 8px;
	}

	.src-map-header
	{
		font-size: 10px;
		font-weight: normal;
		color: #666;
	}

	.legend-left
	{
		font-size: 8px;
		font-weight: bold;
	}

	[data-tooltip]:before {
		width: 100px;
		font-size: 8px;
	}
     .src-company-list-visible
    {
        display: block;

    }
   
      .src-legend-visible
    {
        display: none;
    }
}

@media (min-width: 720px) and (max-width: 959px)
{
    #world-map
    {
        height: 350px;
    }

    #us-territories
    {
        bottom: 30px;
        right: 120px;
        font-size: 10px;
    }

	.src-map-header
	{
		font-size: 10px;
		font-weight: bold;
		color: #666;
	}

	.legend-left
	{
		font-size: 10px;
	}

}

@media (max-width: 995px)
{
        .table-info 
	{
		width: 98%;
		overflow: scroll;
		overflow-y: hidden;
		overflow-x: scroll;
	}
}

@media (min-width: 960px) and (max-width: 1079px)
{
    #world-map
    {
        height: 450px;
    }

    #us-territories
    {
        bottom: 40px;
        right: 140px;
        font-size: 12px;
    }

	.src-map-header
	{
		font-size: 14px;
		font-weight: bold;
		color: #666;
	}


}

@media (min-width: 1080px) and (max-width: 1199px)
{
    #world-map
    {
        height: 450px;
    }

    #us-territories
    {
        bottom: 60px;
        right: 170px;
        font-size: 12px;
    }

	.src-map-header
	{
		font-size: 14px;
		font-weight: bold;
		color: #666;
	}
}

@media (min-width: 1200px) and (max-width: 1439px)
{
    #world-map
    {
        height: 600px;
    }

    #us-territories
    {
        bottom: 60px;
        right: 250px;
    }

	.src-map-header
	{
		font-size: 14px;
		font-weight: bold;
		color: #666;
	}
}

@media (min-width: 1440px) and (max-width: 1599px)
{
    #world-map
    {
        height: 600px;
    }

    #us-territories
    {
        bottom: 80px;
        right: 300px;
    }

	.src-map-header
	{
		font-size: 14px;
		font-weight: bold;
		color: #666;
	}

	.legend-left
	{
		font-size: 12px;
	}
}

@media (min-width: 1600px)
{
    #world-map
    {
        height: 700px;
    }

    #us-territories
    {
        bottom: 80px;
        right: 400px;
    }

	.src-map-header
	{
		font-size: 14px;
		font-weight: bold;
		color: #666;
	}

	.legend-left
	{
		font-size: 12px;
	}
}

/* map legend */
.src-map-legend-panel 
{
	margin-left: 15px;
	margin-right: 15px;
}

.map-legend-group
{
    margin: 5px 0px;
}

.map-legend-row
{
    height: 30px;
}

.legend-sub-header
{
    padding-left: 5px;
    font-style: italic;
    font-weight: bold;
    color: #8d8d8d;
    font-size: 12px;
    text-align: left;
}

.legend-sub-header-separator
{
    height: 1px;
    background: #717171;
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 5px;
}




@media screen and (min-width: 960px) and (max-width: 1199px)
{

    #map-legend
    {
        height: 600px;
    }

    .map-legend-row
    {
        height: 50px;
    }

    .legend-left-color
    {
        margin-bottom: 28px;
    }

	.src-map-header
	{
		font-size: 14px;
	}

	.legend-left
	{
		font-size: 12px;
	}
}


.legend-right
{
    width: auto;
    margin-right: 5px;
    text-align: right;
}

.legend-pending
{
    background-color: #2c7097;
}

.legend-submitted
{
	width: 8%;
    content: url('../../Images/Status/Submitted_SISR.gif');
	background-image: url('../../Images/Status/Submitted_SISR.gif');
}

.legend-submitted-Approv
{
    width: 8%;
    content: url('../../Images/Status/Mixed.gif');
	background-image: url('../../Images/Status/Mixed.gif');
}


.legend-submitted
{
	width: 8%;
    content: url('../../Images/Status/Submitted_SISR.gif');
	background-image: url('../../Images/Status/Submitted_SISR.gif');
}

.legend-conditional
{
    width: 8%;
    content: url('../../Images/Status/Conditional.gif');
	background-image: url('../../Images/Status/Conditional.gif');
}

.legend-conditional-submitted
{
    width: 8%;
    content: url('../../Images/Status/Conditional_Submitted.gif');
	background-image: url('../../Images/Status/Conditional_Submitted.gif');
}

.legend-conditional-approved
{
    width: 8%;
    content: url('../../Images/Status/Conditional_Approved.gif');
	background-image: url('../../Images/Status/Conditional_Approved.gif');
}

.legend-conditional-submitted-approved
{
     width: 8%;
    content: url('../../Images/Status/Cond_Sub_Approv.gif');
	background-image: url('../../Images/Status/Cond_Sub_Approv.gif');
}

.legend-approved
{
    width: 8%;
    content: url('../../Images/Status/Approved.gif');
	background-image: url('../../Images/Status/Approved.gif');
}

.legend-not-registered
{
    width: 8%;
    content: url('../../Images/Status/NotRegistered.gif');
	background-image: url('../../Images/Status/NotRegistered.gif');
}

.legend-pending.legend-submitted
{
    background-color: #dc5504;
}

.legend-pending.legend-approved
{
    background-color: #f9990a;
}

.legend-submitted.legend-approved
{
    background-color: #2b334a;
}

.legend-pending.legend-submitted.legend-approved
{
    background-color: #4ab9df;
}

.legend-subtext
{
    font-size: smaller;
    font-weight: normal;
}

/* Profile */

.src-line-divider
{
    border-bottom: 1px solid #666;
    line-height: 16px;
    text-align: left;
}

.src-line-divider-text
{
    background: #FFF;
    position: relative;
    bottom: -8px; /* half of line-height */
    padding: 0 15px;
    font-weight: bold;
    width: 100%;
    color: #666;
}

.src-remove_margin_padding 
{
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px
}