i.md-40{font-size:40px!important}
i.md-30{font-size:30px!important}
i.md-20{font-size:20px!important}
i.md-16{font-size:16px!important}
.zero{top:0;left:0;height:0;width:0}
form,html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,textarea,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-family:Calibri}
form{width:100%;height:100%}
html{font-size:14px}
.checkBoxTD{width:10px}
.main-navigation{background-color:#f2f2f2;width:100%;height:60px;position:fixed;z-index:10;top:0;-webkit-user-select:none;outline:0}
.avatar{border-radius:2px;width:35px;position:static;height:35px;line-height:35px;vertical-align:middle}
.float-left{float:left}
.float-right{float:right}
div.ImportantPoints{padding:10px;font-size:12px;text-transform:none}
div.ImportantPoints ul,div.ImportantPoints ol{list-style-type:disc;margin-left:25px;padding:10px;padding-top:3px;font-size:12px;text-transform:inherit}
div.ImportantPoints ol{padding:10px;list-style-type:decimal-leading-zero}
.ui-autocomplete{position:absolute;cursor:default;margin-top:1px}
* html .ui-autocomplete{width:1px}
.hide{display:none}
.tableHeaderCheckbox{height:20px}
.btnPadding{padding-top:20px;text-align:center}
.ui-menu{list-style:none;padding:2px;display:block;float:left}
.ui-menu .ui-menu{margin-top:-3px}
.ui-menu .ui-menu-item{margin:0;padding:0;zoom:1;float:left;clear:left;width:100%}
.ui-menu .ui-menu-item a{text-decoration:none;font-size:13px;display:block;padding:3px 5px;line-height:1.5;zoom:1}
.ui-menu .ui-menu-item a.ui-state-hover,.ui-menu .ui-menu-item a.ui-state-active{font-weight:400;margin:-1px}
ui-widget{font-size:1.1em}
.ui-widget .ui-widget{font-size:1em}
.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-size:1em}
.ui-widget-content{border:2px solid #E6E6E6;background:#fff;color:#222;border-radius:4px}
.ui-widget-content a{color:#222}
.ui-widget-header{border:1px solid #aaa;background:#ccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;color:#222;font-weight:700}
.ui-widget-header a{color:#222}
ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #e1e1e1;background:#FDFDFD;font-weight:400;color:#26a69a}
ui-corner-all{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
.strong600{font-weight:600}
.strong700{font-weight:700}
.gray-link:hover{background-color:#e5e5e5;color:#7c7c7c}
.gray-link{color:#000;vertical-align:top;-ms-transition:all .29s ease-in-out 0;transition:all .29s ease-in-out 0;position:relative}
.alignc{text-align:center!important}
.pad-tb0{padding-top:0!important;padding-bottom:0!important}
.pad-lv3{padding:15px}
.pad-l{padding-left:5px}
li>a{display:block;text-decoration:none;color:#484848}
.inline-block{display:inline-block}
.account-name{line-height:30px;display:inline-block}
.smallFont10{font-size:10px}
.smallFont12{font-size:12px}
.smallFont14{font-size:14px}
#divContentBody{margin:0 45px;padding:20px 20px 110px;font-size:13.5px;letter-spacing:.2px}
h2{text-align:left;width:100%;text-transform:uppercase;font-weight:700;font-size:18px;vertical-align:middle}
table{width:100%}
::selection{color:#fff;background:#358260}
th{background:#fbfbfb;font-weight:700;cursor:pointer;border:1px solid #e5e5e5;padding:5px;height:25px}
td{border:1px solid #ddd;padding:5px;height:25px}
.tdWidth25{width:25%}
.firstTD{width:100px;vertical-align:middle;padding-left:center}
.firstTD140{width:130px}
.firstTD25px{width:25px}
.firstTD60px{width:62px}
.firstTD75px{width:75px} 
.firstTD img,.firstTD140 img{cursor:pointer;padding:2px}
.checkBoxTD{width:10px;text-align:center}
.paging{padding:4px;background-color:#fbfbfb}
.paging .rightArrow{background:url(/images/icons.png) no-repeat -290px -52px;}
.paging .leftArrow{background:url(/images/icons.png) no-repeat -290px -80px;}
.display-row{display:table-row}
.display-cell{display:table-cell;padding:4px}
.textAlign-right{text-align:right}
.filterButton,.PageItemsButton,.otherbutton{background:#e0e0e0;-webkit-border-radius:3;-moz-border-radius:3;border-radius:3px;color:#000;padding:5px 16px;cursor:pointer;text-decoration:none;border:none}
.filterButton:hover,.PageItemsButton:hover,.otherbutton:hover{background:#e7e7e7;color:#a3a3a3}
.footer{color:#484848;text-align:center;position:fixed;bottom:0;right:0;width:100%;background:#fbfbfb;opacity:.7;padding-top:5px;border-top:1px solid #f0f0f0}
.footer a.logo{line-height:35px;vertical-align:middle;display:inline-flex;margin:auto;font-size:18px;height:35px;font-weight:700;color:#000}
.footer a.logo img{margin-right:5px}
table.addTable tr td{padding:3px 3px 3px 8px}
nav ul a .navImg{height:40px;max-width:100px;vertical-align:middle}
.DashBoardlogo{display:none}
.Squre{background-color:#000;color:#fff;display:inline-block;height:100px;margin:8px;cursor:pointer;box-shadow:2px 2px 5px #0e0e0e7a}
.Squre .Parent{width:200px;height:100px;vertical-align:middle;margin:auto;display:table}
.Squre .Round,.showOnHover{vertical-align:middle;display:table-cell;height:100px;width:200px;text-align:center}
.Squre .showOnHover{padding:1px;display:none;max-height:100px;height:auto}
.Squre:hover .showOnHover{display:table-cell}
.Squre .showOnHover div{padding:0;height:15px;font-size:12px;font-weight:600;text-transform:uppercase}
.Squre:hover .Round{display:none}
.rightSideMenu{background:url(/images/icons.png) no-repeat 0 -212px;width:35px;height:35px;margin:auto}
.forSchoolSession{background-position:-195px -389px}
.mastersetting{background-position:-195px -350px}
.sidedropdown30{background-position:-195px -310px}
.SearchIconBar{background-position:-195px -269px}
.height64{height:64px}
.Squre .Round .iconsDiv{padding:10px 18px;font-weight:700;font-size:13px}
span.field-validation-valid{display:none} 
.border-div span.field-validation-error{margin-top:0}
.field-validation-error2{color:Red}
div.input-picker{width:300px;min-width:300px;max-width:300px;min-height:150px;max-height:150px;height:150px}
div.boxItemTable{overflow-y:scroll;height:250px}
table tr table table.innerTableWithScroll{width:100%}
table tr table table.innerTableWithScroll tr td{border:1px solid #e5e5e5;padding:2px}
.innerDivWithScroll{height:250px;overflow:scroll}
div.tabs{display:inline-block;width:100%}
ul.tab-links{list-style:none;padding:0;margin:0;height:20px;display:inline-table}
ul.tab-links li{webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;border-bottom:1px solid #070707;width:155px;float:left;position:relative;display:block}
ul.tab-links li a{padding:4px 0}
ul.tab-links li:hover,ul.tab-links li.active{background-color:#eee}
.uploader{float:left;display:inline-block;position:relative;top:10px;margin-bottom:15px}
.img{display:inline-block;border:1px solid #ddd;border-radius:4px;padding:5px;transition:.3s}
.img:hover{box-shadow:0 0 2px 1px rgba (0,140,186,0.5)}
.permissionclass h3{padding:5px;text-align:center}
td.dashboard{cursor:pointer}
div.dashboardmenu{float:none;line-height:25px;padding-left:10px;border-bottom:1px solid #f1f1f1}
div.message{color:#006400}
.js-modal-Close{display:inline;float:right}
span.close{line-height:1;font-size:20px;position:absolute;top:20px;right:20px;text-decoration:none;color:#bbb;cursor:pointer}
span.close:hover{color:#222;-webkit-transition:color 1s ease;-moz-transition:color 1s ease;transition:color 1s ease}
.scroll-y{overflow-y:scroll;min-height:200px}
.imgLoad{z-index:1000;margin:300px auto;padding:10px;width:240px;background-color:#fff;border-radius:10px;filter:alpha(opacity=100);opacity:1;-moz-opacity:1}
h3{font-weight:700;text-transform:uppercase}
.multiple_emails-container input.multiple_emails-error{box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px red!important;outline:thin auto red!important}
.multiple_emails-container ul{list-style-type:none;padding-left:0}
.multiple_emails-email{margin:3px 5px;padding:3px 5px;border:1px #e6e6e6 solid;border-radius:3px;background:#fbfbfb}
.multiple_emails-close{float:right;margin:0 10px}
.uploadify{position:relative;margin-bottom:1em;top:10px}
.uploadify-button{background-image:url(/Uploadify/upload.png);background-repeat:no-repeat}
.uploadify-queue{margin-bottom:1em;position:absolute;right:0;z-index:99999}
.uploadify-queue-item{background-color:#F5F5F5;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font:11px Verdana,Geneva,sans-serif;margin-top:5px;max-width:350px;padding:10px;min-width:350px}
.uploadify-error{background-color:#FDE5DD!important}
.uploadify-queue-item .cancel a{background:url(/Uploadify/uploadify-cancel.png) 0 0 no-repeat;float:right;height:16px;text-indent:-9999px;width:16px;position:absolute;right:5px;top:10px}
.uploadify-queue-item.completed{background-color:#E5E5E5}
.uploadify-progress{background-color:#E5E5E5;margin-top:10px;width:100%}
.uploadify-progress-bar{background-color:#09F;height:3px;width:1px}
span.imgNotification{background:url(/images/icons.png) no-repeat -248px -316px; display: inline-block;width:25px;height:20px!important; vertical-align: middle;}
i.SideBtnnotification,i.edit,i.replicate,span.btnpopUpClose,i.imgDelete,.paging div.rightArrow,.paging div.leftArrow,i.st-approved, .st-resshedule,i.st-cancel,i.st-reply,div.IsNotCurrent,div.IsCurrent,div.Print,div.Pdf,i.st-smallCancel,i.st-smallTick,div.downloads,div.zipIcon{height:25px;width:25px;float:left;padding-left:5px;cursor:pointer}
i.edit{background:url(/images/icons.png) no-repeat -185px -368px; background-size:300px;} 
div.downloads{background:url(/images/icons.png) no-repeat -275px -456px; background-size:375px;} 
i.replicate{background:url(/images/smallicons.png) no-repeat -2px -363px;} 
i.imgDelete{background:url(/images/icons.png) no-repeat -224px -10px;background-size:300px;} 
span.btnpopUpClose{background:url(/images/icons.png) no-repeat -295px -155px; height:15px!important;width:22px;} 
i.SideBtnnotification{background:url(/images/icons.png) no-repeat -144px -227px; margin: 7px;}
i.SideBtnsms{background:url(/images/icons.png) no-repeat -178PX -66px;}
i.SideBtnimgUpload{background: url(/images/icons.png) no-repeat -176px -40px;}
i.SideBtnWhatsApp{background: url(/images/icons.png) no-repeat -235px -5px} 
i.SideBtnfileUpload{background:url(/images/icons.png) no-repeat -176px -102px;}
i.SideBtnActDeact{background:url(/images/icons.png) no-repeat -176PX -125px;}
i.SideBtnDelete{background:url(/images/icons.png) no-repeat -178PX -182px;} 
i.SideBtnadd{background:url(/images/icons.png) no-repeat -171px -6px;  }
i.SideBtnmenu{background:url(/images/icons.png) no-repeat -176px -150px; } 
i.SideReset{background:url(/images/icons.png) no-repeat -211px -211px; } 
i.SideEmail{background:url(/images/icons.png) no-repeat -211px -182px; } 
i.SideBtnCancel{background:url(/images/icons.png) no-repeat -178px -296px;}
i.SideBtnsms,i.SideBtnnotification,i.SideBtnimgUpload,i.SideBtnWhatsApp,i.SideBtnfileUpload,i.SideBtnActDeact,i.SideBtnDelete,i.SideBtnadd,i.SideBtnmenu,i.SideReset,i.SideEmail,i.SideBtnCancel{height: 25px;width: 25px;background-size: 280px;text-align: center;vertical-align: middle;}
i.black-menu{background:url(/images/icons.png) no-repeat -249px -286px;height: 30px!important;width: 30px; display: inline-block; vertical-align: middle; } 
span.downArrow{background: url(/images/icons.png) no-repeat -152px -56px;width: 15px;display: inline-block;background-size: 200px;height:8px!important; } 
div.imgexcell{background:url(/images/icons.png) no-repeat -295px -171px;width:20px;height:20px; cursor:pointer;float:right}
div.DwnAttachment{background:url(/images/icons.png) no-repeat -289px -198px;width:30px;height:16px} 
div.dashIcons{background:url(/images/icons.png) no-repeat 0 -212px;width:50px;height:50px;margin:auto}
i.st-approved{background:url(/images/icons.png) no-repeat -209px -158px;background-size:280px;}
.st-resshedule{background:url(/images/smallicons.png) no-repeat 0 -363px}
 
i.st-cancel{background:url(/images/icons.png) no-repeat -204px -314px;background-size:320px;}
i.st-reply{background:url(/images/icons.png) no-repeat -164px -231px; background-size:250px;height: 16px;width: 16px;}
i.st-smallTick{background: url(/images/icons.png) no-repeat -162px -122px;background-size: 214px;height: 16px;width: 16px;}
i.st-smallCancel{background: url(/images/icons.png) no-repeat -161px -244px; background-size: 248px;height: 16px;width: 16px;}
div.IsNotCurrent{background:url(/images/icons.png) no-repeat -206px -249px; background-size:290px;}
div.IsCurrent{background:url(/images/icons.png) no-repeat -229px -300px; background-size:320px;}

div.Pdf{background:url(/images/icons.png) no-repeat -292px -123px;cursor:pointer;}
div.PdfSmall{background:url(/images/icons.png) no-repeat -229px -96px;background-size:300px;height:20px;width:19px; cursor:pointer;float:right;} 
div.zipIcon{background:url(/images/icons.png) no-repeat -312px -457px;height:46px;width:39px; } 
div.txt{background:url(/images/icons.png) no-repeat -320px -171px; height:20px;width:20px;float:right;cursor:pointer;}
div.Print{background:url(/images/icons.png) no-repeat -321px -124px}

div.TableTR0{width:100%;text-align:right;display:table-row;padding:5px}
div.TableTR0 a{padding-top:10px}
div.TableTD{width:156px;padding:10px 20px;display:table-cell;text-align:center;float:left}
div.TableTRPadding{padding:0 20px;margin-top:-10px;height:210px;}
div.video,div.youtube,div.image,div.file,div.music{height:150px;width:180px;float:left;padding-left:5px;cursor:pointer}
div.video{background:url(/images/learning.png) no-repeat 4px -2px}
div.youtube{background:url(/images/learning.png) no-repeat 4px -610px}
div.image{background:url(/images/learning.png) no-repeat 5px -320px}
div.file{background:url(/images/learning.png) no-repeat 6px -468px}
div.music{background:url(/images/learning.png) no-repeat 6px -165px}
div.TableTRB{text-align:right;border-bottom:1px solid #e5e5e5}
div.table{border-spacing:2px;width:100%;display:table}
div.tbody,div.thead,div.tfoot{display:table-row-group;width:100%}
div.thead{background:#fbfbfb;font-weight:700;text-align:center}
div.tableRow{display:table-row;min-height:30px}
div.tableRow:hover{background:#FDFDFD}
div.tablecell1,div.tablecell2,div.tablecellList,div.tablecell4,div.tablecell3{height:30px;display:table-cell;border:1px solid #e5e5e5;padding:0 5px;vertical-align:middle}
div.tablecell2{width:68%;padding:3px 3px 3px 8px}
div.tablecell1{width:27%;padding:3px 3px 3px 8px}
div.tablecell4{width:20%;padding:3px 3px 3px 8px}
div.tablecell3{width:10%;padding:3px 3px 3px 8px}
.thead div.tablecell1,.thead div.tablecell2,.thead div.tablecellList,.thead div.tablecell4,.thead div.tablecell3{text-align: left;}
.padding{padding:6px!important}
.checkBoxPadding{color: #9e9e9e;}
.AddMoreType{padding-left:45px}
.drpValidation{padding:8px 2px;float:left}
div.colspan{text-align:center;width:90%;padding:3px 0;position:absolute}
.onmouseclic{height:50px;padding-top:5px!important}
.menu-ul-li-0{line-height:30px}
.leftSideMenu{display:none;height:100%;cursor:pointer;padding:0 5px}
.Notification{height:60px}
.showhideonclick{display:none}
.checkboxlist{height:200px;overflow-y:scroll}
.searchcheckboxlist{overflow-y:scroll}
ul.tab-links2 li{width:120px}
div.ReplyRemark{color:gray;font-size:10px;padding-top:4px}
.ReplyRemark div.imgDelete{background:url(/images/icons.png) no-repeat 0 -63px;background-size:50px;height:15px;width:15px}
.ReplyRemark i.edit,div.smallEdit{background:url(/images/icons.png) no-repeat -90px -184px;background-size:150px;height:15px;width:15px;cursor:pointer;}
.replyList{border-right:0;border-top:0;background-color:#fafbf0;padding:3px;font-size:11px}
 
::-webkit-scrollbar{width:12px;height:12px;background-color:#f2f2f2}
::-webkit-scrollbar-thumb{border-radius:12px;background-color:#7c7c7c}
::-webkit-scrollbar-thumb:hover{background-color:#7c7c7c;border:1px solid #7c7c7c}
::-webkit-scrollbar-thumb:active{background-color:#575C5E;border:1px solid #575C5E}
.border-div{border:1px solid #e5e5e5;padding:5px;margin-bottom:1px}
.padding10px{padding:10px}
span.viewRecords,span.a,a.a,.btnToLink{color:#05AEE0;cursor:pointer;}
span.viewRecords :hover,span.a:hover,a.a:hover,.btnToLink:hover{color:#000;text-decoration:underline}
.tablecellList input:not([type]),.tablecellList input[type=text]:not(.browser-default),.tablecellList input[type=password]:not(.browser-default),.tablecellList input[type=email]:not(.browser-default),.tablecellList input[type=url]:not(.browser-default),.tablecellList input[type=time]:not(.browser-default),.tablecellList input[type=date]:not(.browser-default),.tablecellList input[type=datetime]:not(.browser-default),.tablecellList input[type=datetime-local]:not(.browser-default),.tablecellList input[type=tel]:not(.browser-default),.tablecellList input[type=number]:not(.browser-default),input[type=search]:not(.browser-default),.tablecellList textarea.materialize-textarea,.tablecell1 input[type=text]{font-size:12px;margin-bottom:8px;height:30px;}
.tablecellList [type="radio"]:not(:checked) + label,.tablecellList [type="radio"]:checked + label{font-size:12px}
span.jPicker{margin-top:-36px;float:right}
.searchscrolldiv,.pagescrolldiv{height:200px;overflow:scroll;position:relative;border-left: 1px solid #f2f2f2;}
.searchscrolldiv{height:150px;}
.btn-primary{ width: 13%;margin: 2px;position: relative;}


.top-paging { padding: 4px; width:150px;text-align:center;}
.top-paging .pagin-text{float: left;padding:4px;}
.top-paging .leftArrow{width: 15px;height: 25px;background: url(/images/icons.png) no-repeat -290px -80px;float: left;padding-left: 5px;cursor: pointer;}
.top-paging .rightArrow{width: 15px;height: 25px;background: url(/images/icons.png) no-repeat -303px -52px;float: left;padding-left: 5px;cursor: pointer;}
div.ColumnName{width:calc(50% - 5px);float:left;border:1px solid #e5e5e5;padding:5px;margin:1px;}

.loginBody{background-image:url(/images/b1.jpg);background-position:center bottom;background-repeat:no-repeat;background-size:cover;height:100%}
.loginBody .header{width:0;height:160px;background-position:top left;background-size:416px 118%;background-image:url(/images/2a.jpg);border-bottom:57px solid #fff;border-left:326px solid transparent}
.circle{height:80px;width:106px;margin:auto;background:#fff;margin-top:-90px;border:1px solid #EAEAEA;vertical-align:middle;display:inline-block;background-image:url(/images/LoginLogo.png);background-repeat:no-repeat;background-size:75%;background-position:center}
.backgrounddiv{position:fixed;opacity:.8;top:0;left:0;z-index:900;width:100%;height:100%;max-height:100%}
.tableLogin{background-color:#FFF;z-index:1000;opacity:1;box-shadow:5px 5px 10px rgba(0,0,0,0.8);top:10%;position:relative;text-align:center;width:326px;height:620px;min-width:300px}
.loginFields{padding: 10px 20px 0px 20px;}
.emptyAtnd{background-color:#ffbb33;}
div.Height80px{height:80px;width:14.10%;position:relative;padding:5px;} 
.floatmarge{position:absolute;right:5px;top:5px;}
div.Cldmonth{width: 1050px;height:30px;display:table-cell;padding:0 5px;vertical-align:middle}
div.nextbtn,div.prebtn{ position: absolute;  left: auto;width: 46px;white-space: nowrap;} 
.today,.nextbtn,.prebtn,span.monthname{    position: absolute;text-align:center;height: 30px; border: 1px solid #CECECE;color: #747473;left: auto;background: 0 0;text-decoration: none; font-weight: 700;}
.prebtn{right: 53px; -webkit-border-top-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-bottomleft: 5px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.nextbtn {right: 14px; -webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 5px;border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.today{-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;right: 123px;width: 80px;}
span.monthname{float:left;border:none;}
.dhx_cal_navline {height: 35px;position: relative;z-index: 3; color: #2F3A48;}
.ajax-file-upload-statusbar {border: 1px solid #00bcd4;margin-top: 10px;width: 100%;margin-right: 10px;margin: 5px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;padding: 5px 5px 5px 15px}
.ajax-file-upload-filename {height: auto;margin: 0 5px 5px 0px;}
.ajax-file-upload-filesize {width: 50px;height: auto;margin: 0 5px 5px 0px;display: inline-block;vertical-align:middle;}
.ajax-file-upload-progress {margin: 5px 10px 5px 0px;position: relative;width: 250px;border: 1px solid #ddd;padding: 1px;border-radius: 3px;display: inline-block;color:#FFFFFF;}
.ajax-file-upload-bar {background-color: #00bcd4;width: 0;height: 20px;border-radius: 3px;color:#FFFFFF;}
.ajax-file-upload-percent {position: absolute;display: inline-block;top: 3px;left: 48%}
.ajax-file-upload-red {-moz-box-shadow: inset 0 39px 0 -24px #e67a73;-webkit-box-shadow: inset 0 39px 0 -24px #e67a73;box-shadow: inset 0 39px 0 -24px #e67a73;background-color: #e4685d;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;display: inline-block;color: #fff; font-size: 13px;font-weight: normal;padding: 4px 15px;text-decoration: none;text-shadow: 0 1px 0 #b23e35;cursor: pointer;vertical-align: top;margin: 5px 10px 5px 0px;}
.ajax-file-upload-green {background-color: #77b55a;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;margin: 0;padding: 0;display: inline-block;color: #fff; font-size: 13px;font-weight: normal;padding: 4px 15px;text-decoration: none;cursor: pointer;text-shadow: 0 1px 0 #5b8a3c;vertical-align: top;margin: 5px 10px 5px 0px;}
.ajax-file-upload {font-size: 16px;font-weight: bold; cursor:pointer;line-height:20px;height:25px;margin:0 10px 10px 0;display: inline-block;  text-decoration: none;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-moz-box-shadow: 0 2px 0 0 #e8e8e8;-webkit-box-shadow: 0 2px 0 0 #e8e8e8;box-shadow: 0 2px 0 0 #e8e8e8;padding: 3px 5px;color: #fff;background: #2f8ab9;border: none;-moz-box-shadow: 0 2px 0 0 #13648d;-webkit-box-shadow: 0 2px 0 0 #13648d;box-shadow: 0 2px 0 0 #13648d;vertical-align: middle;}
.ajax-file-upload:hover {background: #3396c9;-moz-box-shadow: 0 2px 0 0 #15719f;-webkit-box-shadow: 0 2px 0 0 #15719f;box-shadow: 0 2px 0 0 #15719f;}
.ajax-upload-dragdrop{border:2px dotted #A5A5C7;width:420px;color: #DADCE3;text-align:left;vertical-align:middle;padding:10px 10px 0px 10px;}
.state-hover{border:2px solid #A5A5C7;}
.ajax-file-upload-container{margin:20px 0px 20px 0px;}
.btnToLink {background:none!important;border:none; padding:0!important; cursor:pointer;}
.GalleryFolder {width: 180px;float: left;margin: 5px;padding: 5px;}
.GalleryClose{height: 25px;background-color: white;width: 25px;position: absolute; border-radius: 50%;right: 15px;top: 15px;padding: 5px;}
span.imgclose{line-height:1;font-size:20px;position:absolute;top:1px;right:0px;text-decoration:none;color:#110f0f;cursor:pointer}
span.shohideemoji div{display:none;margin-top: -83px;width: 91%; position:absolute;}
span.shohideemoji span.spanEmoji{cursor:pointer;padding:2px;}
footer table{padding:0px;border:0px;}
footer table td{padding:0px;border:0px; vertical-align:middle;text-align:center;}
 
.checkbox{width:26px;height:26px;} 
.red{background:red;color:White;}
.black{background:black;color:White;}
.blue{background:blue;color:White;}
.green{background:green;color:White;}
.boxed-btnQ { display: inline-block;  padding: 5px;  height:40px;  width:40px;  line-height:30px;  color:white;  background:#000000;  font-family: "Poppins", sans-serif;  font-size: 14px;  font-weight: 400;  border: 0;   letter-spacing: 3px;  text-align: center;   text-transform: uppercase;  cursor: pointer;  margin:5px;}
.boxed-btn:hover {  background: #04D2C8;  color: #fff !important;  border: 1px solid #04D2C8;} 
.annotate-container{	position: relative;}
.annotate-container > [id^=baseLayer]{	position: absolute;	top: 0;	left: 0;	z-index: 0;	background: grey;}
.annotate-container > [id^=drawingLayer]{	position: absolute;	top: 0;	left: 0;	z-index: 1;	background: transparent;} 
div#divShowImages{position:absolute;width:600px;}
 
/*.modal-box .modal-body{height: calc(100% - 100px);overflow: auto;}*/

.modal-box{max-height: calc(100% - 20px);  -webkit-animation:anvil 1s cubic-bezier(0.38,0.1,0.36,0.9) forwards;display:none;position:fixed;z-index:1000;width:500px;background:#fff;border-bottom:1px solid #aaa;box-shadow:0 3px 9px rgba(0,0,0,0.5);border:1px solid rgba(0,0,0,0.1);background-clip:padding-box; flex-direction: column;}
.modal-box header,.modal-box .modal-header{padding:1.25em 1.5em;border-bottom:1px solid #ddd}
.modal-box header h3,.modal-box header h4,.modal-box .modal-header h3,.modal-box .modal-header h4{margin:0}
.modal-box .modal-body{padding:13px;vertical-align:top;max-height:calc(100% - 110px);overflow:auto;}
.modal-box footer,.modal-box .modal-footer{padding:10px;border-top:1px solid #ddd;background:rgba(0,0,0,0.02);text-align:right}
.modal,.modal-overlay{opacity:0;filter:alpha(opacity=0);position:fixed;top:0;left:0;z-index:900;width:100%;height:100%;max-height:100%;background:rgba(0,0,0,0.3)!important}
.modal-box footer{width:100%; }

.border-bottom{border-bottom:1px solid #ddd;padding-bottom:5px;margin-bottom:10px;}
  
div.HtmlPrintPdf table{width:100%;border:0px!important;border-spacing: 2px;border-collapse:inherit!important;font-size:13.5px;}
div.HtmlPrintPdf table th,div.HtmlPrintPdf table td{border:1px solid #e5e5e5; padding:2px;font-weight:300; vertical-align:middle;font-size:13.5px;line-height:1.5;}
div.HtmlPrintPdf table th, div.TwoColsMargeTable table tr:first-child  td, div.TwoColsMargeTable table tr:nth-child(2) td, div.ThreeColsMargeTable table tr:nth-child(3) td{ background:#fbfbfb!important;text-transform:uppercase;font-weight:700;}
/*div.select-wrapper ul.dropdown-content{z-index: 10000;position:inherit!important;}*/

@media only screen and (max-width: 992px) {
#divContentBody{margin:0}
}
@media only screen and (max-width: 660px) 
{ 
.modal-box{width:80%!important;}
.DashBoardlogo{display:block; }
.DashBoardlogo img{max-height:150px; }

#divContentBody{padding:10px 10px 80px}
/*body,div.tablecell1,div.tablecell2,div.tablecellList,createButton waves-effect waves-light btn tooltipped,.filterButton,.PageItemsButton,.otherbutton,.btn,.btn-large,.btn-floating,.btn-large,.btn-flat{font-size:10px}
*/i.md-40{font-size:30px!important}
i.md-30{font-size:25px!important}
i.md-20{font-size:15px!important}
div.tablecell1,div.tablecell2,div.tablecellList{padding:1px}
.filterButton,.PageItemsButton,.otherbutton,.btn,.btn-large,.btn-large,.btn-flat{height:25px;line-height:25px;padding:0 8px;text-align: center;width:max-content;}
 .firstTD{width:80px}
.side-nav li{width:100%!important}
.btn-primary{ width: 13%; } 
div.tablecell4{width:100%;padding:3px 3px 3px 8px}
div.tablecell3{width:100%;padding:3px 3px 3px 8px}


.createButton{margin:2px;}
.textAlign-right{text-align:center;}
.floatmarge{position:relative;top:auto;right:auto;}
}


@media only screen and (max-width: 550px) { 
.mob-table{border:0}
.mob-table .thead{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.mob-table .tableRow{padding:10px; margin: 10px;border:1px solid #ddd; display:inline-table; width:calc(100% - 4px);margin-left:1%; border-radius: 5px; box-shadow: 0px 0px 10px -2px RGBA(0,0,0,0.4), inset 0px 0px 0px 0px RGBA(0,0,0,.0), inset -3px -3px 5px 0px RGBA(255,255,255,.4); }
.mob-table .tablecellList{display:table-footer-group;vertical-align:bottom;width:100%!important;}
.mob-table .tablecellList:before{content:attr(data-label);float:left;font-weight:700;text-transform:uppercase;padding-right:5px}
.mob-table .tablecellList:last-child{border-bottom:0; }
.mob-table .tablecellList:before{width:100px;text-align:left;}
.mob-table-head .tablecellList{display:table-header-group;}
/*.mob-table .tbody .tableRow :nth-child(odd).tablecellList  {background:whitesmoke;}
.mob-table .tbody .tableRow .checkboxROW,.mob-table .tbody .tableRow .switch{background:white!important;}*/
.attachment{float:left}
span.close{top:14px;right:10px;} 

.mob-table .tablecellList .imgProfile{ float: right; right: 20px;position: absolute;} 
.mob-table .tablecellList .margin-top50{margin-top: -50px; }
}
 
@media only screen and (max-height: 550px) 
{ 
   /* .modal-box{ height:calc(100% - 20px)!important; }
 .modal-box footer{ }  
.modal-box .modal-body{height: calc(100% - 100px);overflow: auto;} */
    
}
@media only screen and (max-width: 420px) {
ul.tab-links li{width:50%}
.mob-table .tableRow{  margin:0px 2px 20px 2px; border-radius: 5px; }
label:not(.left,.btn-primary){width:80%}
.dropdown-content{min-width:200px}
.side-nav{width:80%}
.side-nav li > a > i,.side-nav li > a > [class^="mdi-"],.side-nav li > a li > a > [class*="mdi-"],.side-nav li > a > i.material-icons{padding:5px}
.side-nav li > a{padding:0 10px 0 20px}   
 
.top-paging {display:inline-block;width:100%; border:1px solid #ddd; height:auto;border-radius:5px;background-color: #fbfbfb;}
.top-paging div{width:fit-content;margin:auto;}
.float-left{width:100%}
}


.divNotificationUpperIcon{
     position: relative;
    width: 26px;
    background: red;
    color: white;
    padding: 0px;
    border-radius: 50%;
    line-height: 26px;
    float: right;
    text-align: center;
    margin-top: -10px;
    margin-right: -5px;
}
.MobChatMessage{padding:10px; margin: 10px;border:1px solid #ddd; display:inline-table; width:calc(100% - 4px);margin-left:1%; border-radius: 5px; box-shadow: 0px 0px 10px -2px RGBA(0,0,0,0.4), inset 0px 0px 0px 0px RGBA(0,0,0,.0), inset -3px -3px 5px 0px RGBA(255,255,255,.4); }
.MobChatMessage .postedby{color:#898989;font-size:12px;}
.field-validation-error {color: red;float: right;margin-top: 0;width: 100%;border-top: 2px solid red;height: 0px;}
.select-wrapper input.select-dropdown{margin:0px;}

.Squre1{color:#000;display:inline-block;height:100px;margin:8px;cursor:pointer;box-shadow:10px 7px 9px #0e0e0e7a}
.Squre1 .Parent1{height:100px;vertical-align:middle;margin:auto;display:table} 
.Squre1 .Round1 .iconsDiv1{font-weight:700;font-size:13px;padding: 0px 10px;} 


#my-pie-chart-container {
  display: flex;
  align-items: center;
}

#my-pie-chart {
  background: conic-gradient(brown 0.00%, black 0.00% 0.55%, blue 0.55% 6.08%, green 6.08% 13.68%, yellow 13.68% 23.27%, orange 23.27% 40.47%, red 40.47%);
  border-radius: 50%;
    width: 400px;
    height: 400px;
}

#legenda {
  margin-left: 100px;
  background-color: white;
  padding: 5px;
}

.entry {
  display: flex;
  align-items: center;
}

.entry-color {
    height: 10px;
    width: 10px;
}

.entry-text {
  margin-left: 5px;
}