@font-face {
    font-family: 'beine';
    src: url('../custom/fonts/gotham-medium.eot');
    src: url('../custom/fonts/gotham-medium.eot?#iefix') format('embedded-opentype'), url('../custom/fonts/gotham-medium.woff') format('woff'), url('../custom/fonts/gotham-medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.beine{font-family: "beine";}
/*@font-face {
    font-family: 'benew';
    src: url('../custom/fonts/beinnewdemibold.eot');
    src: url('../custom/fonts/beinnewdemibold.eot?#iefix') format('embedded-opentype'),url('../custom/fonts/beinnewdemibold.woff') format('woff'),url('../custom/fonts/beinnewdemibold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}*/
@font-face {
    font-family: 'beina';
    src: url('../custom/fonts/bein_arabic_thin-webfont.eot');
    src: url('../custom/fonts/bein_arabic_thin-webfont.eot?#iefix') format('embedded-opentype'),url('../custom/fonts/bein_arabic_thin-webfont.woff') format('woff'),url('../custom/fonts/bein_arabic_thin-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.beina{font-family: "beina";}
/*.benew {font-family: "benew";}*/
.clear{   clear: both;}
.bg{background-color:#E5DFEC;margin-left: auto;margin-right: auto; }.bg2 h3{color:white}
.bg2{background-color:#8064A2;margin-left: auto;margin-right: auto;}

.clsPending,.clsiPending,.clsNone{background-color:lightgray; color:black;padding:2px;font-weight:bold;}
.clsIgnored {background-color: greenyellow;padding: 2px;font-weight: bold;}
.clsClaim{background-color:#669999;color:white;padding:2px;font-weight:bold;}
.clsConfirmed,.clsApproved{background-color:green;color:white;padding:2px;font-weight:bold;}
.clspRunning {background-color:green;}
.clsCancelled , .clsDeclined{background-color:red;color:white;padding:2px;font-weight:bold;}
.clsiConfirmed,.clsiCompleted{background-color:green;color:white;padding:2px;font-weight:bold;}
.clsiStopped{background-color:darkred;color:white;padding:2px;}

.cpager span{background-color:#2C1E42; font-weight:bold; color:#fff;-o-box-shadow:1px 1px 1px #111;-moz-box-shadow:1px 1px 1px #111;-webkit-box-shadow:1px 1px 1px #111;box-shadow:1px 1px 1px #111;border-radius:50%;padding:5px 10px 5px 10px;}
.cpager a{display: inline-block;padding: 5px 14px;background-color: #fff;border: 1px solid #ddd;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}
.cpager td {border: 0px;}
.cpager table{margin-left: auto;margin-right: auto;}
.abs{position: absolute;}
.state{margin:10px 20px 11px 0px;}
.state span{padding:6px;font-size:14px;}
.required{color:Red;font-family:Arial}
.short{width:150px;}
.vshort{width:100px;}
.xshort{width:50px;}
.long{width:350px;}
.long2{width:290px;}
.hidden,.hide{display:none;}
.ErrorBox{font-size:17px;color:red;background-color:lemonchiffon;border-collapse:collapse}
.ErrorBox1{font-size:11pt;font-family:Verdana,Arial;color:red;border-collapse:collapse;font-weight:bold;background:transparent;}
.chosen-container {min-width: 150px !important;font-size:14px}
.chosen100 .chosen-container {background-color: whitesmoke;min-width: 100% !important;font-size: 14px}
.alert a {text-decoration: none;}
.grayTable{border-radius:4px;border:lightGrey 1px solid;background:url(../res/Img/img1.jpg) #efefef repeat-x left top;margin:0px;padding:6px;}
.grayTable1{border:lightGrey 1px solid;background:url(../res/Img/img1.jpg) #fff repeat-x left top;height:auto; box-shadow:0 3px 6px rgba(0,0,0,0.45);  -webkit-box-shadow:0 3px 6px rgba(0,0,0,0.45); -moz-box-shadow:0 3px 6px rgba(0,0,0,0.45);-o-box-shadow:0 3px 6px rgba(0,0,0,0.45);border-radius:6px;padding:6px;line-height:17px;min-height:100px;z-index:200}

.tree {min-width:max-content}
.tree ul{margin: 0;padding-top:20px;position:relative;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s}
.tree li{float:left;text-align:center;list-style-type:none;position:relative;padding:20px 5px 0;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s}.tree li::after,.tree li::before{content:'';position:absolute;top:0;right:50%;border-top:1px solid #ccc;width:50%;height:20px}.tree li::after{right:auto;left:50%;border-left:1px solid #ccc}.tree li:only-child::after,.tree li:only-child::before{display:none}.tree li:only-child{padding-top:0}.tree li:first-child::before,.tree li:last-child::after{border:0 none}.tree li:last-child::before{border-right:1px solid #ccc;border-radius:0 5px 0 0;-webkit-border-radius:0 5px 0 0;-moz-border-radius:0 5px 0 0}.tree li:first-child::after{border-radius:5px 0 0;-webkit-border-radius:5px 0 0;-moz-border-radius:5px 0 0}.tree ul ul::before{content:'';position:absolute;top:0;left:50%;border-left:1px solid #ccc;width:0;height:20px}
.tree li a {background: #c8e4f8;color: #000; /*border:1px solid #94a0b4;*/padding: 5px 10px;text-decoration: none;/*font-family: arial,verdana,tahoma;*/font-size: 11px;display: inline-block;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s}
.tree li a:hover,.tree li a:hover+ul li a{background:green;color:#fff;/*border:1px solid #94a0b4*/}.tree li a:hover+ul li::after,.tree li a:hover+ul li::before,.tree li a:hover+ul ul::before,.tree li a:hover+ul::before{border-color:#94a0b4}
.clstRouteActivity, .clstDecisionActivity {background-color: lightcoral !important;font-size: 14px !important;}
.clstApprovalActivity {background-color: lightcoral !important;font-size: 13px !important;}
.clstroot {background-color: yellowgreen !important;}

.rotate{-webkit-transition-duration: 1.2s;-moz-transition-duration: 1.2s;-o-transition-duration: 1.2s;transition-duration: 1.2s;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;transition-property: transform;border-radius:50%;overflow:hidden;margin-left:20px;}
.rotate:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);}

input[type=date]::-webkit-inner-spin-button, 
input[type=date]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.trans{background-color:transparent;}
.text-vertical {position: relative;padding-left: 30px;margin: 1em 0;min-height: 100px;}
.text-verticalcontent {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);left: -60px;top: 35px;position: absolute;text-transform: uppercase;font-size: 26px;font-weight: bold;}
.form-control.required-field {border-left: 2px solid #f3565d;}

input::-moz-placeholder {color:white;}
/*@media print {.bigframe{background: none}}
@media print and (-webkit-min-device-pixel-ratio:0) {.content {margin-left: 0px}}*/

        @-webkit-keyframes flash {
            0% {
                background-color: lightgreen;
                opacity: 1;
            }

            100% {
                background-color: white;
            }
        }

        .flash {-webkit-animation-name: flash;-webkit-animation-duration: 2000ms;-webkit-animation-iteration-count: 1;-webkit-animation-timing-function: ease-in-out ;}    

@-webkit-keyframes flash2 {0% { background-color:lightgreen; opacity:1;} 50% {background-color: lightgreen;opacity:.6;} 100% {background-color: white;}}
.flash2 {-webkit-animation-name: flash2;-webkit-animation-duration: 4000ms;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: ease-in-out ; -webkit-animation-delay:2s; }    

.img:hover{-webkit-transition: all .3s ease-in;-moz-transition: all .3s ease-in;-ms-transition: all .3s ease-in;-o-transition: all .3s ease-in;transition: all .3s ease-in;opacity: 1;transform: scale(7);-ms-transform: scale(7); /* IE 9 */-webkit-transform: scale(7); /* Safari and Chrome */z-index:5000;}
.shadow{box-shadow:0 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);}
.loadingDiv{position:fixed;width:100%;height:100%;background-color:#666;z-index:10000000;opacity: 0.4;filter: alpha(opacity=40); /* For IE8 and earlier */}
.active2{font-style:italic;font-weight:bold;}


.bg-Shortrun{background-color:lightseagreen;}
.bg-Now {background-color:green;}
.bg-Passed {background-color:gray;}
.v5modal.modal-side {position: absolute;width: 100%;right: 10px;bottom: 10px;margin: 0;}
.v5modal.modal-bottom-right {right: 10px;bottom: 10px;}

@keyframes fa-blink {0% {opacity: 1;}50% {opacity: 0.5;}100% {opacity: 0;}}
.fa-blink {-webkit-animation: fa-blink 2.75s linear infinite;-moz-animation: fa-blink 2.75s linear infinite;-ms-animation: fa-blink 2.75s linear infinite;-o-animation: fa-blink 2.75s linear infinite;animation: fa-blink 2.75s linear infinite;}

.sunny-bg {position: fixed;left: 0;right: 0;top: 0;bottom: 0;background-size: cover;image-rendering: pixelated;pointer-events: none;margin: auto;background-image: url('../../process/Control/Res/sunnybg.jpg');}

.anim {position: relative;color: hsl(0, 0%, 68%);overflow: hidden;border-right: 2px solid hsl(0, 0%, 80%);white-space: nowrap;animation: typewriter 4s steps(44) 1s 1 normal both, blinkTextCursor 1s infinite;}
@keyframes typewriter {from {width: 0;}to {width: 510px;}}
@keyframes blinkTextCursor {from {border-right-color: hsl(0, 0%, 80%);}to {border-right-color: transparent;}}