.ms-auth-form form {
  width: 100%;
}
.twitter-typeahead {
    width: 100%;
}
.tt-suggestion {
  font-size: 1rem;
  padding: 5px 20px;
}
.tt-suggestion:hover {
    cursor: pointer;
    color: #ffffff;
    background-color: #1b1b29;
}
.tt-menu {
    width: 100%;
    margin: 0px 0; 
    padding: 5px 0;
    background-color: #ffffff;
    border: 1px solid #e8eff9;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
table i {
    margin-right: 10px;
    font-size: 14px;
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    margin-right: .0em;
    display: inline-block;
    color: rgba(0, 0, 0, 0.5);
    content: "►";
}
.datepicker, .datepicker table{
    width: 100%;
    
}
.btn.disabled{
    cursor: not-allowed;
}
.datepicker-dropdown{
   /*background-color: #1b1b29;*/
   border:  1px solid #1b1b29;
   padding: 5px;
   /*color: #fff !important;*/
}

.ms-infographics-widget .ms-card-body+i::before {
    font-size: 3rem !important;
}
.buttons-html5, .buttons-print {
    border: 1px solid #414147 !important;
    padding: 8px 15px !important;
    min-width: auto !important;
    margin-top: 0rem !important;
}
/*.buttons-html5 span, .buttons-print span{
    color: #fff;
}*/
.error{
    font-size: 80%;
    text-align: right;
    color: #db3c36;
}
.printClass{
    cursor: pointer;
}
.modal-body table tbody th, .modal-body table tbody td {
    /*font-family: unset;*/
    font-size: 16px;
}
.preview-item.active, .preview-item:active{
    color: #fff;
    text-decoration: none;
    background-color: #007bff;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}


/* Firefox */
input[type=number] {
  -moz-appearance: textfield !important;
}

th.rotate
  {
    white-space: nowrap;
    height: 65px;  
    padding-right: 5px !important; 
  }
  th.rotate > div
  {
    transform:
    /*translate(25px, 51px)*/
    rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    width: 20px;
    vertical-align: top;
  }
  th.rotate > div > span  {
    padding: 0px 3px;
  }
@media screen and (max-width: 570px){
    .text-right, label{
        text-align:left !important;
    }
}

@media print 
{
   body{
        width: 1000px; 
        font-size:8px ; 
        font-family:arial; 
        font-weight:normal; 
        margin-top: 12px;
    }

   .table-bordered th, .table-bordered td {
        border: 1px solid #000 !important;
        padding: 0.4rem !important;
    }

    h4{
        font-size: 34px !important;
        margin-bottom: .7rem;
        line-height: 1.5rem;
    }
    
    .modal-dialog{
        height: 100% !important;
        width: 100% !important; 
        margin: 0 !important;
    }
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 
    {
        float: left;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-11 {
        width: 91.66666667%;
    }
    .col-md-10 {
        width: 83.33333333%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.66666667%;
    }
    .col-md-7 {
        width: 58.33333333%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-5 {
        width: 41.66666667%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-2 {
        width: 16.66666667%;
    }
    .col-md-1 {
        width: 8.33333333%;
    }
   
    .notVisibleForPrint, input[value=Print] {display:none !important;}
    .pageBreak{page-break-after: always; }
    table { page-break-after:auto }
    tr    { page-break-inside:avoid !important; page-break-after:auto }
    td    { page-break-inside:avoid !important; page-break-after:auto }
    thead { display:table-header-group }
    tfoot { display:table-footer-group }

    .modal-content, .table  th, .table  td{
        font-size: 30px !important;
        border: 1px solid !important;
        padding: : 5px !important;;
    }
    div,span{
        font-size: 30px !important;
    }
    .table-sm th, .table-sm td {
        padding: 0.2rem !important;
    }
    .modal-dialog, .modal-content {
        max-width: 100% !important;
        margin: 5px !important;
    }
    .modal-content{
        border: 1px solid #000 !important;
    }
    .navbar-brand{
        font-size: 36px !important;
        font-weight: bolder !important;
        text-decoration: none !important;
    }
}