@media (-webkit-device-pixel-ratio: 1.25) {
  :root {
    zoom: 0.8;
  }


  #mainMenu .k-animation-container{
    left: -110px !important;
  }

  #leftID {
    position: relative;
    float: left;
    display: block;
    width: 120px;
    height: 100%;
    background: #951f76;
    background-image: linear-gradient(rgb(149, 31, 118),rgb(173, 30, 105),rgb(191, 40, 90),rgb(203, 57, 74),rgb(209, 78, 58)) !important;
    background-repeat: repeat;
  }



}

@media (-webkit-device-pixel-ratio: 1.5) {
  :root {
    zoom: 0.65;
  }

  #mainMenu .k-animation-container{
    left: -110px !important;
  }  

  #leftID {
    position: relative;
    float: left;
    display: block;
    width: 120px;
    height: 100%;
    background: #951f76;
    background-image: linear-gradient(rgb(149, 31, 118),rgb(173, 30, 105),rgb(191, 40, 90),rgb(203, 57, 74),rgb(209, 78, 58)) !important;
    background-repeat: repeat;
  }  

}

@media (-webkit-device-pixel-ratio: 1.75) {
  :root {
    zoom: 0.6;
  }

  #mainMenu .k-animation-container{
    left: -110px !important;
  }  

}

@font-face {
  font-family: 'Roboto Regular';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Regular'), url('../fonts/Roboto-Regular.woff') format('woff');
}
@font-face {
  font-family: 'Roboto Light';
  font-style: normal;
  font-weight: normal;
  src: local('Roboto Light'), url('../fonts/Roboto-Light.woff') format('woff');
}    
@font-face {
  font-family: 'Roboto Medium';
  font-style: normal;
  font-weight: normal;
  src: local('Roboto Medium'), url('../fonts/Roboto-Medium.woff') format('woff');
}
::selection {
  color: #fff;
  background: #951f76 !important;
  text-shadow: 1px 1px 2px #951f76 !important;
}
/* For Mozilla Firefox */
::-moz-selection {
  color: #fff;
  background: #951f76 !important;
  text-shadow: 1px 1px 2px #951f76 !important;
}

option:checked {
  box-shadow: 0 0 10px 100px #ffb7b7 inset;
}

.form-control:focus,.btn:focus {
  border-color: #951f76;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(149,31,118,.6);
  box-shadow: inset 0 1px 1px rgba(212, 49, 49, 0.075),0 0 8px rgba(149,31,118,.6);
}

.nodify-loading-text{
  color: #fff;
  font-size: 28px !important;
  font-family: 'Segoe UI', sans-serif !important;
  font-weight: lighter !important;
}

.user-menu-icon{
  filter: invert(6%) sepia(10%) saturate(0%) hue-rotate(223deg) brightness(103%) contrast(81%);
  width:30px;
}

.user-menu-icon:hover{
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(20deg) brightness(109%) contrast(102%);
}


/* Warning Layer  */
.warning-img {
  position: absolute;
  right: 10px;
}

#warningLayer {
  position: fixed;
  width: 100%;
  bottom: 0px;
  height: 92px;
  z-index: 99999999999999;
  background-color: rgba(25,25,25,0.8);
}

#warningInfo {
position: relative;
height: 92px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}

#warningImg {
  position: relative;
  margin-right: 20px;
  width: 30px;
}

#warningText {
  position: relative;
  font-size: 20px;
  color: #FFFFFF;
  font-family: 'Roboto Light';
}

#closeImg {
  position: absolute;
  top: 10px;
  right: 10px;
}
/* End of Warning Layer  */

/*Loading*/
#loadingWrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  display: block;
  top: 0px;
  left: 0px;
  background-color: rgba(255,255,255,0.5);
  z-index: 99998;
}

/*Search SM */
#searchSMWrapper {
position: fixed;
width: 100%;
height: 100%;
display: block;
top: 0px;
left: 0px;
background-color: rgba(0,0,0,0.5);
z-index: 99997;
}
#searchSMClose{
position:absolute;
top:10px;
right:10px;
}
#searchSMElWrapper{
position:absolute;
display:block;
width: 80%;
height:200px;
left:0;
right:0;
top:0;
bottom:0;
margin:auto;
}

.cssload-container{
position:relative;
}

.cssload-whirlpool,
.cssload-whirlpool::before,
.cssload-whirlpool::after {
position: absolute;
top: 50%;
left: 50%;
border: 1px solid rgba(149,31,118,0.96);
border-left-color: rgb(209,78,58);
border-radius: 974px;
  -o-border-radius: 974px;
  -ms-border-radius: 974px;
  -webkit-border-radius: 974px;
  -moz-border-radius: 974px;
}

.cssload-whirlpool {
margin: -24px 0 0 -24px;
height: 49px;
width: 49px;
animation: cssload-rotate 1150ms linear infinite;
  -o-animation: cssload-rotate 1150ms linear infinite;
  -ms-animation: cssload-rotate 1150ms linear infinite;
  -webkit-animation: cssload-rotate 1150ms linear infinite;
  -moz-animation: cssload-rotate 1150ms linear infinite;
}

.cssload-whirlpool::before {
content: "";
margin: -22px 0 0 -22px;
height: 43px;
width: 43px;
animation: cssload-rotate 1150ms linear infinite;
  -o-animation: cssload-rotate 1150ms linear infinite;
  -ms-animation: cssload-rotate 1150ms linear infinite;
  -webkit-animation: cssload-rotate 1150ms linear infinite;
  -moz-animation: cssload-rotate 1150ms linear infinite;
}

.cssload-whirlpool::after {
content: "";
margin: -28px 0 0 -28px;
height: 55px;
width: 55px;
animation: cssload-rotate 2300ms linear infinite;
  -o-animation: cssload-rotate 2300ms linear infinite;
  -ms-animation: cssload-rotate 2300ms linear infinite;
  -webkit-animation: cssload-rotate 2300ms linear infinite;
  -moz-animation: cssload-rotate 2300ms linear infinite;
}




@keyframes cssload-rotate {
100% {
  transform: rotate(360deg);
}
}

@-o-keyframes cssload-rotate {
100% {
  -o-transform: rotate(360deg);
}
}

@-ms-keyframes cssload-rotate {
100% {
  -ms-transform: rotate(360deg);
}
}

@-webkit-keyframes cssload-rotate {
100% {
  -webkit-transform: rotate(360deg);
}
}

@-moz-keyframes cssload-rotate {
100% {
  -moz-transform: rotate(360deg);
}
}
/*End of Loading*/

/*Loader*/
.nodify-loading-screen {
background-color: #951f76;
bottom: 0;
left: 0;
position: fixed;
right: 0;
text-align: center;
top: 0;
z-index: 99999;

}
.nodify-loading-icon {
display: table;
height: 100%;
position: absolute;
width: 100%;
}
.nodify-loading-inner {
display: table-cell;
vertical-align: middle;
}
.nodify-load {
border-radius: 50%;
margin: auto;
position: relative;
animation: fadeIn 1s infinite alternate;  
}
.nodify-load::before {
background-color: transparent;
border-radius: 50%;
bottom: 0;
content: "";
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
transition-duration: 0.4s;
transition-property: opacity;
transition-timing-function: linear;
z-index: 2;
opacity: 1;
visibility: visible;
}
.nodify-load::after {
font-size: 1.8em;
font-weight: 700;
line-height: 57px;
color: #FFF;
}
@keyframes fadeIn {
  from {
  opacity: 0;
  }
}
/* End Loader*/






.hidden{
	display:none;
}
.float-left{

}
.center-text{
	text-align:center !important;
}
.k-grid-header-wrap.k-auto-scrollable table th{
	text-transform: none !important;
}
@keyframes lds-double-ring {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes lds-double-ring {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes lds-double-ring_reverse {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@-webkit-keyframes lds-double-ring_reverse {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
.lds-double-ring {
  position: relative;
}
.lds-double-ring div {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 2px;
  left: 2px;
  border-radius: 50%;
  border: 8px solid #000;
  border-color: #951f76 transparent #951f76 transparent;
  -webkit-animation: lds-double-ring 1s linear infinite;
  animation: lds-double-ring 1s linear infinite;
}
.lds-double-ring div:nth-child(2) {
  width: 20px;
  height: 20px;
  top: 3px;
  left: 3px;
  border-color: transparent #252525 transparent #252525;
  -webkit-animation: lds-double-ring_reverse 1s linear infinite;
  animation: lds-double-ring_reverse 1s linear infinite;
}
.lds-double-ring {
  width: 30px !important;
  height: 30px !important;
  -webkit-transform: translate(-15px, -15px) scale(1) translate(15px, 15px);
  transform: translate(-15px, -15px) scale(1) translate(15px, 15px);
}
.jconfirm.jconfirm-black .jconfirm-box{
  background:#282827 !important;
}
.requiredDot{
  height: 20px;
  width: 20px;
  display: block;
  margin-left: 3px;
  
  /* float: right; */
  display: none;
  position: absolute;
  top: -1px;  
  right: 3px;
}  

.requiredDot img{
  max-height: 20px;
}
.labelOrangeDecoration{
  text-decoration-color: #d14e3a !important;
  text-decoration: underline;
  text-decoration-style: dotted;
  text-underline-position: under;  
}
.dateTop{
  margin-top:8px;
}
.requireStar{
  color:#d14e3a;
}

.k-upload-files .file-heading {
  font-family: Arial;
  font-size: 1.1em;
  display: inline-block;
  float: left;
  width: 60%;
  margin: 0px;
  height: 25px;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow:hidden;
  white-space:nowrap;
}

.k-upload-files .file-name-heading {
  font-weight: bold;
  margin-top: 5px;
}

.k-upload-files .file-size-heading {
  font-weight: normal;
  font-style: italic;
}

li.k-file div.file-wrapper {
  position: relative;
  /* height: 75px; */
}
#uploadList{
  display:block;
  margin-bottom:5px;
}
#uploadList li{
  list-style: none;
}

#uploadList li{
  margin-top:5px;
}
#uploadList .column-left label {
  position:relative;
  display: inline-block;
  margin: 15px 0 5px 0;
  width: 165px;
  text-decoration: underline;
  text-decoration-style: dotted;
  text-decoration-color: #d14e3a;
  text-underline-position: under;    
}
#uploadList .column-right {
  float:left;
  display: block;
  position: relative;
  width: calc(100% - 165px);  
}

#menuWrapper{
  display:flex;
  align-items: center;
}
.disabled-link {
  pointer-events: none;
}

.nodifyCheckboxWrapper{
  display:flex;
  align-items: center;
  height:50px;
  width:100%;
}

.nodifyCheckboxWrapper label{
  margin-bottom:0px;
}