.applications{
	background-size: cover;
}
.full-height{
	height:100vh;
}
.margin-from-top{
	margin-top:20vh !important;
	margin-right:20vw !important;
}
.center{
	text-align:center !important;
	vertical-align: middle;
}
.middle{
	margin:auto !important;
}
.bold{
	font-weight:bold;
	font-size:125%;
}
.boldss{
	font-weight:bold;
	font-size:125%;
}
.bolds{
	font-weight:bold;
    font-size:105%;

}
/* ul list as folders */
.expList ul, li {
  list-style: none;
  cursor: pointer;
}
.expList li {
	line-height:140%;
	text-indent:0px;
	background-position: 1px 8px;
	background-repeat: no-repeat;
}
.expList .collapsed:before {
	font-family: FontAwesome;
   content: "\f07b\00a0";
}

.expList .expanded:before {
   content: '\f07c\00a0';
}
/* end ul list as folders */
.fifty-width{
	width:50% !important;
}
.seventy-width{
	width:70% !important;
}
.thirty-width{
	width:30% !important;
}
.full-width{
	width:98% !important;
}
.bordered{
	border:5px solid !important;
}
.border{
	border:1px solid !important;
}
.hidden{
	display:none;
}
.canvas-hidden{
	display:none;
}
.required{
	border-bottom:1px dotted #ff0000;
}
.loading{
	width:100%;
	height:100%;
	position:fixed;
	z-index:9999;
	background:url("../images/loading.gif") no-repeat center center rgba(0,0,0,0.25)
}
.select-selected{
	color:#ff0000;
}
[v-cloak] { display:none; }
.bg-gray{
	background-color: #1c85a7 !important;
	color:white;
}
.bg-real-gray{
	background-color: #1c85a7 !important;
	color:white;
}
.bg-gray-pos{
	background-color: #c06868 !important;
	color:white;
}
.red-text{
	color:#ff0000;
}
@media print{
    .margin-right-580{
        margin-right:580px;
    }
    .same-print{
        -webkit-print-color-adjust: exact;
    }
	.bg-gray{
        background-color: white !important;
        -webkit-print-color-adjust: exact;
		color:#1c85a7 !important;;
	}


	td.bg-gray {
        background-color: white !important;
        -webkit-print-color-adjust: exact;
		color:#1c85a7 !important;;
    }
    .bg-gray td {
        background-color: #1c85a7 !important;
        -webkit-print-color-adjust: exact;
		color:white !important;;
    }
	td.bg-gray {
        background-color: #1c85a7 !important;
        -webkit-print-color-adjust: exact;
		color:white !important;
	}
	.bg{
		-webkit-print-color-adjust: exact;
	}
    .bg-gray {
        background-color: #1c85a7 !important;
        -webkit-print-color-adjust: exact;
		color:white !important;
	}
    .bg-gray-pos {
        background-color: #8e9597 !important;
        -webkit-print-color-adjust: exact;
	}

    .bg-gray-pos{
        background-color: black !important;
        -webkit-print-color-adjust: exact;
		color:rgb(42, 20, 20) !important;;
	}
	td.bg-gray-pos {
        background-color: black !important;
        -webkit-print-color-adjust: exact;
		color:rgb(15, 15, 15) !important;;
    }
    .bg-gray-pos td {
        background-color: #c06868 !important;
        -webkit-print-color-adjust: exact;
		color:black !important;;
    }
	td.bg-gray-pos {
        background-color: #c06868 !important;
        -webkit-print-color-adjust: exact;
		color:black !important;
	}
    .bg-gray-pos {
        background-color: #c06868 !important;
        -webkit-print-color-adjust: exact;
		color:black !important;
	}


    .bg-gray-pos{
        background-color: black !important;
        -webkit-print-color-adjust: exact;
		color:#c6d0d3 !important;;
	}
	td.bg-gray-pos {
        background-color: black !important;
        -webkit-print-color-adjust: exact;
		color:#c6d0d3 !important;;
    }
    .bg-gray-pos td {
        background-color: #c06868 !important;
        -webkit-print-color-adjust: exact;
		color:black !important;;
    }
	td.bg-gray-pos {
        background-color: #c06868 !important;
        -webkit-print-color-adjust: exact;
		color:black !important;
	}
    .bg-gray-pos{
        background-color: #c06868 !important;
        -webkit-print-color-adjust: exact;
		color:black !important;
	}

    tr.page-break  { display: block; page-break-after: always; }
    .avoidBreak {
        border: 2px solid;
        page-break-inside:avoid;
    }
    .footerss
    {
        display: flex;
        align-items: end;
        height: 100vh;
    }
    .print-pos-invoice{
        margin-right:590px;
        width:40%
    }
}
tr.borderless td {
	border: 0 !important;
}
.borderless {
	border: 0 !important;
}
.rtl{
	direction:rtl;
	float:right;
}
.o_main_navbar{
    background-color: #1c85a7  !important;

}
.bg-green{
    background-color: #1c85a7  !important;
}
.same-print
{
    -webkit-print-color-adjust: exact;
}
.page-footer
{
    position: fixed;
    bottom: 0;
    right: 0;
    width:100%;
    margin: 1em;
}
.border-2{
    border:2px solid;
}
.border-4{
    border:4px solid;
}
.border-5{
    border:5px solid;
}
.border-1{
    border:1px solid;
}
.td-border{
    border:2px solid;border-right:1px solid;
}
.td-border10{
    border:10px solid #030b0f;
}
/* @page {
    margin: 8mm 15mm 0mm 8mm;
  } */
.border-tr-2{
    border-collapse: collapse;border: 2px solid black;
}
.text-blue{
    color:#3367d6;
}

.break{
    display: inline-block
}
.width-250{
    width:250px !important;
}
.min-height{
    height:10px;
}

/* rating */
.rating{
    position: relative;
    display: flex;

    flex-direction: row-reverse ;
  }
  .rating input{
    position: relative;
    width: 20px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-appearance: none;
    appearance: none;
    overflow: hidden;
  }
  .rating input::before{
    content: '\f005';
    position: absolute;
    font-family: fontAwesome;
    font-size: 15px;
    position: absolute;
    left: 4px;
    color: #030b0f;
    transition: 0.5s;
  }
  .rating input:nth-child(2n + 1)::before{
    right: 4px;
    left: initial;
  }
  .rating input:hover ~ input::before,
  .rating input:hover::before,
  .rating input:checked ~ input::before,
  .rating input:checked::before{
    color: #1f9cff;
  }
/* rating */
.avoidBreak {
    border: 2px solid;
    page-break-inside:avoid;
}
.online-store-thump{
    width:180px;
    height:90px;
    border: 1px solid #ddd; /* Gray border */
    border-radius: 15px;  /* Rounded border */
    filter: brightness(80%);

}
.online-store-thump:hover{
    filter: brightness(100%);

}
.pointer{
    cursor: pointer;
}

.signatusdares
{

    position: absolute;
    left: 0px;
}


table.dataTable thead .sorting:after,table.dataTable thead .sorting:before
{
    display: none;
}
.cir-green {

    background: #127c2e;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #f1f1f1;
    display: inline-block;
    font-weight: bold;
    line-height: 100px;
    margin-right: 5px;
    text-align: center;
    width: 150px;
}
.cir-blue {

    background: #2d18cd;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #f1f1f1;
    display: inline-block;
    font-weight: bold;
    line-height: 100px;
    margin-right: 5px;
    text-align: center;
    width: 150px;
}
.cir {

    background: #127c2e;
    border-radius: 5%;
    -moz-border-radius: 5%;
    -webkit-border-radius: 5%;
    color: #f1f1f1;
    display: inline-block;
    font-weight: bold;
    line-height: 100px;
    margin-right: 5px;
    text-align: center;
    width: 150px;
}
.invoice-header{

}

.local-forms{
    position:relative
}
.local-forms label{
    font-size:15px;
    color:#000000;
    font-weight:500;
    position:absolute;
    top:-10px;
    left:10px;
    background:#fff;
    margin-bottom:0;
    padding:0 5px;
    z-index:99
}
.local-forms .form-control::placeholder{
    color:#333;
    font-size:14px
}
.form-group.local-forms{
    margin-bottom:40px
}

.form-control{
    border:1px solid #ddd;
    box-shadow:none;
    color:#333;
    font-size:15px;
    height:45px
}
.text-left{
    text-align: left;
}


/**************************************************************/
/**************************************************************/
/**************************************************************/
/**************************************************************/
/**************************************************************/
/**************************************************************/
/**************************************************************/
/**************************************************************/
/**************************************************************/
/**************************************************************/
/**************************************************************/
/**************************************************************/
.o_form_sheet{
    min-width: 100vw;
}