.sidebar{color:#fff!important;}
.notice{z-index:5500;background-color:#ffff00;top:200px;left:1280px;color:#000;height:200px;width:400px;border:1px solid #fff;position:absolute;color:#000;box-shadow: 0 0 10px #000;font-size:14px;cursor:move}
.notice .head{background-color: #000090;color:#fff;padding:5px;font-weight: bold}
.notice .text{padding:5px}
.hidden{display:none;visibility: hidden;}
.task{border:1px solid #ccc;border-radius:25px;padding:0;max-width:800px;padding:25px;margin-bottom: 15px;position: relative}
.taskNo{background-color: #77a9ed;color:#fff;font-size: 20px;padding:10px 20px;border-radius: 0  25px 0 25px;width:65px;font-weight:bold;position:absolute;top:0;right:0}
.fl{float:left}
.fr{float:right}
.cb{clear:both}
h4.access_denied{margin:20px;}
.cutLongText{max-width:250px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.formular input{max-width:300px}
.logout{padding:30px}
#firstName,label[for=firstName]{margin-left:12px}
.login{padding:50px}
.login .btn{width:150px}
.login h5{padding:20px 0;margin:0}
.docDetailsClapper{margin-bottom:15px;cursor:pointer;display:inline-block}
.docDetailsClapperContent{display:none}
.docDetailsClapper.ddc2{margin-left:90px;}
.infoBox{margin-left:25px;border-radius:15px;color:#fff;padding:5px 15px;display: inline-block}
.iBlue{background-color: #77a9ed}
.iGreen{background-color: #007F00}
.iRed{background-color:#900000}
#frmAdminLogin #email,#frmAdminLogin #password{width:400px;padding:10px;margin-bottom:5px}
#frmAdminLogin #submit{width:150px}
#firstName,#lastName{width:300px}
#fileUploadStatus{display:none}
#category{width:613px}
.printview,.catName{cursor:pointer}
.myDocButton{width:100px!important;margin-left:10px}
#fileToUpload{padding-top:0;padding-bottom:0}
.cp{cursor:pointer}
.talignR{text-align:right}
.ml52{margin-left:52px}
.mt36{margin-top:36px}
.ml-11,
.mx-11 {
  margin-left: 16rem !important;
}
.nav-itemm,.nav-link{padding-top:0!important;padding-bottom:0!important}
.subtitle{
    color: rgba(255,255,255,.8);
    font-family: Nunito,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 0.65rem;
    font-weight: 400;
    line-height: 1.5;
    margin-left:15px;
}
#title,#description,#responsible{
    max-width:800px!important;
}
.radioGroup{
    border:1px solid #ddd;
    border-radius: 20px;
    padding:10px;
    margin-bottom:10px;
}
.radioGroupDetail_n {
    display:none;
}
.radioGroup fieldset label{
    padding-left:10px;
    padding-right:60px;
}
.formular select{
 width:200px;
 border-radius: 20px;   
}
#headerTitle{color:#000;font-size:22px}
@media screen and (max-width: 1400px) {
    #headerTitle{font-size:18px}
}
@media screen and (max-width: 1000px) {
    #headerTitle{font-size:16px}
}
@media screen and (max-width: 800px) {
    #headerTitle{font-size:14px}
}
@media screen and (max-width: 600px) {
    #headerTitle{font-size:12px}
}
.adminform{overflow:hidden}
#search{padding:0 10px}
select, textarea, input {border-radius:10px!important}
.login select,.login textarea, .login input{padding:5px}
.p5{padding:5px}
.w300{width:300px!important}
.w480{width:480px!important}
.w650{width:650px!important}
.w686{width:686px!important;max-width:686px!important}
.w700{width:700px!important}
.w750{width:750px!important}
.w800{width:800px!important}
.w870{width:870px!important}
.h560{height:560px!important}
.h580{height:580px!important}
.h650{height:650px!important}
.h700{height:700px!important}
.h750{height:750px!important}
.h800{height:800px!important}
.minW400{min-width:400px}
.minW600{min-width:600px}
.maxW900{max-width:900px}

.mb5{margin-bottom:5px}
.mb15{margin-bottom:15px}
.mt15{margin-top:15px}
.mt32{margin-top:32px}
.userDeleteDlg{position: absolute;z-index:999999;top:20%;left:30%}
#embedding{border:2px solid rgb(17, 16, 53);}
.myDocElement{color:#000080}
#myDocsImage{max-width:400px;max-height:400px}
#taskArea .task #first_name{margin-right:5px;width:200px}
#profile input.field{padding:5px;width:500px}
#Category #tabCategory{width:100%}
#Category #tabCategory tr{border-bottom:1px solid;}
#newCatName{padding:5px;width:500px}
#boxAroundNewDataAndEditDialog{width:100%;height:100%;position: absolute;top:0;left:0}
#newDataAndEditDialog{overflow:hidden;display:block;background-color: #fff;margin:30px auto;padding:20px;border-radius: 20px;}
#newDataAndEditDialog .field{width:500px;padding:5px 10px;margin-top:5px}
#newDataAndEditDialog.dlgDoc img {max-width:700px;max-height:700px}
#newDataAndEditDialog.dlgDoc img.myDocShrinkPicture{max-width:600px!important;max-height:600px!important}
.innerDlgUsr,.innerDlgDoc,.innerDlgRas{margin-top:-50px}
#btnClose.car{position: relative;top:-15px;left:690px;display:block}
#btnClose.com{position: relative;top:-15px;left:690px;display:block}
#btnClose.usr{position: relative;top:-35px;left:690px;display:block}
#btnClose.doc{position: relative;top:-10px;left:98%;display:block}
#btnClose.ras{position: relative;top:-35px;left:98%;display:block}
#usrDelete{position: relative;top: -10px;left: 600px;display:inline-block}
#docDelete{position: relative;top: -35px;left: 700px;display:inline-block}
#rasDelete{position: relative;top: -10px;left: 700px;display:inline-block}
.noarea{color:#fff;padding-left:15px;font-size:12px}
.overlayer {position:fixed;width: 100%;height:100%;top:0;left:0;right:0;bottom:0;background-color: rgba(0,0,0,0.5);z-index:2;}
#statusmessage{position:fixed;top:-25;padding:8px 15px;line-height:25px;background-color: #aaa;color:#000;margin-bottom:-25px;min-height:60px;font-weight:bold;right:50px;z-index:5;width:300px;border-radius:20px;text-align: center;}
form.disabled input,form.disabled select,form.disabled textarea{pointer-events: none;background-color:#aaa}
.redDoc{background-color:#ff0000;color:#fff;font-weight: bold};
.myTable{min-width: 800px}
.myTable .category{padding-left:30px}
.myTable tbody tr:hover{background-color: #77a9ed;font-weight:bold;cursor:pointer}
.myTable tr{border: 1px solid #DDD}
.myTable td.description{white-space: nowrap;text-overflow: ellipsis}
.msgtext{text-decoration:none;color:#333}
.topbar div.dropdown-list{width:40rem!important;z-index:500}
#addTask{background-color:#007F00;border:1px solid #006f00}
table.scroll thead tr:after {
	content: '';
	overflow-y: scroll;
	visibility: hidden;
}
table.scroll thead th {
	flex: 1 auto;
	display: block;
}
table.scroll tbody {
	display: block;
	width: 100%;
	overflow-y: auto;
	height: auto;
    max-height: 500px;
}
table.scroll thead tr,
table.scroll tbody tr {
	display: flex;
}
table.scroll tbody tr td {
	flex: 1 auto;
	word-wrap: break;
}
.container-fluid.rasQviewMode{
    color:#000!important;
}
.container-fluid.rasQviewMode .radioGroup{border-radius:0!important}

@media /*screen*/ print {
    .card-body{padding:0!important}
    .card,.card-header{margin:0!important;padding:0!important}
    .card-header{padding-bottom:20px!important;}
    .navbar,header,footer,.scroll-to-top,#accordionSidebar{display:none!important}
    body,div.cards,.shadow{padding:0;margin:0;box-shadow:none!important;background-color: #fff!important;color:#000!important;}
    div,input,textarea,select{border:none!important}
}