/*Added by Adam*/

.footer {
    position:static;
}

.no-style-number-input{
  padding:0px;
  display:block;
  width:300px;
  border:none;
  background-color:inherit;
  width:40px;
  float:right;
  text-align:right
}

#username-top-bar{

    color:white;
    font-style: italic;
}

.app-container p{
    margin:10px;
}

#app-icon {
    border: 0.4px solid #BFBBBA;
    border-radius: 20%;
    margin-right:10px;
    margin-bottom:10px;
}

#download-info-text {

    font-size:0.8em;
    font-style: italic;
}

.app-info{
    min-width:300px;
    font-size:0.9em;
}

.app-info th{
    padding-right:10px;
    color:#9e9894;
    font-weight: normal;    
}

.app-info{
    font-size:0.9em;
}

.app-info th{
    padding-right:10px;
    color:#9e9894;
    font-weight: normal;
    
}

/*************************/

/* FORMS */

.form-control-orverride {
    border: 1px solid #fff;
}

.form-group-override {
    margin-bottom: 5px;
}

.cursor-pointer {
	cursor: pointer;
}

.col-padding-override {
    padding-left: 0px; 
    padding-right: 0px;
}

.col-10 {
    width: 10%;
}

.col-20 {
    width: 20%;
}

.col-40 {
    width: 40%;
}

.col-50 {
    width: 50%;
}

.col-60 {
    width: 60%;
}

.col-70 {
    width: 70%;
}

.col-80 {
    width: 80%;
}

.col-90 {
    width: 90%;
}

.inline {
    display: inline;
}

.inline-group-form {
    display: inline; 
    float: right; 
    padding-left: 5px;
}

.margin-top-2 {
    margin-top: 2px;
}

/* LOGIN */

.login-style {
	background-color: white;
	padding: 30px;
}

.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {
    margin-left: auto;
    margin-right: auto; 
    width: 300px;
}

/* SELECTED TD */

.td-info-element {
    border-left: 3px solid #1c84c6;
    background-color: #FAFAFB;
}

/* TABLE BORDER */
.table > thead > tr > th.td-border-bottom-black{
    border-bottom: 1px solid black
}

/* GRESVIG LOGO */

.skin-1 {
    background: #ECECEC;
    /*background: url('patterns/congruent_pentagon.png');*/
}

/* VERTICAL CENTER ALIGN IMAGE */

.img-outer {
    height: 100%;
    width: 100%;
    border: 0px solid red;
    white-space: nowrap;
    text-align: center; 
    margin: 1em 0;
}

.img-inner {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.img-center {
    vertical-align: middle;
    max-height: 25px;
    max-width: 160px;
}

/* PRICE ADMINISTRATION */

#price_administration-li a,
#price_administration-li a:hover {
    background-color: #004E3E;
    cursor: default;
    color: white;
    font-weight: 600;
    border-top: 0px solid white;
}

/* DASHBOARD HEADER OVERRIDE */

.dashboard-header {
    padding: 5px 20px 20px 20px;
}

.fixed-height {
    max-height: 450px;
    min-height: 450px;
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    border-bottom: 0px solid #C8C8C8;
}

.fixed-height-270 {
    max-height: 270px;
    min-height: 270px;
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    border-bottom: 0px solid #C8C8C8;
}

.margin-bottom-40 {
    margin-bottom: 40px;
}

.patrol-head-list {
    padding: 0px;
}

#ui-calendar {
    margin-top: -48px;
}

.page-heading {
    padding: 0px 10px 10px 10px;
}

/* ALMOST GLOBAL */

.color-blue {
    color: #1c84c6;
}

.color-red {
    color: #ed5565;
}

.color-teal {
    color: #008080;
}

.color-purple {
    color: #800080;
}

/* ALMOST GLOBAL */

.ibox-title-a .label {
    margin-left: 4px;
}

.inactive {
    opacity: 0.5;
}

.stat-list li:hover {
    cursor: pointer;
    font-weight: 800;
}

.fivepx-margin {
    margin: 5px 0;
}

/* LIST */

.list-head {
    display: block;
    font-weight: 800;
}

.list-detail {
    display: block;
}

.todo-list-override > li {
    background: #CADCFF none repeat scroll 0% 0%;
    border-left: 6px solid #CCEBFF;
    border-right: 6px solid #CCEBFF;
}

/* PADDING */
.light-padding {
    padding: 10px !important;
}

/* ALIGN */
.align-center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.align-center-width-100 {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%;
}

/* ACCORDION PANEL */

.panel-body {
    padding: 0px;
}

.panel-default > .panel-heading {
    background-color: #FFF;
    border-width: 3px 0px 0px;
    border-style: solid solid none;
    border-color: #E7EAEC;
}

/* BUTTON */

.btn-xxs {
    padding: 0px 3px;
    font-size: 10px;
}

/* TABS OVERRIDE */
/*
.nav-tabs > li > a {
    padding: 10px 15px 10px 20px;
}
*/

/* CUSTOM */

.selected-success   {
    border: 3px solid #1AB394
}

.inactive {
    opacity: 0.5;
}

/* DRAG & DROP BOX */
.drop-box {
    background: #F8F8F8;
    border: 5px dashed #DDD;
    text-align: center;
    padding: 100px 10px;
}

.drop-box.dragover {
    border: 5px dashed #1ab394;
    background: #E8E8E8;
}

/* Margins */
.margin-vertical-xs {
    margin: 5px 0;
}

.margin-right-xs {
    margin-right: 5px;
}

/* Active Table */
.table-row-active {
  border-left: 4px solid #1C84C6 !important;
}

/* Override */
#toast-container > .toast-warning:before {
    content: none;
}
#toast-container > .toast-error:before {
    content: none;
}
#toast-container > .toast-info:before {
    content: none;
}
#toast-container > .toast-success:before {
    content: none;
}

.custom-background {
    background-image: url('../../assets/images/main_background_with_pen.png')
}

@font-face {
    font-family: 'Quicksand';
    src: url('../fonts/Quicksand/Quicksand-Regular.ttf')  format('truetype');
}
@font-face {
    font-family: 'Quicksand-bold';
    font-weight: bold;
    src: url('../fonts/Quicksand/Quicksand-Bold.ttf')  format('truetype');
}
@font-face {
    font-family: 'Quicksand-SemiBold';
    src: url('../fonts/Quicksand/Quicksand-SemiBold.ttf')  format('truetype');
}
@font-face {
    font-family: 'Quicksand-Medium';
    src: url('../fonts/Quicksand/Quicksand-Medium.ttf')  format('truetype');
}
@font-face {
    font-family: 'Quicksand-VariableFont_wght';
    src: url('../fonts/Quicksand/Quicksand-VariableFont_wght.ttf')  format('truetype');
}
@font-face {
    font-family: 'Quicksand-book';
    src: url('../fonts/Quicksand/Quicksand_Book.otf')  format('truetype');
}

.text-ql-bold {
    font-family : 'Quicksand-bold';
}
.text-ql {
    font-family : 'Quicksand';
}
.text-ql-book {
    font-family : 'Quicksand-book';
}
.md-skin .nav.navbar-right > li > a {
    color: #3c3c3c;
}
.md-skin .nav .open > a,
.md-skin .nav .open > a:hover,
.md-skin .nav .open > a:focus {
  background: #e0e0e0;
}

.btn-ql {
    color: #fff;
    background-color: #686967;
    font-family : 'Quicksand-book';
    border-radius: 25px !important;
    padding:5px 15px;
    border: 1px solid #686967;
    outline:none;
}

.btn-ql[disabled],
.btn-ql[disabled]:hover,
.btn-ql[disabled]:focus{
    background-color: #E2E2E2;
    border-color: #E2E2E2;
    cursor: not-allowed !important;
}

.btn-ql-ad {
    color: #fff;
    background-color: #0271B9;
    font-family : 'Quicksand-SemiBold';
    border-radius: 25px !important;
    padding:5px 15px;
    border: 1px solid #0271B9;
    outline:none;
}

.btn-ql-info {
    color: #fff;
    background-color: #006e75;
    font-family : 'Quicksand-SemiBold';
    border-radius: 25px !important;
    padding:5px 15px;
    border: 1px solid #006e75;
    outline:none;
}
.text-ql-info {
    color: #006e75;
}
.pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; }
.pagination > li { display: inline; }
.pagination > li > a,
.pagination > li > span { 
    position: relative; 
    float: left; 
    padding: 6px 6px; 
    line-height: 1.428571429;
    text-decoration: none;
    color: #80b8bb; 
    background-color: transparent; 
    border: none; 
    margin-left: -1px;
    font-size:20px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span { 
    margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
    color: #23527c; 
    background-color: transparent;
}
.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
    z-index: 2; color: #80b8bb; background-color: transparent; border-color: #337ab7; cursor: default;
    font-family:'Quicksand-bold' !important;
    text-decoration: underline;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #80b8bb; background-color: transparent; border-color: #ddd; cursor: not-allowed;
}


.form-control-ql { 
    display: block; 
    width: 100%; 
    height: 34px; 
    padding: 6px 12px; 
    font-size: 14px; 
    line-height: 1.428571429; 
    color: #333333; 
    background-color: #fff; 
    background-image: none; 
    border: 1px solid #eaeaea; 
    border-radius: 4px; 
    font-family: 'Quicksand';
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; 
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; 
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; 
    border-radius: 20px !important;
}
.form-control-ql:focus { 
    border-color: #92b8d8;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(187, 207, 224, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(187, 207, 224, 0.6);
}
.form-control-ql::-moz-placeholder { color: #d2d2d2; opacity: 1; }
.form-control-ql:-ms-input-placeholder { color: #d2d2d2; }
.form-control-ql::-webkit-input-placeholder { color: #d2d2d2; }
.form-control-ql[disabled], .form-control-ql[readonly] .form-control-ql { cursor: not-allowed; background-color: #eeeeee; opacity: 1; }

textarea.form-control-ql { height: auto; resize: none;}

.form-control-ql-label {
    font-family: 'Quicksand';
    color:#333333 ;
    margin: 5px 10px;
}

select.form-control-ql {
    margin: 0;
    outline:none;
    display: block;
    -webkit-appearance:none;
    -moz-appearance:none;
    cursor:pointer;
    border: 1px solid #eaeaea;
}

select.form-control-ql {
    height: 35px;
    line-height: 30px;
    padding: 0px 12px;
    background: url('../images/Arrow_down.png') no-repeat 95% 54%;
    font-family: 'Quicksand';
    color : #333333;
}
select.form-control-ql > option {
    background: #fff;
    color : #979797;
    font-family: 'Quicksand-bold';
}