/* arabic */

@font-face {
    font-family: 'Changa';
    font-style: normal;
    font-weight: 300;
    src: local('Changa Light'), local('Changa-Light'), url(../webfonts/2-cl9JNi2YuVOUcszb6rUM74nZg.woff2) format('woff2');
    unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}


/* latin-ext */

@font-face {
    font-family: 'Changa';
    font-style: normal;
    font-weight: 300;
    src: local('Changa Light'), local('Changa-Light'), url(../webfonts/2-cl9JNi2YuVOUcszb6rW874nZg.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}


/* latin */

@font-face {
    font-family: 'Changa';
    font-style: normal;
    font-weight: 300;
    src: local('Changa Light'), local('Changa-Light'), url(../webfonts/2-cl9JNi2YuVOUcszb6rVc74.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* arabic */

@font-face {
    font-family: 'Changa';
    font-style: normal;
    font-weight: 500;
    src: local('Changa Medium'), local('Changa-Medium'), url(../webfonts/2-cl9JNi2YuVOUcslb-rUM74nZg.woff2) format('woff2');
    unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}


/* latin-ext */

@font-face {
    font-family: 'Changa';
    font-style: normal;
    font-weight: 500;
    src: local('Changa Medium'), local('Changa-Medium'), url(../webfonts/2-cl9JNi2YuVOUcslb-rW874nZg.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}


/* latin */

@font-face {
    font-family: 'Changa';
    font-style: normal;
    font-weight: 500;
    src: local('Changa Medium'), local('Changa-Medium'), url(../webfonts/2-cl9JNi2YuVOUcslb-rVc74.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* arabic */

@font-face {
    font-family: 'Changa';
    font-style: normal;
    font-weight: 700;
    src: local('Changa Bold'), local('Changa-Bold'), url(../webfonts/2-cl9JNi2YuVOUcs3bmrUM74nZg.woff2) format('woff2');
    unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}


/* latin-ext */

@font-face {
    font-family: 'Changa';
    font-style: normal;
    font-weight: 700;
    src: local('Changa Bold'), local('Changa-Bold'), url(../webfonts/2-cl9JNi2YuVOUcs3bmrW874nZg.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}


/* latin */

@font-face {
    font-family: 'Changa';
    font-style: normal;
    font-weight: 700;
    src: local('Changa Bold'), local('Changa-Bold'), url(../webfonts/2-cl9JNi2YuVOUcs3bmrVc74.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.fullscreen {
    z-index: 9999;
    width: 100% !important;
    height: 100% !important;
    position: fixed !important;
    top: 0;
    left: 0;
    background-color: white;
    overflow: scroll;
}

.printpage {
    background: white;
    display: block;
    margin: 0 auto;
    margin-bottom: 0.5cm;
    box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.5);
}

.printpage[size="A4"] {
    width: 21cm;
    height: 29.7cm;
}

.printpage[size="A4"][layout="portrait"] {
    width: 29.7cm;
    height: 21cm;
}

.printpage[size="A3"] {
    width: 29.7cm;
    height: 42cm;
}

.printpage[size="A3"][layout="portrait"] {
    width: 42cm;
    height: 29.7cm;
}

.printpage[size="A5"] {
    width: 14.8cm;
    height: 21cm;
}

.printpage[size="A5"][layout="portrait"] {
    width: 21cm;
    height: 14.8cm;
}

.mat-menu-panel {
    max-height: 400px !important;
}

.modal-backdrop {
    z-index: 970 !important;
}

.modal {
    z-index: 980 !important;
}

@media (min-width: 576px) {
    /* by abood */
    /* .modal-dialog {
    max-width: 1200px;
    margin: 3.75rem auto;
  } */
}

.new-in-input-container i {
    z-index: 200 !important;
}

.card {
    /*background-color:white !important ;*/
}

.login-inputs {
    width: 100%;
    display: block;
    color: #fff;
    padding: 15px 20px;
    border-radius: 509px;
    border: 0;
    background: rgba(21, 71, 115, 0.6);
}

.loginbg {
    background: #0a3f78;
    background: -moz-linear-gradient(left, #0a3f78 1%, #126489 100%);
    background: -webkit-linear-gradient(left, #0a3f78 1%, #126489 100%);
    background: linear-gradient(to right, #0a3f78 1%, #126489 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0a3f78', endColorstr='#126489', GradientType=1);
    background: url(../images/bg/bg.png) center center no-repeat;
    background-size: cover;
    -webkit-transition: all 0.4s ease;
    /*transition: all 0.4s ease;*/
}


/* hr bg */

.loginbg-hr {
    background: #0a3f78;
    background: -moz-linear-gradient(left, #0a3f78 1%, #126489 100%);
    background: -webkit-linear-gradient(left, #0a3f78 1%, #126489 100%);
    background: linear-gradient(to right, #0a3f78 1%, #126489 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0a3f78', endColorstr='#126489', GradientType=1);
    background: url(../images/bg/hr-bg1.png) center center no-repeat;
    background-size: cover;
    -webkit-transition: all 0.4s ease;
    /*transition: all 0.4s ease;*/
}


/* clinic bg*/

.loginbg-clinic {
    background: #0a3f78;
    background: -moz-linear-gradient(left, #0a3f78 1%, #126489 100%);
    background: -webkit-linear-gradient(left, #0a3f78 1%, #126489 100%);
    background: linear-gradient(to right, #0a3f78 1%, #126489 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0a3f78', endColorstr='#126489', GradientType=1);
    background: url(../images/bg/clinic-bg1.png) center center no-repeat;
    background-size: cover;
    -webkit-transition: all 0.4s ease;
    /*transition: all 0.4s ease;*/
}


/* erp bg */

.loginbg-erp {
    background: #0a3f78;
    background: -moz-linear-gradient(left, #0a3f78 1%, #126489 100%);
    background: -webkit-linear-gradient(left, #0a3f78 1%, #126489 100%);
    background: linear-gradient(to right, #0a3f78 1%, #126489 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0a3f78', endColorstr='#126489', GradientType=1);
    background: url(../images/bg/erp-bg1.png) center center no-repeat;
    background-size: cover;
    -webkit-transition: all 0.4s ease;
    /*transition: all 0.4s ease;*/
}

.master-form {
    border-color: #868e96 !important;
    border: 1px solid #e9ecef !important;
}

.deleted-row * {
    text-decoration: line-through double red;
}

.success-row {
    background-color: #43C86F;
}

.warning-row {
    background-color: #ffc10780
}

.fa-danger {
    color: #ff0000;
    text-shadow: 1px 1px 1px #ccc;
    font-size: 1.5em;
}

.fa-success {
    color: #43C86F;
    text-shadow: 1px 1px 1px #ccc;
    font-size: 1.5em;
}

.disabledDiv {
    pointer-events: none;
    opacity: 0.5;
}

.hiddenButton {
    visibility: hidden;
}

.custom-checkbox .custom-control-input {
    z-index: 10 !important;
    opacity: 1 !important;
}

input[type=checkbox],
input[type=radio]:checked {
    box-shadow: 0 0 10px 2px rgba(236, 60, 66, 0.24);
    border: 1px solid #544e4e;
}

.bg-lightgrey {
    background-color: lightgrey;
}

.border-2 {
    border-top: 3px solid;
}

.matrix td {
    padding: 0.2rem !important;
    vertical-align: middle !important;
}

.matrix th,
.matrix td {
    border: 1px solid #81a1c2;
}

.risk-1 {
    background-color: #E4ECF7 !important;
}

.risk-2 {
    background-color: #FFFBD6 !important;
}

.block {
    overflow: visible !important;
}


/* 
select.ng-invalid {
  border-color: #d9534f;
  background: url(fonts/asterisk-svgrepo-com.svg) no-repeat top left;
  background-size: 16px;
}

sanabel-selectize.ng-invalid .form-control {
  border-color: #d9534f;
  background: url(fonts/asterisk-svgrepo-com.svg) no-repeat top left;
  background-size: 16px;
} */

img.scanned {
    height: 80px;
    /** Sets the display size */
    margin-right: 12px;
}