/*CUSTOM SWALLOW STYLES */

.test-server-message {
    background: #9B410E;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

.login-box {
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
    width: 500px;
    border-radius: 3px;
    border: 1px solid #7677B0;
    padding-top: 60px;
    padding-left: 90px;
    padding-right: 90px;
    padding-bottom :30px;
}

.search-box {
    padding-top: 10px;
    border-radius: 3px;
    padding-left: 5px;
    padding-right: 5px;
    background:   #DDECFF;
    font-size: 13px;
    border: 1px solid #94B1D9;
    border-radius: 2px;
}

.panel .panel-heading{
    background: #94B1D9;
    color: white;
}

.select2-sm .select2-selection {
    height :30px;
    padding: 6px 10px;
    font-size: 12px;    
    border-radius: 3px;
}

.btn-secondary {
    background: #7677B0;
    border: #7677B0 1px solid;
    color: white;
}

.btn-secondary:hover {
    background: #6163AD;
    color: white;
}


#site-title {
    color: #FFFFFF;
    font-size: 40px;
}

header {
    background: #94B1D9;
    color: white;
}

.navbar-default {
    border-radius: 0px;
    border: 0;
}

.navbar-default, .navbar-default .dropdown-menu,
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
    background: #94B1D9;
    color: white;

}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color : #FFFFFF;
}


.navbar-default .navbar-nav>li>a, .dropdown-menu>li>a {
    color: #FFFFFF ;
}

.navbar-default .navbar-nav>li>a:hover, .dropdown-menu>li>a:hover {
    color: #FFFFFF;
    background: #7677B0;
}

.table-striped th {
    background: #94B1D9;
    color: white;
}

.table-striped th a {
    color: white;
}

.table-striped>tbody>tr:nth-child(odd)>td {
    background-color: #F7FAFF;
}


/* BOOTSTRAP ADDITIONAL COLS*/


.col-sm-1-5 { width: 12.5%; } 
.col-sm-2-5 { width: 20.83333%; }
.col-sm-3-5 { width: 29.16667%; } 
.col-sm-4-5 { width: 37.5%; } 
.col-sm-5-5 { width: 45.83333%; }
.col-sm-6-5 { width: 54.16667%; } 
.col-sm-7-5 { width: 62.5%; } 
.col-sm-8-5 { width: 70.83333%; }
.col-sm-9-5 { width: 79.16667%; }
.col-sm-10-5 { width: 87.5%; }
.col-sm-11-5 { width: 95.8333%; }

.grid-small-font {
    font-size: 12px;
}

/*HACK*/
span.select2.select2-container.select2-container--bootstrap{
    width:100%!important;
}

select::-ms-expand {
    border:none;
    background:#fff;
}

.purchase-invoices-row div {
    padding-right: 0px;
    padding-left: 10px;
}

.purchase-invoices-row .input-group {
    padding: 0px;
}


.table{    
    text-align: left;
}

.btn-delete-file {
    margin-bottom: 5px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 5px;
    padding-right: 5px;
}


.form-horizontal .control-label{
    text-align:left;
}

.drag_cursor {
    cursor: move;
}

.disable_href{
    pointer-events: none;
}

.grayed {
    background: #DDDDDD;
    opacity: 0.4;
}

.grid_footer_href {
    text-decoration: none !important; 
    color:#337ab7; 
    border: 1px solid #AAAAAA; 
    padding-left: 10px;
    padding-right: 6px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: 10px;

}

.grid_footer_href:hover {
    background: #DDDDDD;
}

.non-clickable {
    pointer-events: none;
    cursor: default;
}


.header {
    font-size: 24px;
    padding-bottom: 15px;
}

.delete-link, .red {
    color: red;
}

.details-link:visited {
    color: purple;
}

.tight-label {
    padding-right:0;
}

.form-settings .tab-pane {
    height :430px;
}

.glyphicon-ok {
    color: green;
}

.glyphicon-remove {
    color: red;
}

.ui-dialog-titlebar-close {
    color: black;
}

.on_stop td {
    background: #ffb2ce !important;
}

.info-box {
    background: #DDECFF;
    padding: 7px;
    border: 1px solid #94B1D9;
    border-radius: 2px;
    width: 450px;
}

.option_on_stop {
    color: red;
}

.date-calendar {
    cursor: pointer;
}

.font-weight-normal {
    font-weight: normal;
}

.non-resizeable {
    resize: none;
}

/*JOB AND PURCHASE DETAILS*/

.half-br {
    height: 10px;
}

.job-items-box, .job-notes-box, .purchase-notes-box, .job-credits-box, .job-purchases-box, .purchase-items-box, .job-completion-box {
    padding: 10px;
    margin-left: -10px;
    margin-right: -10px;
    border-radius: 2px;
    border-style: solid;
    border-width: 1px;
}

.job-items-box {
    background: #ffeccc;
    border-color: #F9CE89;
}

.job-notes-box, .purchase-notes-box {
    background: #fff9b7;
    border-color: #FFE521;
}

.job-credits-box {
    background: #E0FFE0;
    border-color: #acdd4a;
}

.job-purchases-box, .purchase-items-box {
    background: #ffc760;
    border-color: #FFA916;
}

.job-completion-box {
    background: #ffe0bf;
    border-color: #FFC993;
}

.note {
    background: #FFFCE2;
    margin-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 13px;
}

.input-pull-up {
    margin-top: -5px;
}

.item-row {
    margin-bottom: 5px;
}


.items-header {
    margin-top: 10px;
    margin-bottom: 10px;

}

.items-header.items-header-2-rows div div  {
    height: 42px;
}

.items-header div div  {
    border: 1px solid;
    padding-left: 3px;
}

.no-margins {
    margin: 0 !important;
}

.cursor-pointer {
    cursor: pointer;
}

.link-disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;    
}

.disable-text-selection {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; 
}

.fa-spin-custom, .glyphicon-spin {
    -webkit-animation: spin 1000ms infinite linear;
    animation: spin 1000ms infinite linear;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}


.invoice-items-box {
    background: #FFF9F2;
    padding: 5px;
}

.length-surcharge {
     border-bottom: 3px brown dashed;
}

.minimum-price-surcharge {
     border-bottom: 2px red groove;
}

.nobr {
    white-space:nowrap; 
}