.content {
    padding: 0 0 0 95px; /* 75px being the width of the thumbnail + how much space you want to put between it and your text */
    position: relative; /* So the thumbnail is relative to this */
    margin-top:50px;
}

.content img {
    left: 0;
    position: absolute;
    top: 0;
}
a {
    text-decoration: underline;
}
.check-validation:valid:focus,
.check-validation:valid {
    border-color: green;
    outline:none !important;
    box-shadow: none !important;
} 

.check-validation:invalid:focus,
.check-validation:invalid {
    border-color: red;
    outline:none !important;
    box-shadow: none !important;


} 

.btn-inline { display:inline; }

.inline-block {
    display:inline-block !important;
}

thead tr th, tbody tr th, tbody tr td {
    text-align:center;
}

.text-left {
    text-align: left !important;
}


@media only screen and (max-width : 992px){
    .table-responsive
    {
        border:none !important;
        overflow-x: auto;
    }

}

@media only screen and (max-width : 1200px){  
    .dataTables_wrapper .dataTables_filter {
        float: left !important;

    }
}

/* Main Navbar Styling */
.navbar-custom {
    background-color: #103656;
    border-color: #003360;
}
.navbar-custom .navbar-brand {
    color: #ffffff;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
    color: #e6e6e6;
    background-color: transparent;
}
.navbar-custom .navbar-text {
    color: #ffffff;
}

.navbar-custom .navbar-nav > li > a {
    color: #ffffff;
    text-decoration:none !important;
    padding-left:30px !important; padding-right:30px !important;
}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
    color: #49bbdd;
    background-color: transparent;
}
.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
    color: #49bbdd;
    background-color: #003360;
}
.navbar-custom .navbar-nav > .disabled > a,
.navbar-custom .navbar-nav > .disabled > a:hover,
.navbar-custom .navbar-nav > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
}
.navbar-custom .navbar-toggle {
    border-color: #dddddd;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
    background-color: #dddddd;
}
.navbar-custom .navbar-toggle .icon-bar {
    background-color: #cccccc;
}
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
    border-color: #00315d;
}
.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #49bbdd;
    border-bottom-color: #49bbdd;
}
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
    background-color: #003360;
    color: #49bbdd;
}
.navbar-custom .navbar-nav > .open > a .caret,
.navbar-custom .navbar-nav > .open > a:hover .caret,
.navbar-custom .navbar-nav > .open > a:focus .caret {
    border-top-color: #49bbdd;
    border-bottom-color: #49bbdd;
}
.navbar-custom .navbar-nav > .dropdown > a .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}
@media (max-width: 767) {
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
        color: #ffffff;
    }
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #49bbdd;
        background-color: transparent;
    }
    .navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #49bbdd;
        background-color: #003360;
    }
    .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #cccccc;
        background-color: transparent;
    }
}

@media only screen and (max-width : 830px){
    .navbar-custom .navbar-nav > li > a {
        padding-left: 25px !important;
        padding-right: 25px !important;

    }
}
.navbar-custom .navbar-link {
    color: #ffffff;
}
.navbar-custom .navbar-link:hover {
    color: #49bbdd;
}

.sub-menue {
    background-color:#49BBDD;
}

.main-menue {
    position: relative;
    left:20px;
}

.sub-menue li a {
    color:white;
    text-decoration:none !important;
}

.sub-menue li a:hover,
.sub-menue li a:active{
    background-color:#0BADD6;
    color:white;
    background-image:none !important;
}

.dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #ffffff;
    background-color: #0BADD6;
}

.caret-right {
    display: inline-block;
    width: 1px;
    height: 1px;
    margin-left: 2px;
    vertical-align: middle;
    content: "";
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid;

}

#planDetailsNav{
    padding:3px 10px 3px 20px !important;
}

#planDetailsNav .caret-right {
    position: absolute;
    right: 10px;
    top: 10px;

}
/* Main Navbar Styling end */


/* Table Styling */

table.table thead tr {
    color:white;
    background-color:#004481;
}

.datepicker table.table-condensed thead tr th {
    color:black;
    background-color:#ffffff !important;

}

#temptable_length > label > select {
    width:auto !important;
}

#temptable_filter > label > input {
    width:auto !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding:initial !important;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 6px 18px !important;
}

#invoice-table thead th, #invoice-table thead td{
    padding:0 18px !important;    
}

#invoice-table_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner table thead, #invoice-table_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner table tr th  {
    padding:14px 18px !important;
    vertical-align: middle !important;
}

.pagination {
    margin:5px 0 !important;
}

#modems-table_length > label > select {
    width:auto !important; 
    margin-left:8px; margin-right: 8px;
}

#modems-table_wrapper label input {
    width:auto !important;
}

.DTTT_button {
    text-decoration:none !important;
}

#sims-table_length > label > select {
    width:auto !important;
}

#sims-table_filter > label > input {
    width:auto !important;
}

#subAccounts-table_filter > label > input {
    width:auto !important;
}

#subAccounts-table_length > label > select {
    width:auto !important;
}

#resellerRef-table_length > label > select {
    width:auto !important; 
    margin-left:8px; margin-right: 8px;
}

#resellerRef-table_filter > label > input {
    width:auto !important;
}

#resellerRef-table_length > label > select {
    width:auto !important; 
    margin-left:8px; margin-right: 8px;
}

#invoice-table_filter > label > input {
    width:auto !important;
}

#invoice-table_length > label > select {
    width:auto !important; 
    margin-left:8px; margin-right: 8px;
}

#tax-table_filter > label > input {
    width:auto !important;
}

#tax-table_length > label > select {
    width:auto !important; 
    margin-left:8px; margin-right: 8px;
}

#group-table_filter > label > input {
    width:auto !important;
}

#group-table_length > label > select {
    width:auto !important; 
    margin-left:8px; margin-right: 8px;
}

#assetsToSub-table_filter > label > input {
    width:auto !important;
}

#assetsToSub-table_length > label > select {
    width:auto !important; 
    margin-left:8px; margin-right: 8px;
}

#resellerRefAssets-table_filter > label > input {
    width:auto !important;
}

#resellerRefAssets-table_length > label > select {
    width:auto !important; 
    margin-left:8px; margin-right: 8px;
}

#sbdFixedPlan-table_filter > label > input {
    width:auto !important;
}

#sbdFixedPlan-table_length > label > select {
    width:auto !important; 
    margin-left:8px; margin-right: 8px;
}

#sbdAdvancedPlans-table_filter > label > input {
    width:auto !important;
}

#sbdAdvancedPlans-table_length > label > select {
    width:auto !important; 
    margin-left:8px; margin-right: 8px;
}

#csdPlans-table_filter > label > input {
    width:auto !important;
}

#csdPlans-table_length > label > select {
    width:auto !important; 
    margin-left:8px; margin-right: 8px;
}

#rudicsPlans-table_filter > label > input {
    width:auto !important;
}

#rudicsPlans-table_length > label > select {
    width:auto !important; 
    margin-left:8px; margin-right: 8px;
}

#voicePlans-table_filter > label > input {
    width:auto !important;
}

#voicePlans-table_length > label > select {
    width:auto !important; 
    margin-left:8px; margin-right: 8px;
}

#irdGOPlans-table_filter > label > input {
    width:auto !important;
}

#irdGOPlans-table_length > label > select {
    width:auto !important; 
    margin-left:8px; margin-right: 8px;
}

#applicableFee-table_filter > label > input {
    width:auto !important;
}

#applicableFee-table_length > label > select {
    width:auto !important; 
    margin-left:8px; margin-right: 8px;
}

#subAccountInvoice-table_filter > label > input {
    width:auto !important;
}

#subAccountInvoice-table_length > label > select {
    width:auto !important; 
    margin-left:8px; margin-right: 8px;
}

thead th {  
    background-color:#103656 !important;
}

.datepicker table thead tr th:last-child,
.datepicker table tbody tr td,
.datepicker table thead tr th {
    border:none !important;
}

.datepicker table thead tr {
    background-color: transparent !important;
}

/*@media screen and (max-width: 640px) {
    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter {
        float: none;
        text-align: center;
    }
    .dataTables_wrapper .dataTables_filter {
        margin-top: 0.5em;
    }
}*/

.deactive-cell {
    background-color:#F0AD4E !important;
    color:white;
}

.active-cell {
    background-color:#5CB85C !important;
    color:white;
}

table thead tr th {
    border-right:1px solid white !important;
}

table thead tr th:last-child {
    border-right:1px solid black !important;
}

.planA-cell {
    background-color:#3333FF !important;
}

.planB-cell {
    background-color:#49BBDD !important;
}


.newActivation  {
    margin-left:15px;
    position: relative; top:5px;
}

.newActivation:hover {
    cursor: pointer;
}

.activation {
    float:right;
}

.addpo {
    float:right;   
}

.addpo:hover {
    cursor:pointer;
}

.btn-newTax {
    margin-left:15px;
}

.edit-option {
    padding:8px 4px 0 4px !important;
}

.edit-option .glyphicon-pencil {
    font-size:20px;
    color:#103656;
    margin-right:5px;

}

.edit-option .glyphicon-pencil:hover {
    cursor: pointer;
}


.delete-option {
    padding:8px 4px 0 4px !important;
}

.delete-option .glyphicon-trash {
    font-size:20px;
    color:#d9534f; 
}

.delete-option .glyphicon-trash:hover {
    cursor: pointer;
}

.sbdmodems-total th {
    background-color:#103656 !important;
    color:white;   
}

.sbdmodems-total td {
    background-color:#103656 !important;
    color:white;  
}

.mobile-total th {
    background-color:#103656 !important;
    color:white;   
}

.mobile-total td {
    background-color:#103656 !important;
    color:white;

}

.mobile-total th:first-child {
    text-align: right;
}

.reference-total {
    background-color:#103656 !important;
    color:white;
}

.pocodes-cell {
    padding-top:6px !important; padding-bottom: 1px !important;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    background-color:#103656 !important; 
    color: white !important;
}

.requiredform {
    color:#d9534f;
    font-size:16px;
}

.text-vcenter {
    vertical-align: middle !important;
    text-align:left !important;   
}

/* Table Styling End */

/* Logon Styling */

.logon-bg {      
    background:url('../../img/Relay-Background-2.png') #000000 no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height:100%;  
}

.logon-bg-opacity {
    background-color:rgba(0, 0, 0, 0.6);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width:100%;
    height:100% !important;
    position: absolute;
}

.logon-content {
    padding-bottom:10px !important; padding-top:10px !important; 
    background-color: #F9FBFC !important;
}

.logon-dialog-padding {
    padding-bottom:10px !important; padding-top:initial !important;
}

.vertical-center {
    height:100%;
    width:100%;
    text-align: center;  /* align the inline(-block) elements horizontally */
    font: 0/0 a;         /* remove the gap between inline(-block) elements */
}

.vertical-center:before {    /* create a full-height inline block pseudo=element */
    content: ' ';
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
    height: 100%;
}

.vertical-center > .container {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
    font: 16px/1 "Helvetica Neue", Helvetica, Arial, sans-serif;        /* <-- reset the font property */
}

.copyright-logon {
    float:none !important;
    display:block;
    position:relative;
    margin-top:5px;
    padding: 2px 5px; 
    border-radius:2px;
}

.copyright-logon p {
    font-size:12px;
    display:inline;
    font-weight:bold;
    text-transform:uppercase;   
    letter-spacing:-0.40px; 
    color:white; 
}

.copyright-logon img {
    display:inline !important;
    -ms-interpolation-mode:bicubic;
    max-width:120px; 
    position:relative;
    top:3px;
}

/* Logon Styling End */


.datepicker-dropdown table thead tr th {
    background-color:white !important;
    color: #103656 !important;
}

.datepicker-dropdown table thead tr th .prev i{
    color: #103656 !important;
}


.datepicker-dropdown table thead tr th:last-child {
    border-right:inherit !important;
}

.datepicker-dropdown div.datepicker-days table.table-condensed thead tr th.next i.icon-arrow-right {
    color: black !important;
    font-size: 16px !important;
}

.mobile-banner {
    background-color:#103656 !important;
    color:white;
    padding-top:8px; padding-bottom:8px;  
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #F5F5F5 !important;
    cursor: not-allowed;
}

/* Footer Copyright */

.copyright {
    float:none !important;
    display:block;
    position:relative;
    margin-top:20px; 
}

.copyright p {
    font-size:12px;
    display:inline;
    font-weight:bold;
    text-transform:uppercase;   
}

.copyright img {
    display:inline !important;
    -ms-interpolation-mode:bicubic;
    max-width:100px; 
    position: relative;
    top:2px;
}

/* Footer Copyright End */

.outerpadding {
    padding:20px;
}

.padding-top-10px {
    padding-top:10px;
}

.sub-heading {
    color:#103656;
}

.glyphicon-ok {
    color:green !important;
}

.glyphicon-remove {
    color: red !important;
}

.badge-blue {
    background-color:#103656 !important;
}

.submit-align {
    vertical-align: bottom !important; 
    position: relative !important; top:-3px !important; margin-top:5px !important;
}

.filetype-cell-padding {
    padding:1px 5px !important; vertical-align: middle !important;
}

.filetypes-pdf {
    font-size:30px !important; color:#d9534f !important;
}

.filetypes-pdf:hover {
    cursor:pointer;
}

.filetypes-xml {
    font-size:30px !important;
}

.filetypes-xml:hover {
    cursor:pointer;
}

.filetypes-csv {
    font-size:30px !important;
}

.filetypes-csv:hover {
    cursor:pointer;
}

#updateActivation-table {
    margin-bottom:10px !important;
}

.directip {
    position: relative; left:-15px;
}

#sbdAdvancedPlans-table thead tr th {
    white-space: nowrap;

}

#sbdAdvancedPlans-table_wrapper.dataTables_wrapper.form-inline.dt-bootstrap.no-footer div.dataTables_scroll div.dataTables_scrollHead {
    top:15px !important;
}

.status-filter {
    width:110px;

}

.status-label {
    position: relative; top:1px;
    float:right;
    margin-left:10px;
}

.statusSelection {
    display:inline-block;
}

.sublabelpos {
    position: relative; top:5px;
}

.subsubmitpos {
    position: relative;
    top:7px;
    color: #ffffff;
    background-color: #103656;
    border-color: #0c2841;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dataTables_wrapper  label  input {
    width:auto !important;
}

.dataTables_wrapper label select {
    width:auto !important; 
    margin-left:8px; margin-right: 8px;
}

div.dt-buttons {
    float:right !important;
    margin-bottom:5px;

}

div.dt-buttons a {
    text-decoration:none;
}

.loading-spinner {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    font-size:26px;
    display: block !important;
    padding: 10px;

}

.loading-spinner-bg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    z-index:1029;
}

.glyphicon-spin {
    -webkit-animation: spin 1000ms infinite linear;
    animation: spin 1000ms infinite linear;
}

@-webkit-keyframes spin {
    0% {
        -moz-transform:rotate(0);
        -webkit-transform:rotate(0);
        transform:rotate(0);
    }
    100% {
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -moz-transform:rotate(0);
        -webkit-transform:rotate(0);
        transform:rotate(0);
    }
    100% {
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.ieloading {
    height: 100%;
    position: relative

}

.ieloading-center {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    text-align:center;

}

#user-guides-modal {
    overflow:hidden !important;
    padding:0 !important;
}

.username-ellipse {
    max-width: 170px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    color:white !important;
    position:relative;
    top:15px;

}

.tooltip-inner {
    max-width:400px !important;
}


.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding:inherit !important;
}

#sbdAdvancedPlans-table thead th, #sbdAdvancedPlans-table thead td{
    padding:0 18px !important;
}

#csdPlans-table thead th, #csdPlans-table thead td{
    padding:0 18px !important;
} 

#rudicsPlans-table thead th, #rudicsPlans-table thead td{
    padding:0 18px !important;
}

#voicePlans-table thead th, #voicePlans-table thead td{
    padding:0 18px !important;
}

#irdGOPlans-table thead th, #irdGOPlans-table-table thead td{
    padding:0 18px !important;
}

#sbdAdvancedPlans-table_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner table tr th, #sbdAdvancedPlans-table_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner table thead{
    padding:14px 18px !important;
    vertical-align: middle !important;
}

#csdPlans-table_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner table thead, #csdPlans-table_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner table tr th{
    padding:14px 18px !important;
    vertical-align: middle !important;
}

#voicePlans-table_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner table thead, #voicePlans-table_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner table tr th{
    padding:14px 18px !important;
    vertical-align: middle !important;
}

#rudicsPlans-table_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner table thead, #rudicsPlans-table_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner table tr th{
    padding:14px 18px !important;
    vertical-align: middle !important;
} 

#irdGOPlans-table_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner table thead, #irdGOPlans-table_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner table tr th{
    padding:14px 18px !important;
    vertical-align: middle !important;
}

#statusHistory-table thead th, #irdGOPlans-table-table thead td{
    padding:0 18px !important;
}

#statusHistory-table_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner table thead, #irdGOPlans-table_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner table tr th{
    padding:14px 18px !important;
    vertical-align: middle !important;
}

.btn-statusHistory {
    background-color: #1f618d;
    border-color: #1f618d;
    color: #ffffff;
}

.btn-statusHistory:hover {
    color: #ffffff !important;
    background-color: #1F568D;
}

.plan-table tbody tr:last-child td,
.plan-table tbody tr:last-child th {
    border-bottom: 1px solid #243642 !important;
}

/*.plan-table tbody tr {
    white-space: nowrap;
  
}*/

.plan-table tbody tr td {
    text-align: right;
}

.dropdown-menu {
    float:none !important;
}

.navbar-custom .dropdown-submenu>.dropdown-menu{
    top:0;left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}

#plansSearch {
    width:300px; 

}

.planControls {
    position: absolute; 
    top:60px;
    right:20px;
}

.create-plan-btn {
    margin-left: 15px;
    text-decoration: none;
}

.plan-table tbody > tr:first-child > th, .plan-table  tbody > tr:first-child > td {
    border-top: none !important;

}

.btn-cancel {
    margin-left:10px;
    background-color: rgb(221, 221, 221) !important;
    text-decoration: none;

}

.btn-cancel:hover {
    background-color: rgb(173, 173, 173) !important;

}

.return-btn {
    position: absolute; 
    top:60px;
    right:20px;
    text-decoration: none;
}

#pswd_info span {
    postition:reletive;
    left:5px;
}

.noLinkUnderline,
.noLinkUnderline:hover{
    text-decoration: none;
}

.displayBlock {
    display:block;

}

.assetGroupSelect {
    width: 100% !important;

}

.assetGroupActions {
    width:35%; 
    display:inline-block; 
    float:right;
    text-align: left;
    padding-left:15px;
}

.thresholdPercentage {
    width: 20% !important;
    min-width:80px;
    display:inline-block;
    float:left;
}
.thresholdValue {
    width: 70% !important;
    min-width:80px;
    display:inline-block;
    float:left;
}
.thresholdValueType {
    width: 29% !important;
    min-width:80px;
    display:inline-block;
    float:left;
    margin-left:1%;
}
/*.customerThresholdPercentage {
    width:70%; 
    display:inline-block; 
    float:right;
    text-align: left;
    padding-left:15px;
}*/

.customerThresholdPercentage {
    position: relative;
    top:5px;
    text-align: right;
}

.input-group-addon {
    background-color:transparent !important;
}

.addEmail {
    color:green;
    font-size:18px;
    position: relative;
    top:12px;
    right:-8px;
    cursor: pointer;
    padding-right:0;

}

.removeEmail {
    color:red;
    font-size:18px;
    position: relative;
    top:13px;
    right:-8px;
    cursor: pointer;
    padding-right:0;
}

.modal-backdrop {
    z-index: auto !important;
}

.modal-content {
    background-color: #F9FBFC;
}

.modal {
    overflow-y: auto;
}

.modal-open {
    overflow: auto;
}

body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
    margin-right: 0 !important;
}

.bootstrap-select li {
    text-align:left !important;
}

.invalidSelectPicker {
    border-color:red;
}

.validSelectPicker {
    border-color: green;
}

td.details-control {
    position: relative;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width:auto;
}

td.details-control:before {
    content: "\e134";
    cursor: pointer;
}

tr.shown td.details-control:before {
    content: "\e133" !important;
}

#alertChildRows td {
    text-align: left;
}

#alertChildRows tr td:first-child {
    font-weight: bold;
}

.alertSelectPickerOffset {
    position: relative;
    top:-2px;
}

.threshholdTypeInputs label {
    float:left;
    margin-left:0 !important;
    margin-right:10px !important;
}

/* CSS for left Sub Menu*/
    .dropdown-menu {
    float:right;
}

.left-submenu {
    float: none;
}

.left-submenu > .dropdown-menu {
    border-radius: 6px 0px 6px 6px;
    left: auto;
    margin-left: 10px;
    right: 99%;
    top:0;
}
/* CSS for left Sub Menu*/

/* Listed are styling changes used for plans.jsp */

/* References the color of the odd
   numbered table rows in plans.jsp */
.plans-table > tbody > tr:nth-child(odd) > td,
.plans-table > tbody > tr:nth-child(odd) > th {
    background-color: #eaeaea;
}

/* References the color of the hovered
   table row in plans.jsp */
.plans-table > tbody > tr:hover > td,
.plans-table > tbody > tr:hover > th {
    background-color: #dfdfdf;
}

/* References the color and size of the
   text in the table rows of plans.jsp */
.plans-table > tbody > tr > td {
    font-size: 12px;
    color: #243642;
}

/* References the text size of plans.jsp table headers and
   forces them to stay visible at top of screen while scrolling*/
.plans-table > thead > tr {
    top: 66;
    font-size: 12px;
}

/* References the styling of the search form
   in plans.jsp and iridium_plans.jsp */
#planForm {
    display: inline;
    padding: 0px;
    margin: 0px;
}

/* References the styling of the submit button
   in plans.jsp and iridium_plans.jsp */
#planTypeSubmit, #dateRangeSubmit {
    z-index: 1;
    position: relative;
    bottom: 1px;
}

/* References the styling of the headers for the
   dropdowns displayed on plans.jsp */
#planTypeHeader, #iridiumCodeFilterHeader, #startDateHeader, #endDateHeader {
    padding-left: 15px;
    color: #FF0000;
}

/* References the text formatting of the label
   attribute for the dropdowns within plans.jsp */
#planTypeLabel, #iridiumCodeFilterLabel {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

/*required to handle duplicate row in iridium tap file manager page*/
.dataTables_scrollBody thead tr[role="row"]{
    visibility: collapse !important;
}

.summary-table > tbody > tr:nth-child(odd) > td,
.summary-table > tbody > tr:nth-child(odd) > th {
    background-color: #eaeaea;
}


.summary-table > tbody > tr:hover > td,
.summary-table > tbody > tr:hover > th {
    background-color: #dfdfdf;
}

.summary-table > tbody > tr > td {
    font-size: 12px;
    color: #243642;
}

.summary-table > thead > tr {
    top: 66;
    font-size: 12px;
}