/**************************************************************
						app
***************************************************************/

#main,#main>#login,#main>#content{height:100%;width: 100%;clear: both;float: left;}
#main,#content{display:none;}
#content{overflow: hidden;background-color:#F3F3F3;}
.CKFullscreen #main,.CKFullscreen #content{display:block !important;}
.os-host-transition>.os-scrollbar, .os-host-transition>.os-scrollbar-corner,.os-theme-dark.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle, .os-theme-light.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle{transition:unset;}
/**************************************************************
						Login page
***************************************************************/
#show_password_helper {min-height: 32px;max-height: 32px;padding: 4px 4px;}
#login #loginBg{width:100%;height:100%;background-repeat:no-repeat;/*background-attachment:fixed;*/background-position:bottom center;/*position: fixed;top: 0;left: 0;*/-webkit-background-size: cover;background-size: cover !important;z-index: -1;padding: 0;}
#login #loginBody{/*position:fixed;left:0;bottom:0;*/width: 100%;/*margin-bottom: 5%;*/direction: ltr;padding: 50px;}
/*#login #logoRow{background: rgba(255,255,255,0.8);}*/
#login #mottoRow{background: #6D2020cc;margin-bottom: 20px !important;}

#login #loginFormCont{padding: 30px 20px 0px 20px;}
#login #loginForm{position:relative;width:310px;}

#login #loginForm input{width:calc(100% - 58px);height:28px;padding-top: 1px;padding-bottom: 1px;border:0;box-sizing:unset;border: 1px solid #cccccc;}
.L #login #loginForm input{padding-left: 52px;padding-right: 5px;}
.R #login #loginForm input{padding-right: 52px;padding-left: 5px;text-align: right !important;}
.L #login #loginForm input#captcha{padding-left: 5px;padding-right: 52px;margin-bottom:6px;}
.R #login #loginForm input#captcha{padding-right: 5px;padding-left: 52px;margin-bottom:6px;}
.L #login #loginForm .loginId{background:#ffffff url(../img/icons/loginId_L.png) no-repeat center left;margin-bottom:6px;}
.L #login #loginForm .password{background:#ffffff url(../img/icons/password_L.png) no-repeat center left;margin-bottom:6px;}
.R #login #loginForm .loginId{background:#ffffff url(../img/icons/loginId_R.png) no-repeat center right;margin-bottom:6px;}
.R #login #loginForm .password{background:#ffffff url(../img/icons/password_R.png) no-repeat center right;margin-bottom:6px;}

#login #loginForm #captchaCont #changeCaptcha{vertical-align:top;}
#login #loginForm #captchaCont #captchaImg{min-width:275px;min-height:50px;background-color:#fff;}

#login #loginForm input:focus{border-color: #5b7e1a;}
#login #loginForm input.error{background-color: rgba(245, 227, 227, 0.9) !important;}
/*#login #loginForm #loginBtn{position:absolute;width: 68px;height:70px;background-color:rgba(255, 204, 0, 1);color: #3F3F3F;font-size:13px;font-weight:bold;box-sizing: border-box;-webkit-box-shadow: inset 0 0 3px rgba(0,0, 0, 0.4);box-shadow:inset 0 0 3px rgba(0,0, 0, 0.4);}*/
/*#login #loginForm.lock #loginBtn{top: 13px;}*/
/*.L #login #loginForm #loginBtn{padding-top: 28px;right:0px;top:0;}*/
/*.R #login #loginForm #loginBtn{padding-top: 20px;left:0px;top:0;}*/

#login #loginForm #loginBtn:hover{color:#666666; -webkit-box-shadow: inset 0 0 49px rgba(0,0, 0, 0.2);box-shadow:inset 0 0 49px rgba(0,0, 0, 0.2);}
#login #loginForm #loginBtn:active{margin-top: 2px;margin-left: 2px;}


#login #loginForm #submitForm{height: 0px;padding: 0px;position: absolute;}
#login #loginForm h3{font-size:16px;font-weight:normal;color:#000000;max-width: 235px;text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}
.R #login #loginForm h3{direction: rtl;}
#login #loginForm h2{font-size:12px;font-weight:normal;color:#000000;margin-top:4px;margin-bottom: 6px;}
#login #loginForm h1{display: none;}
#login #loginForm h3, #login #loginForm h2{margin-left: 4px;margin-right: 4px;}
#login #loginForm .msg{position:absolute;line-height:30px;color: #9B3939;font-weight: bold;font-size: 11px;}
.L #login #loginForm .msg{right:20px;}
.R #login #loginForm .msg{left:20px;}

#login #loginForm > .msg{line-height: 16px;}
.L #login #loginForm > .msg{left:10px;bottom:-18px;}
.R #login #loginForm > .msg{right:2px;bottom:-34px;text-align: right !important;}
.R #login #loginForm input,.R #login #loginForm h3,.R #login #loginForm h2{float: right !important;}

#login #loginForm .errorMsg{color:#f00;padding: 5px 0px;width: 100%;clear: both;line-height:1.5;min-height: 30px;}
#login #loginFoot{position: fixed;bottom:0px;width: 100%;background-color:rgba(60,60,60,0.8);height: 20px;text-align: center;color: #ffffff;line-height: 20px;font-size: 11px;}

/*@media (max-width: 860px) {
	#login #loginBody{position: relative !important;margin-top: 5%;}
}*/
#login #loginBody {position: absolute;min-height: 100vh;right: 0;background: rgba(255,255,255,0.8);}
@media only screen and (min-width: 768px){
	#login #loginBody{width: 550px;}
}
#login #loginForm #showPassword{position:absolute;width:35px;height:30px;color:#999;padding-top:5px;}
.L #login #loginForm #showPassword{left:0;padding-left:5px; text-align:left;}
.R #login #loginForm #showPassword{right:0;padding-right:5px; text-align:right;}

/**************************************************************
						topNav
***************************************************************/

#topNav.background-image {background-repeat: repeat;background-position: center;/*height: 96px;*/}
/*#topNav.background-image-none {background-image: none !important;}*/

#topNav{position: relative !important;float: left !important;top:0px;left:0;width:100%;/*height:96px;*/z-index:1;box-shadow: -2px 3px 8px 4px #00000073;}
.sideMenu-small #topNav{z-index: 4 !important;}

#topHeader,#topHeader #moduleHeader,#topHeader #suiteHeader{width: 100%;height: 78px;}
#topHeader{background-image:linear-gradient(90deg, rgba(0, 0, 0, 0.1) 10%, rgba(136, 136, 136, 0.4) 38%,rgba(136, 136, 136, 0.2) 42%, #6D2020 100%);background-position:top right;background-repeat:no-repeat;}
#topHeader #moduleHeader{float: left;background-repeat:no-repeat;background-position:top left;} /* border-left: 19px solid #A91919; */
#topHeader #suiteHeader{background-position: center right;background-repeat: no-repeat;}

#topNav #msgTopCont{width:100%;clear:both;top:5px;position:absolute;left:0px;z-index: 1}
#topNav #msgTopCont .msgTop{width:100px;text-align: center;font-size: 12px;color: #fff; padding: 10px;  background-color: rgba(56, 46, 46, 0.6);border-radius: 30%;} /* update Color */
#topNav #msgTopCont .msgTopPlus:before{position: relative;content: '-';padding: 0px 10px;}

.fullScreen #topNav #msgTopCont .msgTop{background-color: rgba(152, 94, 94, 0.6);}
/*.fullScreen #topNav{height:35px;}*/
/*.fullScreen #topHeader,.fullScreen #moduleGlobalInfo{display: none;}*/

/*#topMenu {box-shadow: -2px 3px 8px 4px #00000073;}*/
.suite-img-none{background-image: none !important;}
.suite-img{background-size: cover;}
#topMenu .link{float:left;margin:0px 3px;padding:0px 5px;cursor:pointer;line-height: 35px;font-size: 24px;}
#topMenu .link:not(.fa):not(.icomoon){font-family:"iconFont";font-size: 23px;}
#topMenu .link:before   ,#topMenu .link{position:relative;color:rgba(255,255,255,1);text-align:center;}
.L #topMenu .nav>.link{text-shadow: -3px 4px 5px #00000075;}
.R #topMenu .nav>.link{text-shadow: 3px 4px 5px #00000075;}

#topMenu:hover .link:before{color:rgba(255,255,255,0.5);}
#topMenu .link:hover:before{color:rgba(255,255,255,1) !important;}

#topMenu .subTopMenu{display: none;position:absolute;overflow: auto;max-height: 310px;margin:0px !important;padding: 0px;top:35px;z-index: 1;list-style: none;background-color: #382E2Ecc;line-height: initial;}
#topMenu .floatL .subTopMenu{left: 0px;right:auto;margin-left: 0px;}
#topMenu .floatR .subTopMenu{left: auto !important ;right:0px;margin-right: 0px;}
/*#topMenu #userLink.floatL .subTopMenu{left: 0}*/
@media only screen and (min-width: 768px){
	#topMenu #userLink.floatL .subTopMenu{left: unset;}
}
#topMenu #userLink.floatR .subTopMenu{right: auto}
#topMenu .link:hover .subTopMenu{display: block;}
#topMenu .link-2:hover .subTopMenu{display: block;}

#topMenu .user-avatar{box-shadow: 0 0 5px 3px #ffffff47;height: 40px;border-radius: 100%;border: 2px solid white;}

#topMenu .subTopMenu li{float:left;clear: both;width: 100%;white-space: nowrap;padding:10px;margin: 0px;font-weight: bold;border-bottom: 1px solid #FFFFFF; border-top:0px;opacity:0.7;}
.R #topMenu .subTopMenu li{text-align: right;direction: rtl;}
.L #topMenu .subTopMenu li{text-align: left;direction: ltr;}
#topMenu .subTopMenu li:hover{background-color: rgba(55,55,55,.2);opacity:1;}

#topMenu .link.notiMenu.new:before{color:#ffa7a7}
#topMenu #notiCont.subTopMenu{min-width: 345px;}
#topMenu #notiCont.subTopMenu li{position:relative;white-space: normal;font-weight: normal;max-height: 60px;max-width: 430px;opacity:1;cursor: default;}
#topMenu #notiCont.subTopMenu li.read{background-color:rgba(113, 113, 113, 0.8);}
#topMenu #notiCont.subTopMenu li.action{cursor: pointer;}

#topMenu #notiCont li.notiSetting{position: fixed;width: 345px;margin-top: 0px;height: 30px;z-index: 1;}
#topMenu #notiCont li.notiSetting,#topMenu #notiCont li.loadMore{background-color: #e5e5e5 !important;color: #000;}
#topMenu #notiCont li:nth-child(2){margin-top: 30px;}
#topMenu #notiCont .noti{width: 325px;}
#topMenu #notiCont .notiDate{margin-top: 5px;}
.L #topMenu #notiCont .notiDate i{float:left;margin-right: 5px;}
.R #topMenu #notiCont .notiDate i{float:right;margin-left: 5px;}
.L #topMenu #notiCont .noti,.L #topMenu #notiCont .notiDate{padding-right:20px; }
.R #topMenu #notiCont .noti,.R #topMenu #notiCont .notiDate{padding-left:20px; }

#topMenu #notiCont .manage{position: absolute;top: 0px; margin-top: 10px; display: none;}
#topMenu #notiCont .notiLi:hover .manage{display: block;}
.L #topMenu #notiCont .manage{right:0px; margin-right: 10px; }
.R #topMenu #notiCont .manage{left:0px ;margin-left: 10px; }
#topMenu #notiCont .manage span{display: block;margin-bottom: 2px;opacity:0.8;}
#topMenu #notiCont .manage span:hover{opacity:1;cursor: pointer;}

#topMenu .toggleSideMenu {min-width: 34px;transform: rotate(0deg) !important;transition: -webkit-transform 0.25s ease-in-out;}
.sideMenu-open #topMenu .toggleSideMenu {transform: rotate(180deg) !important;}
.L .sideMenu-open #topMenu .toggleSideMenu {text-shadow: 3px -4px 5px #00000075;}
.R .sideMenu-open #topMenu .toggleSideMenu {text-shadow: -3px -4px 5px #00000075;}

#topMenu .msgTopCont, #topMenu .msgTopContPlus, #topMenu .global-info{background-color: rgba(56, 46, 46, 0.6);padding: 6px;}

/**************************************************************
						footNav
***************************************************************/

#footNav{position:fixed;bottom:0;left:0;width:100%;height:17px;background-color:#000000;z-index:1}
#footNav .copyright{color:#FFFFFF;vertical-align: middle;padding-top: 1px;}
#msgFootCont{width:100%;clear:both;bottom:5px;position:absolute;left:0px;}
.successMsg,.wrongMsg{position:relative;float:left;width:100%;padding:5px 0px ;text-align:center;color:#FFFFFF;font-weight:bold;}
.successMsg{background-color:#0AA00A;}
.wrongMsg{background-color:rgba(162,32,32,.9)}

#sysClock{position: absolute;left: 10px;top: 2px;}
.sysSpinnerCont{position: absolute;left: 10px;}
.sysSpinnerCont .timer{padding:1px 2px 0px 2px;}

body.test #footNav,body.test #loginFoot{background: #fff600 !important;}
body.test #footNav *,body.test #loginFoot *{color: #000000;}
body.test #footNav .ball-beat>div, body.test #loginFoot .ball-beat>div{background-color:#000000; }

#topNav,#footNav,#topHeader,#main .ui-layout-resizer{background-color:#382E2E;}
.ui-layout-title{background:#6D2020;}

/**************************************************************
						sidebar
***************************************************************/

/*#topNav.background-image+#sideMenu{height:calc(100% - 95px);}*/
#topNav.background-image+#sideMenu{height:calc(100% - 45px);}
/*#topNav.background-image-none+#sideMenu{height:calc(100% - 45px);}*/
#sideMenu{position: fixed;width: 240px;z-index: 3;background-color:#1D2B36;padding-bottom: 20px;bottom: 0;transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);}
.L #sideMenu{left:-240px;}
.R #sideMenu{right:-240px;}
.L .sideMenu-open #sideMenu{left:0px;box-shadow: 4px 0px 6px 4px #0000005e;}
.R .sideMenu-open #sideMenu{right:0px;box-shadow: -4px 0px 6px 4px #0000005e;}

.fullScreen #sideMenu{height:calc(100% - 44px);}
.sideMenu-large #sideMenu,.fullScreen .sideMenu-large #sideMenu{height:100%;}

.sideMenu-open.sideMenu-fixed #appContent,.sideMenu-open.sideMenu-fixed.sideMenu-large #topNav,.sideMenu-open.sideMenu-fixed.sideMenu-large #footNav{width: calc(100% - 240px) !important;}
.L .sideMenu-open.sideMenu-fixed #appContent,.L .sideMenu-open.sideMenu-fixed.sideMenu-large #topNav,.L .sideMenu-open.sideMenu-fixed.sideMenu-large #topNav2, .L .sideMenu-open.sideMenu-fixed.sideMenu-large #footNav{margin-left:240px;}
.R .sideMenu-open.sideMenu-fixed #appContent,.R .sideMenu-open.sideMenu-fixed.sideMenu-large #topNav,.R .sideMenu-open.sideMenu-fixed.sideMenu-large #topNav2, .R .sideMenu-open.sideMenu-fixed.sideMenu-large #footNav{margin-right:240px;}
.sideMenu-overlay.sideMenu-large #sideMenu{z-index: 3;}
#sideMenu .toggleSideMenu{position: absolute;padding:5px;margin-top:5px; z-index: 1;}
.L #sideMenu .toggleSideMenu{right: 7px;}
.R #sideMenu .toggleSideMenu{left: 7px;}
#sideMenu *{color: #DCDCDC !important;}

#sideMenu #sideMenuHeader #logo-cont{padding: 15px; background-color: #ffffff80;}
#sideMenu input{background: transparent !important;padding:20px; border: none !important;}


#sideMenu ul{list-style: none;margin: 0; padding: 0;}
.L #sideMenu ul{text-align: left;}
.R #sideMenu ul{text-align: right;}
#sideMenu ul *{font-size: 14px;}
#sideMenu #mainMenuNavigation>li{padding: 0;}
#sideMenu #mainMenuNavigation li{position: relative;margin: 0;cursor: pointer;}
#sideMenu #mainMenuNavigation li.has-sub:after{display: inline-block;position: absolute;z-index:-1;content:"\f078";font-family:"FontAwesome";top: 15px;font-size:10px;transition: -webkit-transform 0.2s ease-in-out;}
.L #sideMenu #mainMenuNavigation li.has-sub:after{right:12px;transform: rotate(-90deg);}
.R #sideMenu #mainMenuNavigation li.has-sub:after{left:12px;transform: rotate(90deg);}
.L #sideMenu #mainMenuNavigation li.has-sub.open:after,.R #sideMenu #mainMenuNavigation li.has-sub.open:after{transform: rotate(0deg) !important;}

#sideMenu #mainMenuNavigation li.open,#sideMenu #mainMenuNavigation li:hover,#sideMenu #mainMenuNavigation li div:hover{background-color: rgba(0,0,0,0.3);}

#sideMenu #mainMenuNavigation>li>div {}

#sideMenu #mainMenuNavigation.style-border li div{border-top:1px solid rgba(255,255,255,0.1);}
#sideMenu #mainMenuNavigation.style-border-2 li div{border-top:2px solid rgba(255,255,255,0.1);}

.L #sideMenu #mainMenuNavigation li div[data-toggle="toggle"]{border-left: 5px solid transparent;}
.R #sideMenu #mainMenuNavigation li div[data-toggle="toggle"]{border-right: 5px solid transparent;}
.L #sideMenu #mainMenuNavigation li div.active[data-toggle="toggle"]{border-left-color:rgba(255,255,255,0.8);}
.R #sideMenu #mainMenuNavigation li div.active[data-toggle="toggle"]{border-right-color:rgba(255,255,255,0.8);}


#sideMenu #mainMenuNavigation li div{display: block;padding: 15px 15px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
#sideMenu #mainMenuNavigation li div i{min-height:14px;min-width:14px;background-size:cover;background-repeat:no-repeat;background-position: center center;  }
.L #sideMenu #mainMenuNavigation li div i{position:relative;float: left;margin-right:8px;}
.R #sideMenu #mainMenuNavigation li div i{position:relative;float: right;margin-left:8px;}


#sideMenu #mainMenuNavigation>li>ul{}
#sideMenu #mainMenuNavigation li:not(.open) ul{display: none;}

#sideMenu #mainMenuNavigation>li ul li>div {}
.L #sideMenu #mainMenuNavigation>li ul li>div {padding-left: 40px;padding-right: 20px}
.R #sideMenu #mainMenuNavigation>li ul li>div {padding-right: 40px;padding-left: 20px}

#sideMenu #mainMenuNavigation li ul li>div.active:after{display: inline-block;position: absolute;content:"\f005";font-family:"FontAwesome";top: 15px;font-size:10px;transition: -webkit-transform 0.2s ease-in-out;color:#f9ff00;}
.L #sideMenu #mainMenuNavigation li ul li>div.active:after{right: 12px;}
.R #sideMenu #mainMenuNavigation li ul li>div.active:after{left: 12px;}

.sideMenu-large #sideMenu #sideMenuFooter{bottom:0px !important;}
#sideMenu #sideMenuFooter{position: absolute;bottom:17px;width: 100%;padding-top: 0px;}
#sideMenu #sideMenuFooter .actions{background-color: rgba(0,0,0,0.3);}
#sideMenu #sideMenuFooter .actions div{border-top:1px solid rgba(255,255,255,0.3);padding: 10px;font-size: 16px; text-align: center;cursor: pointer;}
.L #sideMenu #sideMenuFooter .actions div:not(.first){border-left:1px solid rgba(255,255,255,0.3);}
.R #sideMenu #sideMenuFooter .actions div:not(.first){border-right:1px solid rgba(255,255,255,0.3);}

#sideMenu #sideMenuFooter .actions div:hover{color: #FFF;background-color: rgba(0,0,0,0.3); }

#sideMenu #mainMenuNavigation.no-icon div i{display: none;}

/**************************************************************
						App Content
***************************************************************/

#appContent{position: relative !important;float: left !important;padding: 0;}
#appContent .treeview ul {background-color: rgba(255,255,255,.6);}
.moduleCont{position:absolute;width:100%;height:100%;z-index: 0;}

/********************
	general
********************/
.title-bg,.btnCont,.navigatorCont{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;}
.title-bg-c{background-color:#CCCCCC}
.title-bg-c-force{background-color:#CCCCCC !important}
.title-c{color:#000000;}
.title-txt{font-weight:bold;padding:10px 15px;}
.btn-bg-c,.btnCont{background-color:#DEDEDE;}
.title-b{border:1px solid #cfcfcf;}
.btnCont{float:left;clear:both;margin-bottom: 10px}

.time{direction: ltr;}
.L .time{text-align: left;}
.R .time{text-align: right;}

.colorSpan{padding:10px;}
.L .colorSpan{float:left;margin-right: 5px;}
.R .colorSpan{float:right;margin-left: 5px;}

.auto-scroll-h{width:100%;overflow: auto;}
.L .auto-scroll-h{direction: ltr;}
.R .auto-scroll-h{direction: rtl;}
/*
.auto-scroll-h {transition: background-color .8s;}
.auto-scroll-h:hover::-webkit-scrollbar-thumb { background-color:red; display: block;}
.auto-scroll-h::-webkit-scrollbar-thumb {display:none;}
*/
.ui-timepicker-table td a{box-sizing:initial;}

.avatar {position: relative;display: inline-block;width: 25px;white-space: nowrap;border-radius: 1000px;vertical-align: bottom;}
.avatar img { width: 100%; max-width: 100%;height: auto;border: 0 none;border-radius: 1000px;}
.circle { border-radius: 50%;}
.badge{padding: 5px;font-size: 90%;}

/********************
	shadows (elevation)
********************/
.elevation-0 {
	box-shadow: 0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)!important
}
.elevation-1 {
	box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)!important
}
.elevation-2 {
	box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)!important
}
.elevation-3 {
	box-shadow: 0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)!important
}
.elevation-4 {
	box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important
}
.elevation-5 {
	box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)!important
}
.elevation-6 {
	box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)!important
}
.elevation-7 {
	box-shadow: 0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)!important
}
.elevation-8 {
	box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)!important
}
.elevation-9 {
	box-shadow: 0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)!important
}
.elevation-10 {
	box-shadow: 0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)!important
}
.elevation-11 {
	box-shadow: 0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)!important
}
.elevation-12 {
	box-shadow: 0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)!important
}
.elevation-13 {
	box-shadow: 0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)!important
}
.elevation-14 {
	box-shadow: 0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)!important
}
.elevation-15 {
	box-shadow: 0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)!important
}
.elevation-16 {
	box-shadow: 0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)!important
}
.elevation-17 {
	box-shadow: 0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)!important
}
.elevation-18 {
	box-shadow: 0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)!important
}
.elevation-19 {
	box-shadow: 0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)!important
}
.elevation-20 {
	box-shadow: 0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)!important
}
.elevation-21 {
	box-shadow: 0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)!important
}
.elevation-22 {
	box-shadow: 0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)!important
}
.elevation-23 {
	box-shadow: 0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)!important
}
.elevation-24 {
	box-shadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)!important
}
/********************
	card
********************/
.card{background-color: transparent;margin-bottom: 15px;box-shadow: none;}
.L .card{text-align: left;}
.R .card{text-align: right;}
.card .card-header{padding: 10px 15px;border-bottom: 1px solid #cfcfcf;}
.card .card-body{padding: 0;}
.card .card-footer{padding: 5px 15px;line-height: 22px;border-top: 1px solid #cfcfcf;text-align: center;}
.card .card-block{padding: 15px 15px;width: 100%;}
.L .card .card-block{float: left;}
.R .card .card-block{float: right;}
.card .card-header,.card .card-footer{min-height: 35px;}
.card-header .heading-elements, .card-header .heading-elements-toggle{background: none;top: 5px;}
.card .heading-elements button,.card .card-footer button{margin-top: 0;margin-bottom: 0;padding: 5px 7px;min-width: 0;vertical-align: middle;line-height: 1;}
.card .heading-elements button,.card .heading-elements button:before,.card .card-footer button,.card .card-footer button:before{font-size: 12px;}
.card li{margin-top: 0;line-height: 1.5;}
.card .card-body > .row{margin: 15px 0 0 0;}

.card.hide{display: none !important;}
.card.close{opacity:1 ;font-size: inherit;text-shadow: none;border-color: transparent;width: 100%;box-shadow:none;} /* fix bootstrap .close style */

.card .card-header:before{
	font-family:"iconFont";position: relative;font-weight: normal;font-style: normal;
	font-size:14px;text-decoration: inherit;display: inline-block;color:#BB3232;
	-webkit-font-smoothing: antialiased;min-width: 15px;
}
.R .card .card-header:before{float:right;margin-left: 5px;}
.L .card .card-header:before{float:left;margin-right: 5px;}
.card.none .card-header:before{display: none;}
.card.open .card-header:before{content:"\e084";}
.card.close .card-header:before{content:"\e083";}
.card .card-header.card-head-inverse:before{color: #FFF;}
.card:not(.none) > .card-header{cursor: pointer;}
.card:not(.none) .card-title + .card-subtitle{margin: 0px 20px;}
.card-header .heading-elements i, .card-header .heading-elements-toggle i{color:#ffffff;}
.card.close .card-body,.card.close .card-footer,.card.close .heading-elements{display:none;}

/* fix bootsrap rtl bugs*/
@media (min-width: 576px){
	body.R .card-deck .card:not(:first-child){margin-left: 15px;margin-right:15px;}
	body.R .card-deck .card:not(:last-child){margin-right: 15px;margin-left:15px;}
	body.R .card-group .card+.card{border-left:1px solid rgba(0,0,0,.125);}

}
.card.card-fullscreen{top: initial !important;bottom: 5px; height: calc(100% - 75px)!important;width: calc(100% - 20px)!important; margin-left: auto;margin-right: auto;background: #F3F3F3;z-index: 9 !important;}
body.fullScreen .card.card-fullscreen{height: calc(100% - 60px)!important;}
.sideMenu-fixed.sideMenu-open .card.card-fullscreen{width: calc(100% - 260px)!important;}
.L .sideMenu-fixed.sideMenu-open .card.card-fullscreen{margin-left:250px;}
.R .sideMenu-fixed.sideMenu-open .card.card-fullscreen{margin-right:250px;}

.card.card-fullscreen .auto-scroll-h{ max-height: initial !important; height: initial !important;}
/********************
	Progress
********************/
.progress::-webkit-progress-bar{background-color: #eeeeee !important;}
.progress.progress-white::-webkit-progress-bar{background-color: #DDD !important;}
.progress{width:100%; margin: 0;}
.progress:last-child{margin-bottom: 0;}
/********************
	media
********************/
.media{align-items:initial;}
:not(.card-block) .media > *:not(progress){padding: 15px 15px;}

.media.media-statistic .media-item i{min-width: 36px;}
/********************
	layout pane
********************/
.pane{display:none;background-color: #F3F3F3;}
.pane.has-card-fullscreen{position: unset !important;}
.ui-layout-pane{overflow: overlay;padding: 10px 15px;}
.ui-layout-toggler{background-position: center center;background-repeat: no-repeat;border:0px !important; }
.ui-layout-toggler:before{display:block;position:absolute;width:100%;height:100%;background: rgba(255,255,255,.2);top:0;content:' ';}

.ui-layout-toggler-west:before,.ui-layout-toggler-east:before{clip-path: polygon(59% 11%, 78% 2%, 100% 0, 100% 100%, 77% 100%, 60% 94%, 53% 73%, 50% 53%, 53% 34%);}
.ui-layout-toggler-north:before,.ui-layout-toggler-south:before{clip-path: polygon(51% 50%, 90% 60%, 99% 80%, 100% 100%, 0 100%, 1% 80%, 10% 60%);}
.ui-layout-toggler-open{background-color:#6D2020cc;}

.ui-layout-resizer-hover .ui-layout-open {
	background-color:rgba(228, 88, 88,.6);
}
.ui-layout-toggler-hover.ui-layout-toggler-open , /* need when NOT resizable */
.ui-layout-resizer-hover .ui-layout-toggler-hover.ui-layout-toggler-open { /* need specificity when IS resizable */
	background-color:rgba(228, 88, 88,.5);
}

.ui-layout-toggler-closed{
	background-color:rgba(166, 228, 88,.7);
}
.ui-layout-toggler-hover.ui-layout-toggler-closed , /* need when NOT resizable */
.ui-layout-resizer-hover .ui-layout-toggler-hover.ui-layout-toggler-closed { /* need specificity when IS resizable */
	background-color:rgba(166, 228, 88,.5);
}
.ui-layout-toggler-north ,
.ui-layout-toggler-south {
	border-width: 0 1px; /* left/right borders */
	line-height: 1px; /* from default setting */
}
.ui-layout-toggler-west ,
.ui-layout-toggler-east {
	border-width: 0px 0; /* top/bottom borders */
}
.ui-layout-resizer-sliding  .ui-layout-toggler {/* hide the toggler-button when the pane is 'slid open' */
	display: none;
}
.ui-layout-toggler .content {/*	style the text we put INSIDE the togglers */
	color:rgba(255,255,255,0.7);font-size:20px;font-weight:	bold;width:100%;padding-bottom:	0px; /* to 'vertically center' text inside text-span */
}

/********************
	menu section
********************/
.menuCont{width:100%;margin-bottom: 10px;}
.L .menuCont,.L .menuCont *:not(.badge){float:left;text-align:left;}
.R .menuCont,.R .menuCont *:not(.badge){float:right;text-align:right;}

.menuCont .menuTitleCont{width:100%;padding-bottom:10px;border-bottom:1px solid #AAA;}
.menuCont .menuIcon{min-width: 15px;min-height: 15px;padding: 5px 5px;color: #FFF;font-size: 14px; text-align: center;background-color:#514648;}
.menuCont .menuTitleCont img{width:15px;height:15px}
.menuCont .menuTitle{margin:5px 5px 0px 5px;font-size:13px;font-weight:bold;color:#777777}
.menuCont ul{margin:0px 10px 25px 10px;padding:0px 10px 0px 10px;list-style-position:outside;}
.menuCont li{clear:both;margin-top:5px;font-size:16px;white-space: nowrap;}
.L .menuCont li div,.R .menuCont li div{float:none !important;}
.menuCont li div{display: inline-block;cursor:pointer;font-size:14px}
.menuCont li div:hover{cursor:pointer;color:#514648;}
.menuCont li div.active{color:red !important;}
.menuCont li.separate{list-style-type: none;}

.menuCont .menuContAction{font-size: 20px;opacity:0.5;}
.menuCont .menuTitleCont:hover .menuContAction{opacity:1;}
.L .menuCont .menuContAction{float:right !important;}
.R .menuCont .menuContAction{float:left !important;}

/********************
	fieldset
********************/
.fieldsetCont,.sourceCodeCont{padding:0px 2px; }

.L .fieldsetCont ,.L .fieldsetDataCont,
.L .autocompleteCont, .L .valueCont{float: left;}

.dialog .fieldsetTitle:not(.fieldsetFileTitle){float: none !important;}
.L .fieldsetTitleCont,.L .fieldsetTitle,
.R .left .dataFormCont,.R .left .dataFormTitle,.R .left .dataFormInput,
.L .dataFormCont,.L .dataFormTitle,.L .dataFormInput {float:left;text-align:left;}

.R .fieldsetCont ,.R .fieldsetDataCont,
.R .autocompleteCont, .R .valueCont{float: right;}

.R .fieldsetTitleCont,.R .fieldsetTitle,
.L .right .dataFormCont,.L .right .dataFormTitle,.L .right .dataFormInput,
.R .dataFormCont,.R .dataFormTitle,.R .dataFormInput{float:right;text-align:right;}

.fieldsetTitle{cursor: pointer;}
.fieldsetTitle.close{opacity:1 ;font-size: inherit;text-shadow: none;} /* fix bootstrap .close style */
.fieldsetTitle:before{
	content:"\0000a0";font-family:"iconFont";position: relative;font-weight: normal;font-style: normal;
	font-size:14px;text-decoration: inherit;display: inline-block;color:#BB3232;
	-webkit-font-smoothing: antialiased;min-width: 15px;
}
.R .fieldsetTitle:before{float:right;margin-left: 5px;}
.L .fieldsetTitle:before{float:left;margin-right: 5px;}
.fieldsetTitle.none:before{display: none;}
.fieldsetTitle.open:before{content:"\e084";}
.fieldsetTitle.close:before{content:"\e083";}
.fieldsetTitle.close{margin-bottom: 10px;}
.fieldsetTitle.none{cursor: default;}
.fieldsetDataCont{width:100%;padding:10px 15px;margin:0px 0px 10px 0px;}
.fieldsetDataCont .fieldsetTitle.title-txt{font-weight:normal;padding:5px 10px 5px 10px;}

.fieldsetTitle.aut-color ,.fieldsetTitle.aut-color *{color:#FFFFFF !important;}
.fieldsetTitle.aut-color .tooltipIcon{color:#1D294E !important;}
.fieldsetTitle.aut-color.bg-danger:before{color:#6D2727 !important;}

/********************
	tabs
********************/
.ui-tabs,.ui-tabs .ui-tabs-nav,.ui-tabs .ui-tabs-panel{-webkit-box-sizing: border-box;box-sizing: border-box;}

.L .ui-tabs, .L .ui-tabs .ui-tabs-nav,.L .ui-tabs .ui-tabs-nav  li{float: left;}
.R .ui-tabs, .R .ui-tabs .ui-tabs-nav,.R .ui-tabs .ui-tabs-nav  li{float: right;}
.dataFormCont .ui-tabs .ui-tabs-panel{padding: 5px 0px}

.L .tabCont .tabTitleCont,.L .tabCont .tabTitle{float: left;}
.R .tabCont .tabTitleCont,.R .tabCont .tabTitle{float: right;}
.L .tabCont .tabTitle{margin-right: 2px;}
.R .tabCont .tabTitle{margin-left: 2px;}
.tabCont .tabTitleCont{border-bottom: 1px solid #CCCCCC;}
.tabCont .tabTitle{position: relative;float: left;padding: 6px 15px;margin-top: 1px; color: #BB3232;font-size: 14px;line-height: 16px;background-color: rgba(202, 201, 201, 0.3);}
.tabCont .tabTitle:hover{background-color: rgba(228, 219, 219, 0.6);cursor: pointer;}

.tabCont .tabTitle.active{bottom:-1px !important;padding-bottom: 5px !important;border: 1px solid #cccccc;border-bottom: 0px !important; }
.tabCont .tabTitle.active,.tabCont .tabTitle.active:hover{background-color:#F3F3F3 !important;cursor: default !important;}
.tabCont .tabDataCont{margin-top: 0px !important;border-top: 0px;}
.tabCont .tabData{display: none;}

/********************
	dataForm
********************/
.dataFormCont{margin-bottom:1px;min-height:30px;}
.L .dataFormCont,.R .left .dataFormCont {margin-right:10px;}
.R .dataFormCont,.L .right .dataFormCont{margin-left:10px;}
.dataFormTitle{line-height:20px;}
.L .dataFormTitle,.R .left .dataFormTitle{text-align:right;direction:ltr;}
.R .dataFormTitle,.L .right .dataFormTitle{text-align:left;direction:rtl;}

.dataFormInput{line-height:23px;color:#454545;position: relative;} /* if remove : position: relative;  autoScroll feildSet will has a bug with many inputs helper; note: i remove this for tooltips icon bug but didn't appear now */
#dialogBox .dataFormInput{} /* remove position: inherit; fix autoScroll with inputs helper */
.inputWithoutCont{position: relative;} /* add this style to fix autoScroll with inputs helper  */
.L .dataFormInput,.R .left .dataFormInput{direction:ltr;text-align:left;}
.R .dataFormInput,.L .right .dataFormInput{direction:rtl;text-align:right;}

.verticalForm :not(.fieldsetTitle) .dataFormCont{margin-bottom: 10px;}
.verticalForm :not(.fieldsetTitle) .dataFormTitle{width: 100% !important;box-sizing: border-box;padding: 0 2px;}
.L .verticalForm :not(.fieldsetTitle) .dataFormTitle,.R .verticalForm :not(.fieldsetTitle) .left .dataFormTitle{text-align:left;}
.R .verticalForm :not(.fieldsetTitle) .dataFormTitle,.L .verticalForm :not(.fieldsetTitle) .right .dataFormTitle{text-align:right;}
.L .verticalForm :not(.fieldsetTitle) .dataFormInput,.R .verticalForm :not(.fieldsetTitle) .left .dataFormInput{clear: left;}
.R .verticalForm :not(.fieldsetTitle) .dataFormInput,.L .verticalForm :not(.fieldsetTitle) .right .dataFormInput{clear: right;}


.pane .scrollSection > div.dataFormCont, .pane .scrollSection > span.inputWithoutCont{padding:0px 2px;-webkit-box-sizing: border-box;box-sizing: border-box;}
::-webkit-input-placeholder,select,textarea,
.scrollSection input:not([type=checkbox]):not([type=radio]):not(.ui-autocomplete-input),.scrollSection textarea{padding:0px 3px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.L .scrollSection input.ui-autocomplete-input{padding-left: 2px;}
.R .scrollSection input.ui-autocomplete-input{padding-right: 2px;}
.dataFormCont textarea{resize:none;overflow:auto;min-height: 100px;}
.dataFormCont textarea.noHeight{min-height:1px;}
.pane pre,.tooltipster-base pre{max-height: 300px;overflow-y: auto;font-size: 16px !important;}

label.dataFormLabel{margin: 0px;cursor: pointer;}
label.dataFormLabel span{line-height: 20px;margin: 0 4px;}
label.dataFormLabel input[type="radio"],label.dataFormLabel input[type="checkbox"]{vertical-align: text-bottom;}

.R .numberTypeActive{direction:ltr;text-align: right;}

/********************
	jqGrid
********************/
.gridCont{width:100%;clear:both;}
.L .gridCont{float:left;}
.R .gridCont{float:right;}

.ui-jqgrid input[id$='_AR'] , .ui-jqdialog input[id$='_AR']{direction: rtl;}
.ui-jqgrid input[id$='_EN'] , .ui-jqdialog input[id$='_EN']{ direction: ltr;}
.ui-jqgrid tr.jqgrow td{padding-top: 1px !important;}
.L .ui-jqgrid .ui-search-table .ui-search-input{padding-right:10px;}
.R .ui-jqgrid .ui-search-table .ui-search-input{padding-left:10px;}
.ui-jqgrid tr.aut-color ,.ui-jqgrid tr.aut-color td:not(.jqgrid-rownum){background: transparent;}
.ui-jqgrid .loading{top:0px;left:0px;right:0;bottom:0px;border: 0px;padding: 0; margin: auto;background: rgba(255,255,255,0.4) url(../img/icons/spinner.gif) no-repeat center center;color: transparent;}
.ui-jqgrid,.ui-jqgrid *{box-sizing: initial !important;}
.ui-jqgrid table{border-collapse: initial;}

.ui-jqdialog-content .CaptionTD{padding:2px 0px !important;}
.L .ui-jqdialog-content .CaptionTD{text-align: right;}
.R .ui-jqdialog-content .CaptionTD{text-align: left;}
.ui-jqdialog-content .CaptionTD:after{content: ':';}

/********************
	gridTable
********************/
.gridTable{border:0px;border-collapse: initial;}
.L .gridTable{direction:ltr;}
.R .gridTable{direction:rtl;}
.gridTable td{box-sizing: initial;}
.gridTable .header{color: #ffffff !important; font-weight: bold !important;text-align: center !important;}
.gridTable tr:first-child,.gridTable tr:first-child:hover{line-height:20px;}
.gridTable .header,.gridTable tr:first-child,.gridTable tr:first-child:hover{background-color:#514648 !important;}

.R .gridTable tr:first-child td:first-child,.L .gridTable tr:first-child td:last-child{border-right:1px solid #4679A2;}
.L .gridTable tr:first-child td:first-child,.R .gridTable tr:first-child td:last-child{border-left:1px solid #4679A2;}
.gridTable tr:first-child td{font-weight:bold;color:#FFFFFF;}
.gridTable tr:nth-child(2n+3),.rowCont .rowHover:nth-child(2n+2){ background-color:#E1E2D2 ;}
.gridTable tr:not(.noHover):hover,.gridTable tr.active, .rowCont .rowHover:hover,.rowHover:not(.noHover):hover{background-color:#CDD9DB;}
.gridTable td{border:1px solid #cccccc;border-top:0px;padding:5px 3px;}
.gridTable tr:last-child td{border-bottom-width:1px;}
.L .gridTable td:nth-child(n-1){border-right:0px;}
.R .gridTable td:nth-child(n-1){border-left:0px;}
.L .gridTable td:last-child{border-right:1px solid #cccccc;}
.R .gridTable td:last-child{border-left:1px solid #cccccc;}

.gridTable .bgColor_1{ background-color:#F3F3F3 !important;}
.gridTable .bgColor_2{ background-color:#E1E2D2 !important;}

.gridTable table tr:first-child,.gridTable table tr:first-child:hover{background-color:transparent !important;line-height:auto}
.R .gridTable table tr:first-child td:first-child,.L .gridTable table tr:first-child td:last-child{border-right:0px}
.L .gridTable table tr:first-child td:first-child,.R .gridTable table tr:first-child td:last-child{border-left:0px}
.gridTable table tr:first-child td{font-weight:normal;color:#000000;}
.gridTable table tr:nth-child(2n+3){background-color:transparent;}
.gridTable table tr:hover,.gridTable table tr.active{background-color:transparent;}
.gridTable table td{border:0px}

.gridTable{counter-reset: rowNumber;}
.gridTable tr.rowHover{counter-increment: rowNumber;}
.gridTable tr.rowHover .counter{text-align: center;}
.gridTable tr.rowHover .counter:before{content: counter(rowNumber);}
.gridTable thead .sortCont{display: inline-block;padding: 2px; }
.gridTable thead .sortCont i{cursor: pointer;}
.rowForDelete,.rowDisabled{background-color: rgba(248, 174, 174, 0.3) !important;}
.deleteAction{cursor: pointer;}
.sortableRow{cursor: move;}

table td .aut-icon{display: inline-table;}
table td .aut-icon:before{color: #000;}

/********************
	Uploader
********************/
.attachActBtnCont{padding: 0px 10px;}
.attachCont .fileCont{border-bottom:1px solid #CCCCCC; line-height: 20px;}
.attachCont .fileCont input[type='text']{height: 20px;line-height: 20px;padding: 0px 2px;}
.attachCont .fileCont:last-child{border-bottom:0px; }
.fileCont{width: 100%;padding: 5px 3px;clear:both;}

.attachCont{counter-reset: fileCounter;}
.attachCont .fileCont.rowHover{counter-increment: fileCounter;}
.attachCont .fileCont.rowHover .fileNum:before{content: counter(fileCounter);}

.fileCont span{min-width: 16px;}
.fileCont .fileNum{width: 30px;text-align: right;color: #666666;font-weight: bold;font-size: 11px;}
.R .fileCont .fileNum:after{float: left;}
.L .fileCont .fileNum:after{float: right;}
.fileCont .fileNum:after{;content: '-';margin: 0px 5px;}
.fileCont a{font-weight: normal;color: #333333;}
.fileCont a:hover{text-decoration: underline;}
.L .fileCont .attachUpload{margin-right:10px;}
.R .fileCont .attachUpload{margin-left:10px;}
.fileCont .noFile{font-size: 11px;color: red;padding: 0px 5px;font-style: italic;}
.fileCont .fileName img{display: block;width: 100px;}
.progressbarCont:not(.has-thumbnail){width: 100px;}
.progressbarCont.has-thumbnail{border:0px !important;}
.progressbar{background-color: green;color: white;width:100%;}
.progressbarCont a:hover{text-decoration: none;}

.L .attachTitle,.L .fileCont,.L .fileCont span,
.R .attachActBtnCont ,.R .fileStatusCont,.R .progressbarCont,.R .attachAction{float: left;}

.R .attachTitle,.R .fileCont,.R .fileCont span,
.L .attachActBtnCont ,.L .fileStatusCont,.L .progressbarCont ,.L .attachAction{float: right;}

.L .fileStatusCont .attachRemove{margin-left: 4px;}
.R .fileStatusCont .attachRemove{margin-right: 4px;}
/********************
	autocomplete
********************/
.autocompleteCont{max-height:120px;overflow:auto;margin: 2px 0px 10px 0px;background-color: #ffffff;width: 100%;}
.autocompleteCont .valueCont{clear: both;width: 100%;padding: 0px 2px;line-height: 23px;}
.R .valueCont .value,.L .valueCont .deleteAtion{direction: rtl;float: right;}
.L .valueCont .value,.R .valueCont .deleteAtion{direction: ltr;float: left;}

/* .ui-draggable{user-select: none;-webkit-user-select: none;-moz-user-select: -moz-none; -ms-user-select: none;} */
.L .ui-autocomplete.ui-menu a{text-align: left;direction: ltr;}
.R .ui-autocomplete.ui-menu a{text-align: right;direction: rtl;}
.ui-autocomplete.ui-front{z-index: 10001;max-height: 250px;overflow-y: auto;}

.ui-pg-div .ui-icon:hover{border: none;}
.ui-widget-content .jqgrow .ui-icon:hover{border: 1px solid #aaaaaa;}


.R .ui-dialog.ui-widget{direction: rtl;}
.R .ui-dialog .ui-dialog-title{float: right;}
.ui-widget button{font-family: unset;}
/********************
	dialog
********************/
#dialogOverlay{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,0.5);z-index:99} /* z-index:10000 */
.dialog{max-width:90%;position:absolute;top:40%;left:auto;right:auto;min-width:150px;min-height:100px;z-index:0;box-shadow:0 5px 10px rgba(0,0,0,0.2)}
.dialog .paramContent{position: relative;}
.dialog > .header{width:auto;height:35px;padding:0px 10px;white-space:nowrap;overflow:hidden;}
.L .dialog > .header div{right:10px;}
.R .dialog > .header div{left:10px;}
.L .dialog > .header span{float:left;}
.R .dialog > .header span{float:right;}
.dialog > .header div{position:absolute;top:5px;}
.dialog > .header button{min-width:0px;margin:0px 5px;padding:5px;}
.dialog > .header button:before{margin:0px;font-weight:bold;font-smooth:always;font-size:14px;}
.dialog .content{position:relative;width:100%;min-height:25px;float:left;overflow:overlay;padding:10px 10px 5px 10px;background-color:#FFFFFF;border-left:1px solid rgba(0,0,0,0.2);border-right:1px solid rgba(0,0,0,0.2);}
.R .dialog .content{text-align:right;}
.L .dialog .content{text-align:left;}

.dialog .action{width:100%;float:left;clear:both;min-height:39px;text-align:center;border-left:1px solid rgba(0,0,0,0.2);border-right:1px solid rgba(0,0,0,0.2);border-bottom:1px solid rgba(0,0,0,0.2)}
.dialog #dialogButtons > div{padding: 0px 5px;}
.dialog .hidDiv{position: relative;float: left;width: 100%;height:1px;padding-left: 8px;background-color: #FFFFFF;border-left: 1px solid rgba(0,0,0,0.2);border-right: 1px solid rgba(0,0,0,0.2);}

.dialog .dialgoMsgCont{width: 100%;position: relative;box-sizing: border-box;margin-bottom: 10px;padding:14px;border: 1px solid;}
.dialog .dialgoMsgCont .dialgoMsg-close{position: absolute;top: 6px;padding:5px; border:0;color:#707070;font-size: 14px;font-weight: bold;z-index: 1;cursor: pointer;border:0;}
.dialog .dialgoMsgCont.success-msg,.dialog .dialgoMsgCont.success-msg .dialgoMsg-close:hover{color: #155724;background-color: #d4edda; border-color: #c3e6cb;}
.dialog .dialgoMsgCont.error-msg,.dialog .dialgoMsgCont.error-msg .dialgoMsg-close:hover{color: #721c24;background-color: #f8d7da; border-color: #f5c6cb;}
.L .dialog .dialgoMsgCont .dialgoMsg-close{right: 0;}
.R .dialog .dialgoMsgCont .dialgoMsg-close{left: 0;}
.dialog pre{direction: ltr}
.dialog pre:not(#dd){max-height: 400px;max-width: 1000px;}
#dialogBox .row{margin-left: -10px;margin-right: -10px;} /* fix scroll bugs */

/********************
	segment
********************/
.title-bg-c .ui-segment span.option,.card-footer .ui-segment span.option{background-color: #FFFFFF;}

.ui-segment{display:inline-block;line-height: 23px;}
.ui-segment.disabled span.option{cursor: not-allowed !important;}
.ui-segment span.option.active{background-color: #3AA0BE;color:#FFFFFF;border-color:#3AA0BE; }
.ui-segment span.option{min-width:17px;padding:0px 10px;text-align:center;display:inline-block;margin:0px;cursor:pointer;border:1px solid #cccccc;}
.ui-segment span.option.disabled{color:#9e9e9e;cursor: not-allowed !important;}

.L .ui-segment span.option:not(:last-child){float:left;border-right: 0px;}
.R .ui-segment span.option:not(:last-child){float:right;border-left: 0px;}
.segment-select{display:none}

/********************
	require alert
********************/
.reqStar{vertical-align: top;color:#FD4040;font-size: 7px;padding:3px 5px 0px 5px;max-width: 16px;box-sizing: border-box;}
.autTipError{position: absolute;background-color:rgba(162,32,32,.9);color:#ffffff;margin-top:0px;padding:0px 3px;border:1px solid #fff;line-height:22px;z-index: 2;}
.autTipError:after{position:relative;font-family:"iconFont";content:"\e145";font-size:11px;color:#FBFB00;margin:0px 5px;display:inline-block;clear:none;}
.L .autTipError:after{float:left;}
.R .autTipError:after{float:right;}
.autTipError:before{content:'';display:inline-block;position:absolute;top:5px;height: 0px;border-style: solid;width: 0px;}
.L .autTipError:before{left:-10px;border-width:6px 10px 6px 0;border-color: transparent rgba(162,32,32,.9) transparent transparent;}
.R .autTipError:before{right:-10px;border-width: 6px 0 6px 10px;border-color: transparent transparent transparent rgba(162,32,32,.9);}

/********************
	input helper
********************/
.inputHelper{position: absolute;display: none;min-height: 25px; max-height: 25px;line-height: 25px;padding: 0px 4px;background-color: #929292;color: #ffffff;opacity: 0.9; }
.inputHelper.active{display: inline;}
.inputHelper.active.hide{display: none !important;}
.inputHelper.hand:hover{opacity: 1; }
input:focus~.inputHelper{box-shadow: unset !important;} /* overload bootstarp css */

/********************
	tooltips
********************/
.tooltipIcon{float: none !important;color: #008DD0;font-size: 13px;cursor: help;}
.tooltipIcon:hover, .tooltipIcon:active,.tooltipIcon:focus{color: #027DB7;}
.L .tooltipIcon, .R .left .tooltipIcon{margin-left: 3px;}
.R .tooltipIcon, .L .right .tooltipIcon{margin-right: 3px;}
.dataFormInput .tooltipIcon,.inputWithoutCont .tooltipIcon{position: absolute;margin-top: 12px;}
.tooltipstered.helpTheme{cursor: help;border-bottom: 1px dotted;}
.gridTable .header .tooltipIcon, .gridTable tr:first-child .tooltipIcon,
.gridTable .header .tooltipIcon:hover, .gridTable tr:first-child .tooltipIcon:hover,
.gridTable .header .tooltipIcon:active, .gridTable tr:first-child .tooltipIcon:active,
.gridTable .header .tooltipIcon:focus, .gridTable tr:first-child .tooltipIcon:focus{color: #FFFFFF !important;}

/********************
	error cont
********************/
#errorCont .contact{margin-top: 10px;}
#errorCont .contact p{color: blue;}
#errorCont .dataCont{float: left;clear: both;margin-top: 5px}
#errorCont .dataCont .title{float:left;text-align: right;width: 60px;}
#errorCont .dataCont .data{float:left;text-align: left;margin-left: 5px;color: red;}
#errorCont .gridTable{padding: 10px 0px 10px 0px;}
#errorCont .gridTable tr:first-child td{text-align: center;}

/********************
	warning cont
********************/
.warningCont {width:100%;clear:both;margin: 10px 0px;padding:15px;line-height:20px;color:#2b2b2b;background-color:#F0B8B8;text-align: center;font-size: 14px;border: 1px solid #C97777;}
.warningAction {font-weight: bold;color:#BE0606;}
.warningCont.icon-warning:before{font-size: 20px;}
#dialogBox .warningCont{padding: 5px 15px !important;margin: 3px 0px !important;}

/********************
	gmap:google map
********************/
#gmap .controls{margin-top: 10px;border: 1px solid transparent;border-radius: 2px 0 0 2px;box-sizing: border-box;-moz-box-sizing: border-box;height: 32px;outline: none;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);}
#gmap #gmapSearchInput{background-color: #fff;font-family: Roboto;font-size: 15px;font-weight: 300; margin-left: 12px;padding: 0 11px 0 13px;text-overflow: ellipsis;width: 300px;}
#gmap #gmapSearchInput:focus{border-color: #4d90fe;}
.pac-container{ font-family: Roboto;z-index: 100000;}
.ui-dialog .ui-dialog-buttonpane{padding:0;margin:0;}

/********************
	navigator
********************/
.navigator2Cont{background-color:#DEDEDE;}
.navigatorCont{float:left;clear:both;margin-top: 5px;padding: 10px 10px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;}
.navigatorAction,.navigatorInfo{width: 50%}
.navigatorAction{text-align: right;}
.navigatorInfo{text-align: left;}
.navigatorAction span:before {
	font-family:"iconFont";
	position: relative;
	font-weight: normal;
	font-style: normal;
	font-size:10px;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	line-height:18px;
	padding: 1px 2px;
}
.navigatorAction span:hover:before{background-color: #ccc;}
.navigatorAction span.disabled:before{color: #ccc}
.navigatorAction span.disabled:hover:before{background-color:transparent;}

.navigatorCont span{padding: 0px 2px;}
.L .navigatorAction .pageInfo  span,.L .navigatorInfo span{float: left;}
.R .navigatorAction .pageInfo span,.R .navigatorInfo span{float: right;}

.navigatorAction input{width: 30px}

/********************
	SiginaturePad
********************/
.signaturePad{position:absolute;top:0;background:#fff;box-shadow:0px 0px 1px;}
.signaturePadButtonCont{position:absolute;left:0;bottom:10px;opacity:0.92;}
.L .signaturePadButtonCont{left:0;}
.R .signaturePadButtonCont{right:0;}

/********************
	aut-color
********************/
.aut-color.bg-primary	,.selected.bg-primary	{background-color: #1F64A1 !important;}
.aut-color.bg-success	,.selected.bg-success	{background-color: #5cb85c !important;}
.aut-color.bg-info		,.selected.bg-info		{background-color: #3AA0BE !important;}
.aut-color.bg-warning	,.selected.bg-warning	{background-color: #DF9936 !important;}
.aut-color.bg-danger	,.selected.bg-danger	{background-color: #d9534f !important;}
.aut-color.bg-gray		,.selected.bg-gray		{background-color: #666666 !important;}
.aut-color.bg-transparent						{background-color: transparent !important;}

.gridCont .aut-color.bg-primary,
.gridTable .aut-color.bg-primary	{background-color: rgba(190, 207, 221,1) !important;}
.gridCont .aut-color.bg-success,
.gridTable .aut-color.bg-success	{background-color: rgba(190, 231, 190,1) !important;}
.gridCont .aut-color.bg-info,
.gridTable .aut-color.bg-info		{background-color: rgba(206, 231, 239,1) !important;}
.gridCont .aut-color.bg-warning,
.gridTable .aut-color.bg-warning	{background-color: rgba(234, 210, 176,1) !important;}
.gridCont .aut-color.bg-danger,
.gridTable .aut-color.bg-danger		{background-color: rgba(231, 188, 187,1) !important;}
.gridCont .aut-color.bg-gray,
.gridTable .aut-color.bg-gray		{background-color: rgba(102, 102, 102,1) !important;}

.gridCont .aut-color.bg-primary:hover,
.gridTable .aut-color.bg-primary:not(.noHover):hover	{background-color: rgba(190, 207, 221,.7) !important;}
.gridCont .aut-color.bg-success:hover,
.gridTable .aut-color.bg-success:not(.noHover):hover	{background-color: rgba(190, 231, 190,.7) !important;}
.gridCont .aut-color.bg-info:hover,
.gridTable .aut-color.bg-info:not(.noHover):hover		{background-color: rgba(206, 231, 239,.7) !important;}
.gridCont .aut-color.bg-warning:hover,
.gridTable .aut-color.bg-warning:not(.noHover):hover	{background-color: rgba(234, 210, 176,.7) !important;}
.gridCont .aut-color.bg-danger:hover,
.gridTable .aut-color.bg-danger:not(.noHover):hover		{background-color: rgba(231, 188, 187,.7) !important;}
.gridCont .aut-color.bg-gray:hover,
.gridTable .aut-color.bg-gray:not(.noHover):hover		{background-color: rgba(102, 102, 102,.7) !important;}

.aut-color.txt-primary{color: #1F64A1 !important;}
.aut-color.txt-success{color: #5cb85c !important;}
.aut-color.txt-info	  {color: #3AA0BE !important;}
.aut-color.txt-warning{color: #DF9936 !important;}
.aut-color.txt-danger {color: #d9534f !important;}
.aut-color.txt-gray   {color: #666666 !important;}
.aut-color.txt-white  {color: #ffffff !important;}

/********************
	basic icon
********************/
.ui-icon.ui-icon-loading{background: url(../img/icons/progress.gif) no-repeat}
.ui-icon.ui-icon-true{background: url(../img/icons/check.gif) no-repeat}
.ui-icon.ui-icon-upload{background: url(../img/icons/upload.png) no-repeat}
.ui-icon.ui-icon-false,.ui-icon.ui-icon-delete{background: url(../img/icons/cross.gif) no-repeat}
.R .ui-autocomplete-input{background:#ffffff url(../img/icons/search.png) no-repeat left 2px center;padding-left:20px;box-sizing: border-box;}
.L .ui-autocomplete-input{background:#ffffff url(../img/icons/search.png) no-repeat right 2px center;padding-right:20px;box-sizing: border-box;}
.R .ui-autocomplete-loading { background: url(../img/icons/progress.gif) no-repeat ;background-position : left ; }
.L .ui-autocomplete-loading { background: url(../img/icons/progress.gif) no-repeat ;background-position : right ; }

/********************
	border raduis
********************/

.round-top-left #main .ui-layout-title,.round-top-left #topMenu .msgTopCont,.round-top-left #topMenu .msgTopContPlus,.round-top-left #topMenu .global-info,.round-top-left #dialogBox,.round-top-left #dialogBox > .header,.round-top-left .fieldsetTitle, .round-top-left .fieldsetDataCont:not(.tabDataCont), .round-top-left .btnCont, .round-top-left .card, .round-top-left .card-header, .round-top-left .media, .round-top-left .media>*, .round-top-left .bpmnDiagramCont{border-top-left-radius:20px;}
.round-top-left select, .round-top-left textarea,.round-top-left input:not([type=checkbox]):not([type=radio]), .round-top-left .menuCont .menuIcon, .round-top-left.L .ui-segment .option:first-child, .round-top-left.R .ui-segment .option:last-child, .round-top-left.L .inputHelper[data-position-begin], .round-top-left.R .inputHelper:not([data-position-begin]){border-top-left-radius:8px;}
.round-top-left #login #loginForm #loginBtn,.round-top-left #login #loginForm input, .round-top-left button,.round-top-left .button,.round-top-left input[type="button"]:not(*[class*="ui-"]),.round-top-left input[type="reset"],.round-top-left input[type="submit"], .round-top-left .warningCont{border-top-left-radius:15px;}

.round-top-right #main .ui-layout-title,.round-top-right #topMenu .msgTopCont,.round-top-right #topMenu .msgTopContPlus,.round-top-right #topMenu .global-info,.round-top-right #dialogBox, .round-top-right #dialogBox > .header,.round-top-right .fieldsetTitle, .round-top-right .fieldsetDataCont:not(.tabDataCont), .round-top-right .btnCont, .round-top-right .card, .round-top-right .card-header, .round-top-right .media, .round-top-right .media>*, .round-top-right .bpmnDiagramCont{border-top-right-radius:20px;}
.round-top-right select, .round-top-right textarea, .round-top-right input:not([type=checkbox]):not([type=radio]), .round-top-right .menuCont .menuIcon, .round-top-right.L .ui-segment .option:last-child, .round-top-right.R .ui-segment .option:first-child, .round-top-right.L .inputHelper:not([data-position-begin]), .round-top-right.R .inputHelper[data-position-begin]{border-top-right-radius:8px;}
.round-top-right #login #loginForm #loginBtn,.round-top-right #login #loginForm input, .round-top-right button,.round-top-right .button,.round-top-right input[type="button"]:not(*[class*="ui-"]),.round-top-right input[type="reset"],.round-top-right input[type="submit"], .round-top-right .warningCont{border-top-right-radius:15px;}

.round-bottom-left #main .ui-layout-title,.round-bottom-left #topMenu .msgTopCont,.round-bottom-left #topMenu .msgTopContPlus,.round-bottom-left #topMenu .global-info, .round-bottom-left #dialogBox, .round-bottom-left #dialogBox #dialogButtons, .round-bottom-left .fieldsetTitle.close,.round-bottom-left .fieldsetDataCont, .round-bottom-left .btnCont, .round-bottom-left .card, .round-bottom-left .card-footer, .round-bottom-left  .card.close .card-header, .round-bottom-left .media, .round-bottom-left .media>*, .round-bottom-left .bpmnDiagramCont{border-bottom-left-radius:20px;}
.round-bottom-left select, .round-bottom-left textarea, .round-bottom-left input:not([type=checkbox]):not([type=radio]), .round-bottom-left .menuCont .menuIcon, .round-bottom-left.L .ui-segment .option:first-child, .round-bottom-left.R .ui-segment .option:last-child, .round-bottom-left.L .inputHelper[data-position-begin], .round-bottom-left.R .inputHelper:not([data-position-begin]){border-bottom-left-radius:8px;}
.round-bottom-left #login #loginForm #loginBtn,.round-bottom-left #login #loginForm input, .round-bottom-left button,.round-bottom-left .button,.round-bottom-left input[type="button"]:not(*[class*="ui-"]),.round-bottom-left.L input[type="reset"],.round-bottom-left input[type="submit"], .round-bottom-left .warningCont{border-bottom-left-radius:15px;}

.round-bottom-right #main .ui-layout-title,.round-bottom-right #topMenu .msgTopCont,.round-bottom-right #topMenu .msgTopContPlus,.round-bottom-right #topMenu .global-info, .round-bottom-right #dialogBox, .round-bottom-right #dialogBox #dialogButtons, .round-bottom-right .fieldsetTitle.close, .round-bottom-right .fieldsetDataCont, .round-bottom-right .btnCont, .round-bottom-right .card, .round-bottom-right .card-footer, .round-bottom-right .card.close .card-header, .round-bottom-right .media, .round-bottom-right .media>*, .round-bottom-right .bpmnDiagramCont{border-bottom-right-radius:20px;}
.round-bottom-right select, .round-bottom-right textarea, .round-bottom-right input:not([type=checkbox]):not([type=radio]), .round-bottom-right .menuCont .menuIcon, .round-bottom-right.L .ui-segment .option:last-child, .round-bottom-right.R .ui-segment .option:first-child, .round-bottom-right.L .inputHelper:not([data-position-begin]), .round-bottom-right.R .inputHelper[data-position-begin]{border-bottom-right-radius:8px;}
.round-bottom-right #login #loginForm #loginBtn,.round-bottom-right #login #loginForm input, .round-bottom-right button,.round-bottom-right .button,.round-bottom-right input[type="button"]:not(*[class*="ui-"]),.round-bottom-right input[type="reset"],.round-bottom-right input[type="submit"], .round-bottom-right .warningCont{border-bottom-right-radius:15px;}

.round-top-left .fieldsetTitle + .fieldsetDataCont{border-top-left-radius:unset !important;}
.round-top-right .fieldsetTitle + .fieldsetDataCont{border-top-right-radius:unset !important;}

.card-group .card:not(:first-child) .media> div:first-child.media-item,
.card-group .card:not(:last-child) .media> .media-body + .media-item{border-radius:unset !important;}

.L .media>div:first-child.media-item,.R .media>.media-body + .media-item{border-top-right-radius:unset !important;border-bottom-right-radius:unset !important;}
.R .media>div:first-child.media-item,.L .media>.media-body + .media-item{border-top-left-radius:unset !important;border-bottom-left-radius:unset !important;}

/*.round-bottom-left table tr:last-child td:first-child{
	border-bottom-left-radius: 10px;
}*/

.autocompleteCont{border-radius:4px;}

/* fix bootsrap rtl bugs*/
@media (min-width: 576px){

	body.R .card-group .card:first-child,
	body.R .card-group .card:first-child .card-header,
	body.R .card-group .card:first-child .card-footer{border-bottom-left-radius:0;border-top-left-radius:0}

	body.R.round-top-right .card-group .card:first-child,
	body.R.round-top-right .card-group .card:first-child .card-header{border-top-right-radius:20px;}

	body.R.round-bottom-right .card-group .card:first-child,
	body.R.round-bottom-right .card-group .card:first-child .card-footer{border-bottom-right-radius:20px;}
	/*
	body.R .card-group .card:first-child .card-img-top{border-top-right-radius:inherit;border-top-left-radius:0}
	body.R .card-group .card:first-child .card-img-bottom{border-bottom-right-radius:inherit;border-bottom-left-radius:0}
	*/

	body.R .card-group .card:last-child,
	body.R .card-group .card:last-child .card-header,
	body.R .card-group .card:last-child .card-footer{border-bottom-right-radius:0;border-top-right-radius:0}

	body.R.round-top-left .card-group .card:last-child,
	body.R.round-top-left .card-group .card:last-child .card-header{border-top-left-radius:20px;}

	body.R.round-bottom-left .card-group .card:last-child,
	body.R.round-bottom-left .card-group .card:last-child .card-footer{border-bottom-left-radius:20px;}
	/*
	body.R .card-group .card:last-child .card-img-top{border-top-left-radius:inherit;border-top-right-radius:0}
	body.R .card-group .card:last-child .card-img-bottom{border-bottom-left-radius:inherit;border-bottom-right-radius:0}
	*/

	body.R .card-group>.card:not(:first-child):not(:last-child):not(:only-child),
	body.R .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,
	body.R .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header{border-radius:0px;}

}
/**************************************************************
						scrollbars
***************************************************************/
.scrollSection{min-width:100%;}
.L .scrollSection{float:left;}
.R .scrollSection{float:right;}

::-webkit-scrollbar {width: 10px;height: 10px;} /* -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.3);*/
::-webkit-scrollbar-thumb:vertical {height: 10px;}
::-webkit-scrollbar-thumb:horizontal {width: 10px;}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {display: block;height: 1px;width:1px}
::-webkit-scrollbar-button:vertical:increment { background-color: #CCC; background: transparent;}
::-webkit-scrollbar-track ,
::-webkit-scrollbar-track-piece,
::-webkit-scrollbar-thumb:vertical,
::-webkit-scrollbar-thumb:horizontal{ -webkit-border-radius: 2px;} /*-webkit-border-radius: 4px;*/
::-webkit-scrollbar-corner {display: none;}

::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);}
:hover::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.5);}


.subTopMenu::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.4);}
.subTopMenu:hover::-webkit-scrollbar-thumb:active, .subTopMenu:hover::-webkit-scrollbar-thumb:focus{background-color:rgba(0,0,0,0.8);}

/*.pane::-webkit-scrollbar {display: none;}*/
/*.pane:hover::-webkit-scrollbar {display: block;}*/
/*.pane.has-card-fullscreen:hover::-webkit-scrollbar {display: none;}*/

.ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar {width: 12px;height: 12px;display: block;}
.ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-button:vertical:increment { background-color: rgba(70, 121, 162, 0.4); background: transparent;}
.ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-thumb{background-color:rgba(70, 121, 162, 0.4);}
.ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-thumb:hover{background-color:rgba(70, 121, 162, .66);}

.fieldsetDataCont::-webkit-scrollbar {width: 8px;height: 8px;}


/**************************************************************
						Maintenance page
***************************************************************/
.maintenanceContent{display: block !important;background: #D25848 !important;}
.maintenanceContent .aut-icon{margin-top:4%;}
.maintenanceContent .aut-icon:before{float: none !important;margin: 10px 0px;background: whitesmoke;padding: 50px;color: #D25848;border-radius: 50%;font-size: 120px;	}
.maintenanceContent .text{font-size: 25px;line-height: 40px;color: #FFF;}

/**************************************************************
						Screen saver
***************************************************************/
#screen {display:none;background-attachment:fixed;background-position:bottom center;background-repeat:no-repeat;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index:9000;background-size: cover !important;} /* update  */
#screen #screenClock *{font-family: serif;text-shadow: 4px 2px 46px #000;}
#screen #time{font-size: 5.5rem;}
#screen #time small,#screen #date{font-size: 2.5rem !important;}
.R #screen #date{direction: rtl;}


/**************************************************************
						home boxes ... 
***************************************************************/
#mainMenu .Boxtitle:after{background-color:#F3F3F3;}
.R #mainMenu .supportBox,.R #mainMenu .Boxtitle,.R #mainMenu .boxImg,.R #mainMenu .box{float: right;}
.L #mainMenu .supportBox,.L #mainMenu .Boxtitle,.L #mainMenu .boxImg,.L #mainMenu .box{float: left;}
#mainMenu .supportBox{position:relative;width:250px;margin:10px;}
#mainMenu .Boxtitle{height:35px ;width:100%;padding-top:5px;margin-bottom: 60px;font-weight:bold;color:#FFFFFF;text-align:center;border:1px solid transparent;border-bottom:0px;border-top:2px solid #808080;background-position: 50% 50%;-webkit-background-origin: padding-box;background-origin: padding-box;-webkit-background-clip: border-box;background-clip: border-box;-webkit-background-size: auto auto;background-size: auto auto;
	background: -webkit-linear-gradient(-90deg, rgba(210, 208, 208, 1) 0, rgba(145, 145, 145, 1) 24%, rgba(95, 95, 95, 1) 50%, rgba(76, 69, 70, 1) 79%, rgba(53, 50, 51, 1) 100%);
	background:         linear-gradient(180deg, rgba(210, 208, 208, 1) 0, rgba(145, 145, 145, 1) 24%, rgba(95, 95, 95, 1) 50%, rgba(76, 69, 70, 1) 79%, rgba(53, 50, 51, 1) 100%);
}
.R #mainMenu .Boxtitle{border-radius:30px 0px 0px 0px; }
.L #mainMenu .Boxtitle{border-radius:0px 30px 0px 0px; }
#mainMenu .Boxtitle:after{position: absolute;width: 100%;height:54px;content: '';left: 0px;top: 28px;border-radius: 15%;border-bottom: 2px solid #A91919;}

#mainMenu .boxImg{width: 100%;height:50px;border-radius: 17%;position: absolute;top: 30px;}
#mainMenu .box{min-height:140px;width:100%;padding:10px 5px 5px 5px;background:#ffffff;border:1px solid #ccc;border-top: 0px;margin-top: -14px;border-bottom-width:12px;}
.R #mainMenu .box{border-bottom-right-radius:10px;}
.L #mainMenu .box{border-bottom-left-radius:10px;}
#mainMenu .box:before{position: absolute;width: 99%;height: 18px;bottom: 4px;left: 1px;background: #ffffff;content: '';border-radius: 50%;}

#mainMenu .box.news .evoslider{width: 238px;height: 99px;}
#mainMenu .boxImg.quote{background:url(../img/RAS/box_quote.jpg) no-repeat center bottom;}
#mainMenu .boxImg.news{background:url(../img/RAS/box_news.jpg) no-repeat center bottom;}
#mainMenu .boxImg.vote{background:url(../img/RAS/box_vote.jpg) no-repeat center bottom;}
#mainMenu .box.quote,#mainMenu .box.vote{height: auto;}
.box.quote .quoteTxt,#mainMenu .supportBox ul li{font-size:12px;font-weight:bold;color:#494949;line-height: 20px}
#mainMenu .supportBox ul li{clear:both;margin:0px;padding: 0px;list-style-position: inside;list-style-type: square;}
.L #mainMenu .supportBox ul li{text-align: left;}
.R #mainMenu .supportBox ul li{text-align: right;}
#mainMenu .box .more{position:absolute;bottom:15px;margin:15px 0px 5px 0px;font-size:11px;font-weight:bold;color:#A91919;font-style:normal}
.L #mainMenu .box .more{right:10px;}
.R #mainMenu .box .more{left:10px;}
/*
.title_td,.title_tr{font-weight:bold;padding:10px 10px 10px 10px;background-color:#CCCCCC}
.hover_tr:hover, .hover_tr:hover input{background-color: #f0f0f0;}
.panel{border:1px solid #ccc;padding:10px 0px;margin-bottom:10px}
.item{text-align: center;  background-color: #d6d9ff;  border:1px #616eff solid;}
.items{margin:3px;padding:12px;text-align: center; cursor: pointer;border: 1px gray solid; cursor: pointer;background-color: #f0f0f0;}
.items:hover{background-color: #949191;color: white; }
.selected_items{ background-color: #e64a4a; color: white; font-weight: bold;}
*/

@media print {
	html {height:auto !important;overflow:	visible !important;background: #f3f3f3;}
	#main>#content{overflow: inherit !important;}
	.ui-layout-container {overflow: inherit !important;}
	.ui-layout-resizer, .ui-layout-toggler {}
	.ui-layout-pane {height:100% !important;overflow:	visible !important;}
	.pane.ui-layout-north, .ui-layout-resizer-north{}
}
/**************************************************************
						BPMN ... 
***************************************************************/
.bpmnDiagramCont{background-color:#fff;}

.bpmnDiagramCont .bjs-container{}
.bpmnDiagramCont .diagram-note {
	background-color: rgba(66, 180, 21, 0.7);
	color: White;
	border-radius: 5px;
	font-family: Arial;
	font-size: 12px;
	padding: 5px;
	min-height: 16px;
	width: 50px;
	text-align: center;
}

.bpmnDiagramCont .needs-discussion:not(.djs-connection) .djs-visual > :nth-child(1) {
	stroke: rgba(66, 180, 21, 0.7) !important; /* color elements as red */
}
.bpmnDiagramCont .bjs-powered-by{display:none;}
.R .bpmnDiagramCont * {direction:ltr; text-align:left;}

/**************************************************************
						Dark Mode
***************************************************************/
.dark #login #loginBody {
	background-color: rgb(27 27 27 / 80%);
}
.dark #login #loginForm .password,
.dark #login #loginForm .loginId,
.dark .ui-autocomplete-input,
.dark input,
.dark textarea,
.dark select
{
	background-color: #313131;
}

.dark #login #loginForm input.error,
.dark .ui-autocomplete-input.error,
.dark input.error,
.dark textarea.error,
.dark select.error{
	background-color: rgb(80 57 57 / 90%) !important;
}
.dark input,
.dark textarea,
.dark .ui-autocomplete-input,
.dark select,
.dark .gridTable table tr:first-child td,
.dark .fileCont .fileNum{
	color: white;
}
.dark input:-webkit-autofill,
.dark textarea:-webkit-autofill,
.dark .ui-autocomplete-input:-webkit-autofill,
.dark select:-webkit-autofill
{
	-webkit-box-shadow: 0 0 0 1000px #3d4045 inset;
	-webkit-text-fill-color: white;
}

.dark ::placeholder {
	color: #a9a6a6;
}
.dark input:read-only,
.dark input:disabled,
.dark textarea:disabled,
.dark select:disabled{
	background-color: #565656 !important;
	color: #fc7878 !important;
}
.dark .attachCont .fileCont {
	border-bottom-color: #434343;
}
.dark .inputHelper {
	background-color: #747272;
	color: #ffffff;
}

body.dark{
	color: #dedede;
}

.dark .dataFormInput,
.dark .fileCont a{
	color: #d4d4d4;
}

.dark .ui-widget-content {
	color: #f9f8f8;
}

.dark .ui-state-default,
.dark .ui-widget-content .ui-state-default,
.dark .ui-widget-header .ui-state-default {
	border-color: #434343;
	background: #313131;
	color: #ffffff;
}

.dark .btn-bg-c,
.dark .title-bg-c,
.dark .btnCont,
.dark .card .card-footer
{
	background-color: #4a515b;
	color: white;
}
.dark .ui-widget-header{
	background: #4a515b;
}

.dark .dialog .hidDiv{
	background-color: #434343;
}
.dark #appContent .treeview ul,
.dark .treeview ul {
	background-color: #4554644f;
}

.dark .ui-widget-content {
	background-color: #242424;
	background-image: none;
	border-color: #434343;
}

.dark .ui-datepicker .ui-datepicker-header {
	background-color: #4a515b;
	background-image: none;
	border-color: #434343;
}

.dark .ui-widget-content a {
	color: #ffffff;
}

.dark .ui-state-hover,
.dark .ui-widget-content .ui-state-hover,
.dark .ui-widget-header .ui-state-hover,
.dark .ui-state-focus,
.dark .ui-widget-content .ui-state-focus,
.dark .ui-widget-header .ui-state-focus {
	background-color: #757575;
	background-image: none;
}

.dark .fieldsetCont,
.dark .fieldsetDataCont,
.dark .autocompleteCont,
.dark .valueCont,
.dark .ui-layout-title,
.dark .ui-segment span.option,
.dark .ui-widget-header,
.dark .title-b,
.dark .card,
.dark .card .card-header,
.dark .card .card-footer,
.dark #login #loginForm input,
.dark .gridTable td,
.dark .gridTable td:last-child,
.dark input[type="text"],
.dark input[type="number"],
.dark input[type="date"],
.dark input[type="select"],
.dark input[type="password"],
.dark textarea,
.dark select{
	border-color: #434343;
}

.dark .border {
	border-color: #434343 !important;
}

.dark .menuCont .menuTitle,
.dark #login #loginForm h2,
.dark #login #loginForm h3,
.dark .title-c
{
	color: #ffffff;
}

.dark .card-footer {
	background-color: #8b8b8b;
}

.dark .warningCont {
	background-color: #e78484;
	border-color: #d12929;
}

.dark .bg-white {
	background-color: #434343!important;
}

.dark .title-bg-c .ui-segment span.option,
.dark .card-footer .ui-segment span.option,
.dark .card.card-fullscreen,
.dark .autocompleteCont,
.dark .pane,
.dark #content,
.dark .dialog .content
{
	background-color: #242424;
}

.dark .text-muted {
	color: #bfc9d1 !important;
}

.dark .ui-segment span.option.active {
	background-color: #3AA0BE;
	color: #FFFFFF;
	border-color: #3AA0BE;
}

.dark .sp-picker-container,
.dark .sp-replacer {
	background-color: #3b3a3a;
}

.dark .gridTable tr:nth-child(2n+3),
.dark .rowCont .rowHover:nth-child(2n+2) {
	background-color: #161616;
}

.dark table td .aut-icon:before,
.dark button.link,
.dark button.link:before,
.dark .ui-widget-header
{
	color: #dadada;
}

.dark .gridTable tr:not(.noHover):hover,
.dark .gridTable tr.active,
.dark .rowCont .rowHover:hover,
.dark .rowHover:not(.noHover):hover {
	background-color: #424343;
}

.dark .gridTable .header,
.dark .gridTable tr:first-child,
.dark .gridTable tr:first-child:hover {
	background-color: #353a42 !important;
}

.dark .ui-icon,
.dark .ui-widget-content .ui-icon {
	background-image: url(../../../../Tools/libraryC/jquery/themes/1.10.4/base/images/ui-icons_222222_256x240-dark.png);
}

.dark .ui-icon.ui-icon-upload {
	background-image: url(../img/icons/upload.png);
}

.dark .gridCont .aut-color.bg-primary,
.dark .gridTable .aut-color.bg-primary {
	background-color: rgb(92 154 206 / 70%) !important;
}

.dark .gridCont .aut-color.bg-primary:hover,
.dark .gridTable .aut-color.bg-primary:not(.noHover):hover {
	background-color: rgb(92 154 206) !important;
}

.dark .gridCont .aut-color.bg-info,
.dark .gridTable .aut-color.bg-info {
	background-color: rgb(71 112 125 / 70%) !important;
}

.dark .gridCont .aut-color.bg-info:hover,
.dark .gridTable .aut-color.bg-info:not(.noHover):hover {
	background-color: rgb(71 112 125) !important;
}

.dark .gridCont .aut-color.bg-warning,
.dark .gridTable .aut-color.bg-warning {
	background-color: rgb(183 120 31 / 70%) !important;
}

.dark .gridCont .aut-color.bg-warning:hover,
.dark .gridTable .aut-color.bg-warning:not(.noHover):hover {
	background-color: rgb(183 120 31) !important;
}

.dark .gridCont .aut-color.bg-danger,
.dark .gridTable .aut-color.bg-danger {
	background-color: rgb(170 40 37 / 70%) !important;
}
.dark .gridCont .aut-color.bg-danger:hover,
.dark .gridTable .aut-color.bg-danger:not(.noHover):hover {
	background-color: rgb(170 40 37) !important;
}

.dark .gridCont .aut-color.bg-success,
.dark .gridTable .aut-color.bg-success {
	background-color: rgb(49 120 49 / 70%) !important;
}

.dark .gridCont .aut-color.bg-success:hover,
.dark .gridTable .aut-color.bg-success:not(.noHover):hover {
	background-color: rgb(49 120 49) !important;
}

.dark .ui-state-highlight,
.dark .ui-widget-content .ui-state-highlight,
.dark .ui-widget-header .ui-state-highlight {
	background-color: #615d43;
}