﻿body {
}




table.ItemListTable,
table.ItemList,
table#BodyContentPlaceHolder_InvoiceHistoryList {
width:100%;
border:0px;
padding:0px;
margin:0px;
   border-collapse: collapse;
}

table.ItemList tr 
{
    background-color:#ffffff !important;
}

table.ItemList td 
{
    padding:3px !important;
    
}

table.ItemList tr.tableHead {
	background-color: #ff6e00 !important;
	font-weight:bold;
	color:#ffffff;
	
}

table.ItemList tr td {
padding:3px;	
}

table.ItemList tr {
border-bottom:1px solid #000;
}
table.ItemList tr:last-child { border-bottom:1px solid #ffffff; }




/*.modal {
    overflow-y: auto !important;
}
.modal {
    z-index: 10050 !important;
    outline: none !important;
}
.modal {
    display: none;
    overflow: auto;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}*/

/***
Bootstrap modal 
***/

.modal {
  z-index: 10050 !important;
  outline: none !important;
}

.modal-header {
  border-bottom: 1px solid #EFEFEF;
}

.modal-header h3{
  font-weight: 300;
}

.modal-small.modal-dialog {
  width: 400px;
}

.modal-wide.modal-dialog {
  width: 60%;
}

.modal-full.modal-dialog {
  width: 100%;
}

@media (max-width: 768px) {

  .modal-small.modal-dialog,
  .modal-wide.modal-dialog, 
  .modal-full.modal-dialog {
    width: auto;
  }

}


/***
Modal header close button fix
***
.modal-header .close {
  margin-top: 0px !important;
}

.modal > .loading {
  position: absolute;
  top: 50%;
  left:50%;
  margin-top: -22px;
  margin-left: -22px;
}

.modal-backdrop {
  border: 0 !important;
  outline: none !important;
  z-index: 10049 !important;
}

.modal-backdrop, 
.modal-backdrop.fade.in {
  background-color: #333 !important;
}

/* fix: content shifting to the right on modal open due to scrollbar closed *
.modal {
  overflow-y: auto !important;
}

.modal-open {
  overflow-y: auto !important;
}

.modal-open-noscroll {
  overflow-y: hidden !important; 
}




.modal {
    display: none;
    overflow: auto;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.fade.in {
    opacity: 1;
}
.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.modal.in .modal-dialog {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
}
.modal.fade .modal-dialog {
    -webkit-transform: translate(0,-25%);
    -ms-transform: translate(0,-25%);
    transform: translate(0,-25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
}
@media (min-width: 768px)
.modal-dialog {
    width: 600px;
    margin: 30px auto;
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}
@media (min-width: 768px)
.modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
}
.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    background-clip: padding-box;
    outline: 0;
}
.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857143px;
}
.modal-body {
    position: relative;
    padding: 20px;
}
.modal-footer {
    margin-top: 15px;
    padding: 19px 20px 20px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}  */



* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.fade.in {
    opacity: 1;
}
.modal {
    display: none;
    overflow: auto;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.modal.in .modal-dialog {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
}
.modal.fade .modal-dialog {
    -webkit-transform: translate(0,-25%);
    -ms-transform: translate(0,-25%);
    transform: translate(0,-25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
}
/*@media (min-width: 768px)*/
.modal-dialog {
    width: 600px !Important;
    margin: 30px auto !Important;
    margin-top: 140px !Important;
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}
/*@media (min-width: 768px)*/
.modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
}
.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    background-clip: padding-box;
    outline: 0;
}
.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857143px;
}
.modal-body {
    position: relative;
    padding: 20px;
    font-size: 15px !Important;
    line-height: 20px !Important;
}
.modal-body p {
    line-height: 20px !Important;
}
.modal-footer {
    margin-top: 15px;
    padding: 19px 20px 20px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}










/* LOADING PANEL */

div.loadingbox {
    z-index: 15000;
    filter: alpha(opacity=50); /*older IE*/
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE */
    -moz-opacity: .50; /*older Mozilla*/
    -khtml-opacity: 0.5;   /*older Safari*/
    opacity: 0.5;   /*supported by current Mozilla, Safari, and Opera*/
    background-color:#ffffff;
    position:fixed; top:0px; left:0px; width:100%; height:100%; 
    text-align:center; vertical-align:middle;
    display:block;
}
div.loadingbox img {margin-top: 250px;}





/*Facebook style button loader white*/
.lds-facebook {
    /*display: inline-block;*/
    /*position: relative;
    width: 10px;
    height: 10px;*/
    transform: scale(0.3);
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: -6px;
    margin-right: 8px;
    line-height: 14px;
    vertical-align: top;
}

    .lds-facebook div {
        display: inline-block;
        position: absolute;
        left: 8px;
        width: 16px;
        background: #fff;
        animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
    }

        .lds-facebook div:nth-child(1) {
            left: 8px;
            animation-delay: -0.24s;
        }

        .lds-facebook div:nth-child(2) {
            left: 32px;
            animation-delay: -0.12s;
        }

        .lds-facebook div:nth-child(3) {
            left: 56px;
            animation-delay: 0;
        }

@keyframes lds-facebook {
    0% {
        top: 8px;
        height: 64px;
    }

    50%, 100% {
        top: 24px;
        height: 32px;
    }
}

/*Facebook style loader grey*/
#pageLoader {
    background-color: #4E4E4E !important;
    opacity: .8 !important;
    
}
#pageLoader #pageLoaderText {
    height: 140px !important;
    opacity: 1.0 !important;
}

.lds-facebook-big {
    display: inline-block;
    position: relative;
    margin: auto;
    width: 50%;
    /*width: 14px;
    height: 14px;
    margin-top: -6px;
    margin-right: 8px;
    line-height: 14px;
    vertical-align: top;*/
}

    .lds-facebook-big.pad {
        top: -20px;
    }

    .lds-facebook-big div {
        display: inline-block;
        position: absolute;
        left: 8px;
        width: 16px;
        background: #525252;
        animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
    }

        .lds-facebook-big div:nth-child(1) {
            left: 8px;
            animation-delay: -0.24s;
        }

        .lds-facebook-big div:nth-child(2) {
            left: 32px;
            animation-delay: -0.12s;
        }

        .lds-facebook-big div:nth-child(3) {
            left: 56px;
            animation-delay: 0;
        }

@keyframes lds-facebook-big {
    0% {
        top: 8px;
        height: 64px;
    }

    50%, 100% {
        top: 24px;
        height: 32px;
    }
}





