body,html{width:100%;height:100%;margin:0;padding:0}
html{font-size:62.5%}
body{
font-family:roboto_r,-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;
font-size:1.4rem;
color:#000;
font-weight:400;
background:#fff;
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
-moz-osx-font-smoothing:grayscale
}

.splitpage{background:linear-gradient(90deg, #fff 50%, #778f9b 50%)}

.pagerow-title{width:200px;display:block;position:relative;float:left}
.pagerow-trigger{display:none}

/**** z-index ****/

header,
.breadcrumb{z-index:3}

.user-submenu{z-index:501}

.msgcount{z-index:30}

#modalFrame,
#fm-include-div{z-index:1003}

.modal-title{z-index:1000}

.frameCloseTile,
.print{z-index:1001}

.leftPan{z-index:10}

.filedetails-wrapper{z-index:100}

#tooltipDiv,
.tooltipDiv2,
#fg-tooltipDiv{z-index:499}

.folderlist-thumb .item-thumb img{z-index:29}
.folderlist-thumb .item-text{z-index:30}

.the-file-grid .filetext{z-index:3}
.the-file-grid .file-checkbox{z-index:4}

.pmbox{z-index:101}

#timebox,
.ajax-messagebox,
.fm-messagebox{z-index:1102}

/**** z-index end ****/

h1,h2,h3,h4,h5{display:inline;font-family:roboto_cb;font-weight:normal;font-size:3.4rem;color:#000}
h1{font-size:2.1rem}
h2{font-size:1.9rem}
h3{font-size:1.6rem}
h4{font-size:1.4rem}
.modal-content h1,
.modal-content h2{font-size:1.8rem}
.bg-pink h3{color:#fff}

.ttl{font-size:1.4rem;font-family:roboto_m}

input[type=text],
input[type=password],
input[type=email]{box-sizing:border-box;padding:0 8px;margin-right:3px;height:40px;line-height:40px;display:block;font-family:arial;font-size:14px;border-radius:3px;border:1px solid #a8a8a8}
select{box-sizing:border-box;padding:0 8px;height:40px;line-height:40px;display:block;position:relative;margin-right:3px;font-family:arial;font-size:14px;background-color:#fff;border-radius:3px;border:1px solid #a8a8a8}
textarea{box-sizing:border-box;padding:10px;font-family:arial;font-size:14px;background-color:#fff;margin-right:3px;border:1px solid #a8a8a8;border-radius:3px}

input[type=text].w100p,
textarea.w100p,
select.w100p{width:100%}

input[type=text].input-info{border-right:0;margin:0;border-top-right-radius:0;border-bottom-right-radius:0}
input[type=text].input-info:focus{border-right:0}

form,
fieldset,
button{margin:0;padding:0;border:none}

input:focus,
textarea:focus,
select:focus{border:1px solid #ccc;outline:none!important;box-shadow:none}
input[type="checkbox"],
input[type="radio"]{padding:0;margin:0;position:relative;top:1px}

:focus,:required,:invalid{outline:none}
[required]{box-shadow:none}

select::-ms-expand{display:none}
select{background-image:url(../images/arrow-ud.png);background-repeat:no-repeat;background-position:right center;-webkit-appearance:none;-moz-appearance:none;text-indent:.01px;background-color:#fff;color:#000}

main{position:relative;width:100%;min-height:100%;height:auto!important;height:100%;padding:0;margin:0 auto -50px}

header{display:block;width:100%;position:fixed;top:0;height:45px;overflow:visible;padding:0;margin:0;color:#eee;background:#25323d;z-index:9}

nav{display:block;position:relative;overflow:hidden;height:45px;margin:0 auto;width:98%}

.navlink{display:block;position:relative;float:left;font-size:1.6rem;color:#eee;height:44px;line-height:44px;}
nav .fas{font-size:18px;line-height:46px;padding-left:20px;padding-right:20px}
nav a{color:#eee}

.header-offset{display:block;position:relative;width:100%;height:45px;clear:both}

.cpanel-wrap{position:relative;display:block;overflow:hidden;width:100%;background:#fff}
.cpanel-inner{display:block;overflow:hidden;padding:20px 30px 30px}

.searchbox{width:178px;overflow:hidden;float:left;position:relative;padding:0;background-color:#f5ffff;border:1px solid #80c3d4;border-radius:3px}
.searchbox:before{content:'\f002';font-family:'Font Awesome 5 Free';font-weight:700;position:relative;display:block;width:32px;height:36px;line-height:36px;display:block;float:left;text-align:center;color:#222;font-size:16px}
.searchbox input[type="text"]{width:calc(100% - 38px);height:36px;line-height:36px;display:inline-block;float:left;padding:0 5px 0 0;margin:0;border:none;font-size:1.2rem;background-color:transparent}

header .user-initial{display:block;position:relative;float:right;overflow:hidden;text-align:center;border-radius:50%;top:8px;width:30px;height:30px;margin-left:15px}
header .user-initial img{width:100%;height:auto;border-radius:50%}

#msgcount,
#sse_pms{top:12px;width:21px;height:21px;line-height:24px;text-align:center;display:block;position:relative;float:right;color:#fff;font-size:12px;letter-spacing:0;z-index:9}
#sse_pms{display:none;right:-12px;top:6px;background:red;border-radius:50%;z-index:10}
#msgcount:before{content:'\f27a';font-family:'Font Awesome 5 Free';color:#fff;font-size:16px}

.user-submenu{display:none;position:fixed;overflow:hidden;top:45px;right:0;width:278px;padding:25px 0;margin:0;text-align:center;color:#000;line-height:2rem;background:#fff;border:1px solid #ccc;border-radius:3px}
.user-submenu a{color:#000}
.user-submenu .userpic{position:relative;overflow:hidden;width:76px;height:76px;margin:auto;border-radius:50%}

.hamburger-link,
.hamburger-arrow{display:none}

.breadcrumb,
.breadcrumb-flex{position:fixed;display:block;top:45px;left:0;left:130px;height:45px;font-size:1.3rem;background:#f9f9f9;box-shadow:0 5px 4px -4px #dedede}
.breadcrumb-flex{display:flex}
.breadcrumb-forms{flex-grow:1}

.breadcrumb-offset{display:block;height:50px;margin:0;padding:0}
.breadcrumb .title{display:block;position:relative;float:left;font-family:roboto_m;font-size:1.6rem;padding:0;line-height:47px;margin-left:10px;margin-right:10px}
.breadcrumb-plus,
.breadcrumb-trigger-search,
.active-folder{display:none}

.breadcrumb a.icon{display:block;position:relative;width:45px;height:45px;line-height:45px;text-align:center;background:#ededed}
.breadcrumb a.icon .fas{font-size:16px;height:45px;line-height:45px;color:#000}

.breadcrumb .searchbox{border-top:0;border-bottom:0;border-radius:0;display:block;position:relative;float:right}
.breadcrumb .searchbox:before{height:45px;line-height:45px}
.breadcrumb .searchbox input[type="text"]{height:45px;margin-right:0;font-size:14px}

.breadcrumb select,
.breadcrumb .light-button{padding-top:0;padding-bottom:0;padding-right:18px;height:45px;line-height:47px;float:left;border:0;border-radius:0;background-color:#ededed;margin-right:0;margin-left:2px}
.breadcrumb select{width:130px;border-left:1px solid #ddd;border-right:1px solid #ddd;float:left}

.breadcrumb .add-button,
.breadcrumb .add-button-orange,
.breadcrumb .save-button,
.breadcrumb .delete-button,
.breadcrumb .refresh-button,
.breadcrumb .add-button:before,
.breadcrumb .add-button-orange:before,
.breadcrumb .save-button:before,
.breadcrumb .delete-button:before,
.breadcrumb .refresh-button:before{border-radius:0;border-radius:0;height:45px;line-height:45px;text-align:center}

.breadcrumb .editpage-update{width:220px}

.breadcrumb .add-button:before,
.breadcrumb .add-button-orange:before,
.breadcrumb .save-button:before,
.breadcrumb .delete-button:before,
.breadcrumb .refresh-button:before{width:36px;margin-right:15px;font-size:14px}

.breadcrumb .add-button,
.breadcrumb .refresh-button{margin-left:1px;line-height:47px}

.breadcrumb{width:calc(100% - 130px);left:130px}
.breadcrumb-expand{width:calc(100% - 40px);left:40px}

.leftPan,
.leftPan-contract{display:block;position:fixed;left:0;top:0;width:130px;height:100vh;overflow-y:auto;background-color:#25323d;z-index:10}
.leftPan-contract{width:40px}
.leftPan a.link{display:block;position:relative;width:100%;overflow:hidden;height:45px;line-height:45px;color:#eee;border-bottom:1px solid #384b5c}
.leftPan .fas{display:block;position:relative;float:left;width:34px;height:45px;line-height:45px;font-size:14px;text-align:center;color:#eee}
.leftPan a.link.selected,
.leftPan a.link:hover{background-color:#384b5c;color:#fff}
.leftPan .textlink{font-size:1.3rem;line-height:45px}

.leftPan-contract .site-logo,
.leftPan .site-logo{display:inline-block;height:45px;line-height:45px;background:url(../images/fp-logo-cp.png) 5px center no-repeat;border-radius:50%;background-size:24px 24px}

.leftPan .site-logo{padding-left:35px}

.leftPan .site-logo img,
.leftPan-contract .site-logo img{max-width:100%;height:auto;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0}

.leftPan-contract .site-logo-text{display:none} 
.leftPan .site-logo-text{line-height:50px;font-family:roboto_m;font-size:12px;text-transform:uppercase;color:#eee}

.leftpan-toggler{display:block;width:100%;overflow:hidden;height:45px;line-height:45px;background:#25323d;color:#eee;border-bottom:1px solid #384b5c}
.leftpan-toggler:hover{cursor:pointer}
.leftPan .toggle-leftbar .fas{display:block;position:relative;float:left;width:34px;line-height:45px;font-size:16px}

.rightPan,
.rightPan-expand{display:block;position:relative;left:130px;overflow:hidden;width:calc(100% - 130px)}
.rightPan-expand{width:calc(100% - 40px);left:40px}

.content-left,
.content-right{display:block;position:relative;overflow:hidden;float:left;width:calc(100% - 220px)}
.content-right{width:220px;font-size:1.3rem}
.content-right .contentbox{display:block;overflow:hidden;padding:15px 12px;border-bottom:1px solid #e8f0fe}
.content-right .contentbox-title{font-family:roboto_m;font-size:1.4rem;line-height:1}
.content-right .button{display:block;position:relative;float:right;width:100%;border-radius:0;border-top-left-radius:3px;border-top-right-radius:3px}
.content iframe{max-width:620px}
.content img{max-width:620px;height:auto}

.content-left input[type=text]{border:0;height:50px;line-height:50px;padding-left:20px;font-size:16px;background:#f8f8f8}
.content-left .focusdiv{border-top:0}
.content-left .focusdiv input[type=text]{height:40px;line-height:40px}
.content-left .focusdiv input[type=text],
.content-left .focusdiv textarea{padding-left:20px}
	
.wrapper{width:96%;max-width:1080px;padding:30px 2%;position:relative;margin:0 auto}

.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

iframe{display:block;width:100%;background:transparent;border:0;border-width:0;padding:0;margin:0}
iframe:focus{outline:none}
iframe[seamless]{display:block}

.mainOverlay{position:fixed;display:block;overflow:hidden;width:100%;height:100%;top:0;left:0;padding:0}

#timebox,
#errorbox{display:none;overflow:hidden}

#timebox{position:fixed;top:30px;left:50%;width:260px;margin-left:-145px;padding:15px 10px;text-align:center;color:#fff;border-radius:4px;box-shadow:0 0 5px 1px #cacaca;z-index:1102}
#timebox .far,
#timebox .fas{font-size:14px}

.waitdiv{display:none;height:16px;line-height:16px;margin-bottom:5px}

.ajax-messagebox{display:none;position:fixed;overflow:hidden;top:20px;left:50%;width:260px;margin-left:-145px;padding:15px;background:#10b289;color:#fff;text-align:center;border-radius:3px;box-shadow:0 0 5px 1px #7a7a7a}

#ajax-messagebox{display:block;position:fixed;width:100%;top:30px;left:0;padding-top:10px;padding-bottom:10px;overflow:hidden;z-index:100}
#ajax-messagebox .fcmessage,
#ajax-messagebox .fcerror{position:relative;display:block;overflow:hidden;width:100%;max-width:240px;margin:0 auto;padding:15px;text-align:center;color:#fff;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 8px 0 rgba(0,0,0,0.20)}

#ajax-messagebox .fcmessage{background:#10b289;font-size:1.3rem}
#ajax-messagebox .fcerror{background:#e70033;font-size:1.3rem}

/***** modal window *****/
#modalFrame,
#fm-include-div{display:none;position:fixed;overflow:auto;width:100%;max-width:800px;padding:0;height:90%;top:0;bottom:0;left:0;right:0;margin:auto;background:#fff;box-shadow:0 0 1px 0 rgba(0,0,0,.5),0 1px 15px 0 rgba(0,0,0,.25)}

#modalFrame{border-radius:4px}
#fm-include-div{display:none;height:100%;top:0;bottom:auto;left:auto;right:0}

.modal-title{display:block;overflow:hidden;position:fixed;top:0;left:0;width:100%;margin:0;padding:0;height:48px;line-height:48px;color:#000;background:#f9f9f9;border-bottom:1px solid #ddd}
.modal-title-sub{display:block;clear:both;overflow:hidden;position:absolute;top:49px;left:0;width:calc(100% - 25px);margin:0;padding:0 0 0 25px;height:36px;line-height:36px;border-bottom:1px solid #eee;font-family:arial;font-size:16px;color:#222}

.modal-title-offset{display:block;clear:both;padding:0;margin:0;height:50px}
.modal-title .site-logo{display:block;position:relative;float:left;width:20px;height:38px;margin-top:6px;margin-right:8px;border-radius:50%}
.modal-title .title{display:block;position:relative;float:left;margin-left:22px;line-height:50px;font-family:roboto_m;font-size:18px;color:#222}

.modal-content{position:relative;display:block;overflow:hidden;width:calc(100% - 50px);padding:15px 25px 25px 25px;margin:0;color:#222;background:#fff}

.modal-left{display:block;position:relative;width:49%;float:left}
.modal-right{display:block;position:relative;width:49%;float:right}

.modal-content .msg{position:relative;display:block;width:calc(100% - 20px);float:right}
.modal-content textarea{width:90%}
.modal-content iframe{min-height:150px}

.frameCloseTile,
.modal-title .print{position:fixed;top:0;right:0;display:block;width:48px;height:48px;line-height:48px;padding:0;margin:0;font-size:24px;color:#000;text-align:center;background:transparent;border:0;border-left:1px solid #ccc}

.modal-title .print{right:51px}

.bottom-close{position:absolute;left:25px;bottom:20px;display:inline-block;color:#222;font-size:0;padding-left:10px;background:url(../images/arrow-left.png) left center no-repeat}
.bottom-close:before{content:'Return To Main Screen';font-family:roboto_m;font-size:1.3rem;line-height:20px}

.frameClose:before,.frameClose-blk:before{content:"\f00d";font-family:'Font Awesome 5 Free';font-size:1.4rem;display:block;position:absolute;top:15px;right:12px;color:#000;cursor:pointer;width:18px;height:18px;line-height:16px;text-align:center;border-radius:50%}

.closeModal2{position:absolute;top:10px;left:20px;display:block;width:24px;height:24px;font-size:24px;color:#000}
/***** modal window end *****/

a{color:#0583c2;outline:none;text-decoration:none}
a:focus{outline:none}
.btn{color:#000}

hr{line-height:1px;position:relative;clear:both;border:solid #bfc3c7;height:0;border-width:1px 0 0;margin:0;padding:0;width:100%}
img{border:0;max-width:100%;height:auto}

.imageholder img{max-width:100%;height:auto}
.imageholder-round img{max-width:100%;height:auto;border-radius:50%;vertical-align:middle}
.rounded-corners img{border-radius:3px}

.avtr{display:block;overflow:hidden;position:relative;float:left;margin-right:10px;width:72px;height:72px;border-radius:50%}
.avtr img{width:100%;height:auto;border-radius:50%}

.avtr a.edit-avtr{display:block;position:absolute;left:0;bottom:0;border:0;padding:0;margin:0;width:100%;height:50%;line-height:50%;border-bottom-left-radius:50%;border-bottom-right-radius:50%;background:rgba(0,0,0,.25)}
.avtr a.edit-avtr{text-align:center;color:#fff}
.avtr .fas{font-size:18px;opacity:100%;color:#fff;line-height:30px}

.float-left{float:left}
.float-right,.floatit{float:right}
.centered,
input.centered{position:relative;margin:0 auto}
.centered-text{text-align:center}
.left-text{text-align:left!important}
.right-text{text-align:right}
.clear{clear:both;padding:0;margin:0}
.p3{height:1px;padding:2px 0 0;margin:0;clear:both;display:block}
.p3-all{padding:3px}
.p5{height:1px;padding:4px 0 0;margin:0;display:block;clear:both}
.p5-sides{padding-left:5px;padding-right:5px}
.p5-left{padding-left:5px}
.p5-tb{padding-top:5px;padding-bottom:5px}
.p5-all{padding:5px;overflow:hidden}
.p7{height:3px;padding:2px 0;margin:0;clear:both}
.p7-all{padding:7px;overflow:hidden}
.p7-tb{padding-top:7px;padding-bottom:7px}
.p10-tb{padding-top:10px;padding-bottom:10px}
.p10-top{padding-top:10px}
.p10{height:2px;padding:4px 0;margin:0;clear:both}
.p10-left{padding-left:10px}
.p10-right{padding-right:10px}
.p10-sides{padding-left:10px;padding-right:10px}
.p10-all{padding:10px;overflow:hidden}
.p5p-left{padding-left:5%}
.p15{height:3px;padding:6px 0;margin:0;clear:both}
.p15-left{padding-left:15px}
.p15-right{padding-right:15px}
.p15-top{padding-top:15px}
.p15-bottom{padding-bottom:15px}
.p15-sides{padding-left:15px;padding-right:15px}
.p15-all{padding:15px;overflow:hidden}
.p20{height:2px;padding:9px 0;margin:0;clear:both}
.p20-all{padding:20px;overflow:hidden}
.p30{height:2px;padding:14px 0;margin:0;clear:both}
.p30-left{padding-left:30px}
.p30-right{padding-right:30px}
.p30-all{padding:30px;overflow:hidden}
.p50{height:2px;padding:24px 0;margin:0;clear:both}
.p50-all{padding:50px;overflow:hidden}
.p50-sides{padding-left:50px;padding-right:50px}
.m5-left{margin-left:5px}
.m5-right{margin-right:5px}
.t3{position:relative;top:3px}
.t2{position:relative;top:2px}
.t1{position:relative;top:1px}
.m7-top{margin-top:7px}
.m10-top{margin-top:10px}
.m10-left{margin-left:10px}
.m10-right{margin-right:10px}
.m15-left{margin-left:15px}
.m15-right{margin-right:15px}
.border-all{border:1px solid #ededed}
.border-all-dashed{border:1px dashed #aaa}
.border-left{border-left:1px solid #ededed}
.border-bottom{border-bottom:1px solid #ededed}

.rounded-corners{border-radius:3px}

.uppercase{text-transform:uppercase}
.capitalize{text-transform:capitalize}
.underline{text-decoration:underline}
.bold,input.bold{font-family:roboto_m}
.medbold{font-family:roboto_m}
.normal{font-family:roboto_r}

.font140{font-size:14rem}
.font80{font-size:8rem}
.font24{font-size:2.4rem}
.font18{font-size:1.8rem}
.font16{font-size:1.6rem;line-height:2.2rem}
.font15{font-size:1.5rem;line-height:2.1rem}
.font16d{font-size:1.6rem;line-height:1.7rem}
.font13{font-size:1.325rem;line-height:1.825rem}
.font13d{font-size:1.3rem;line-height:1}
.font12{font-size:1.2rem}
.font10{font-size:1rem}
.closetoggle,
.closeupload{font-size:24px}

.button,
.button-light,
.add-button,
.add-button-orange,
.save-button,
.delete-button,
.line-button,
.continue-button,
.refresh-button,
.pm-button,
.compose-button,
.trash-button,
.pm-trash-button,
.pm-delete-button,
.inbox-button,
.outbox-button{box-sizing:border-box;height:40px;line-height:40px;display:block;position:relative;overflow:hidden;outline:0;border:0;padding:0 21px 0 0;color:#fff;background:#2782bb;font-weight:400;font-size:14px;text-align:center;cursor:pointer;border-radius:3px}

.button{padding:0 16px}
.button-light{padding:0 16px;color:#000;border:1px solid #ddd;background:linear-gradient(#f3f3f3,#ededed)}

.pm-button{height:30px;line-height:30px;color:#fff;padding:0 12px 0 0}
.compose-button,
.trash-button,
.pm-trash-button,
.pm-delete-button,
.inbox-button,
.outbox-button{height:28px;line-height:28px;padding:0 10px 0 0;border-radius:0;margin-right:2px}

.pm-button{font-size:12px;line-height:32px}

.compose-button.selected,
.inbox-button.selected,
.outbox-button.selected,
.send-button.selected,
.pm-trash-button.selected{background:#c0ddea;color:#000}

.add-button:before,
.add-button-orange:before,
.save-button:before,
.refresh-button:before,
.delete-button:before,
.refresh-button:before,
.pm-button:before,
.compose-button:before,
.trash-button:before,
.pm-trash-button:before,
.pm-delete-button:before,
.inbox-button:before,
.outbox-button:before,
.send-button:before{content:'\f067';font-family:'Font Awesome 5 Free';font-weight:700;height:40px;line-height:40px;width:32px;display:block;position:relative;float:left;padding:0;margin:0 16px 0 0;text-align:center;border-top-left-radius:3px;border-bottom-left-radius:3px;background:#005a8c}

.add-button-orange{background:#e77e21}
.add-button-orange.active{background:#e77e21;color:#fff}
.add-button-orange:before{background:#ba5310}

.save-button{background:#019f67}
.save-button:before{content:'\f0c7';background:#007c5a}

.delete-button{background:#cd1b10}
.delete-button:before{content:'\f00d';background:#9c3022}

.trash-button{background:#cd1b10}
.trash-button:before{content:'\f2ed';background:#9c3022}

.refresh-button{background:#ededed;color:#000}
.refresh-button:before{content:'\f021';background:#ccc}

.continue-button{padding:0 0 0 16px}
.continue-button:after{content:'\f105';font-family:'Font Awesome 5 Free';font-weight:700;width:30px;text-align:center;background:#005a8c;float:right;margin-right:0;margin-left:14px}

.pm-button:before{content:'\f27a';font-family:'Font Awesome 5 Free';font-weight:400;width:30px;text-align:center;font-size:12px;background:;margin-right:8px;height:30px;line-height:31px}

.compose-button:before,
.inbox-button:before,
.outbox-button:before,
.send-button:before{content:'\f1d8';width:24px;height:28px;line-height:28px;margin-right:5px;border-radius:0;font-size:12px}
.inbox-button:before{content:'\f01c'}
.outbox-button:before{content:'\f14d'}
.send-button:before{content:'\f1d8'}

.compose-button.selected:before,
.inbox-button.selected:before,
.outbox-button.selected:before,
.send-button.selected:before,
.pm-trash-button.selected:before{background:#7fbfdc;color:#fff}

.pm-trash-button:before{content:'\f2ed';height:28px;line-height:28px;margin-right:6px;border-radius:0;font-size:12px}
.pm-delete-button{background:#cd1b10}
.pm-delete-button:before{content:'\f00d';height:28px;line-height:28px;margin-right:6px;border-radius:0;background:#9c3022;font-size:12px}

.text-button{display:inline-block;border:0;outline:0;padding:0;cursor:pointer;background:transparent}
.text-button:hover{text-decoration:underline}

.pm-buttons-toggle{display:none}

.icon-edit
.icon-delete,
.icon-trash,
.icon-move{width:24px;height:24px;line-height:24px;display:inline-block}

.icon-edit:before,
.icon-delete:before,
.icon-trash:before,
.icon-move:before,
.icon-camera:before{font-family:'Font Awesome 5 Free';font-weight:700;color:#000}

.icon-edit:before{content:'\f14b'}
.icon-delete:before{content:'\f00d';color:red}
.icon-trash:before{content:'\f2ed'}
.icon-camera:before{content:'\f030';font-size:18px;line-height:32px;color:#fff;z-index:9}

a.button-pm,
a.button-compose{display:inline-block;overflow:hidden;padding:0 10px 0 0;cursor:pointer;outline:0;border:0;color:#fff;background:#2471a2;background:linear-gradient(#2471a2,#277eb5);text-align:center;font-weight:400;font-size:12px;font-family:arial;line-height:1;border-radius:3px}

a.button-pm.selected{background:#b5014f;background:linear-gradient(#b5014f,#d1035c)}
a.button-pm.selected .button-inner-icon{background:#e81e75}

.fa-icon{display:inline-block;font-size:13px;color:#222}
.fa-icon .fas{font-size:14px !important;line-height:1;padding-bottom:1px;vertical-align:middle}

.link-block{display:inline-block;background:#dcdcdc;margin:0 1px 1px 0;padding:4px 7px;font-family:arial;font-size:12px;text-align:center;color:#222;border-radius:5px}

.focusdiv{display:block;overflow:hidden;position:relative;float:left;min-height:42px;background-color:#fff;border:1px solid #ccc;border-radius:2px}
.focusdiv label{display:block;overflow:hidden;position:relative;padding:6px;font-family:roboto_m;background:#ededed}
.focusdiv input[type=text]{height:38px;line-height:38px;font-size:13px;border:0;padding:0 0 0 6px;margin-right:0;border-radius:0}
.focusdiv textarea{height:60px;font-size:13px;border:0;padding:8px;background:#fff}
.focusdiv.w100p{width:calc(100% - 2px)}

.loginbox,
.regbox,
.loginbox-right{width:50%;margin:0;padding:0}
.loginbox-right{width:50%}

.loginbox .focusdiv{width:100%;line-height:42px;border:0}
.loginbox .focusdiv label{display:none}

.loginbox .focusdiv input[type=text]{width:246px;padding:0 0 0 12px;display:block;height:44px;border-radius:0;border:0;border-top-right-radius:3px;border-bottom-right-radius:3px;background-color:#ededed}
.loginbox .focusdiv input[type=password]{width:158px;padding:0 0 0 12px;display:block;position:relative;float:left;height:44px;margin:0;border-radius:0;border:1px solid #ededed;border-left:0;border-right:0;background:#ededed}
.loginbox .focusdiv .forgot{width:calc(100% - 192px);display:block;position:relative;float:left;height:42px;line-height:42px;text-align:center;border:1px solid #ededed;border-left:0;border-top-right-radius:3px;border-bottom-right-radius:2px;background:#ededed}
.loginbox input:focus{box-shadow:none}
.loginbox .login-icon{display:block;position:relative;float:left;width:32px;height:44px;line-height:46px;font-size:16px;text-align:right;color:#000;border-top-left-radius:3px;border-bottom-left-radius:3px;background:#ededed}

.regbox input{display:block;height:42px;padding:0 0 0 10px;width:100%;background:#ededed;border:0}
.regbox input.w50p{width:calc(50% - 2px);border:0}
.regbox input.w100p{width:100%;border:0}

.login-button,
.regbox-button{width:100%;padding:13px 0;text-align:center;color:#fff;font-size:14px;cursor:pointer;background:#5e83a5;border:0;border-radius:3px}

#logintable a.site-logo{width:32px;height:32px;overflow:hidden;display:block;position:relative;float:left;margin-right:6px}
#logintable .site-logo-text a{font-family:roboto_cb;font-size:24px;line-height:32px;color:#000} 

#logintable #password{display:block;position:relative;float:left;width:calc(100% - 42px);margin-right:0;border-top-right-radius:0;border-bottom-right-radius:0}
#logintable #togglePassword{display:block;position:relative;float:left;margin:0;padding:0;width:42px;height:42px;line-height:42px;background:#ededed;text-align:center;border-top-right-radius:3px;border-bottom-right-radius:3px}

input.button-refresh{display:inline-block;line-height:20px;background:transparent url(../images/refresh.png) left center no-repeat;color:#000;padding:0 0 0 15px;border:0}

ul.list{list-style:none;margin:0;padding:0}
ul.list li{display:block;overflow:hidden;padding:5px 15px}

.lh-21{height:21px;line-height:21px}
.lh-24{height:24px;line-height:24px}
.lh-28{height:28px;line-height:28px}
.lh-30{line-height:30px}
.lh-32{line-height:32px}
input[type="submit"].lh-30{height:30px;line-height:30px}
.lh-33{line-height:33px;border-radius:2px}
.lh-36{line-height:36px}
.lh-38{line-height:38px}
.lh-40{line-height:40px}
.lh-45{line-height:45px}
.lh-46{line-height:46px}

.h90{height:90px}

.w16{width:14px}
.w20{width:20px}
.w30{width:30px}
.w35{width:35px}
.w40{width:40px}
.w42{width:42px}
.w60{width:60px}
.w80{width:80px}
.w90{width:90px}
.w100{width:100px}
.w110{width:110px}
.w120{width:120px}
.w130{width:130px}
.w140{width:140px}
.w150{width:150px}
.w160{width:160px}
.w180{width:180px}
.w200{width:200px}
.w205{width:205px}
.w210{width:210px}
.w220{width:220px}
.w226{width:226px}
.w240{width:240px}
.w250{width:250px}
.w258{width:258px}
.w260{width:260px}
.w270{width:270px}
.w272{width:272px}
.w275{width:275px}
.w277{width:277px}
.w280{width:280px}
.w282{width:282px}
.w283{width:283px}
.w285{width:285px}
.w290{width:290px}
.w300{width:300px}
.w310{width:310px}
.w320{width:100%;max-width:320px}
.w350{width:100%;max-width:350px}
.w360{width:100%;max-width:360px}
.w400{width:100%;max-width:400px}
.w430{width:100%;max-width:430px}
.w450{width:100%;max-width:450px}
.w550{width:100%;max-width:550px}
.w640{width:100%;max-width:640px}
.w720{width:100%;max-width:720px}
.w800{width:100%;max-width:800px}
.w980{width:100%;max-width:980px}

.w40p{width:40%}
.w49p{width:calc(49% - 2px)}
.w49p-280{width:calc(49% - 2px);max-width:278px}
.w50p{width:50%}
.w100p{width:100%}

a.ficon,
button.ficon,
input.ficon{position:relative;display:block;width:26px;height:26px;line-height:26px;text-align:center;font-size:14px;padding:0;margin-left:5px;background:#eaeaea;border:0;border-radius:2px;cursor:pointer}

.userpic{display:block;overflow:hidden;position:relative;border-radius:3px}
.userpic img{max-width:100%;height:auto;display:block;position:absolute;margin:auto;top:0;bottom:0;left:0}
.user-submenu .userpic{width:76px;height:76px;margin:auto;z-index:501}
.user-submenu .userpic img{width:100%;height:auto}
.user-submenu .personal-details-link,
.user-submenu .dashboard-link{display:inline-block;padding:7px 20px 6px 20px;margin-top:15px;margin-bottom:15px;font-size:14px;color:#222;border:1px solid #ddd;background:transparent;border-radius:18px}
.user-submenu .dashboard-link{background:linear-gradient(#f3f3f3,#ededed)}
.user-submenu .dashboard-link .fas{padding:0;margin:0;line-height:1;vertical-align:middle;font-size:14px}
.user-submenu .signout-link{display:inline-block;padding:8px 18px;margin-top:15px;color:#222;border:1px solid #ddd;background:transparent;border-radius:5px}

@-webkit-keyframes fadeIt {
0%{background-color:#d2f191}
50%{background-color:#eaf8ce}
100%{background-color:transparent}
}
@-moz-keyframes fadeIt {
0%{background-color:#d2f191}
50%{background-color:#eaf8ce}
100%{background-color:transparent}
}
@-o-keyframes fadeIt {
0%{background-color:#d2f191}
50%{background-color:#eaf8ce}
100%{background-color:transparent}
}
@keyframes fadeIt {
0%{background-color:#d2f191}
50%{background-color:#eaf8ce}
100%{background-color:transparent}
}

.activebox{-webkit-animation:fadeIt 3s ease-in-out;-moz-animation:fadeIt 3s ease-in-out;-o-animation:fadeIt 3s ease-in-out;animation:fadeIt 3s ease-in-out}

.menuicons a,
.menuicons button{box-sizing:border-box;display:block;position:relative;float:left;overflow:hidden;padding:0 7px;margin:0 5px 0 0;color:#222;font-size:13px;height:32px;line-height:32px;border:1px solid #ccc;border-radius:2px}
.menuicons button{padding:0 7px;background:#fff}
.menuicons .fas,
.menuicons .far{font-size:14px;color:#444;position:relative;top:1px}

.box{display:block;overflow:hidden;position:relative}
.block{display:block}
.toggle,.hide,.hid{display:none}
.show{display:block}
.inline-block{display:inline-block}

.trigger{cursor:pointer}

.down:after{content:'\f107';font-family:'Font Awesome 5 Free';font-weight:700;vertical-align:middle;margin-left:3px}
.up:after{content:'\f106';font-family:'Font Awesome 5 Free';font-weight:700;vertical-align:middle;margin-left:3px}

.b-link,a.b-link{color:#000}
.w-link{color:#fff}
.red,a.red{color:red}
.green,a.green{color:#56b145!important}
.blue,a.blue,.blue a, .active{color:#2b8fc1}
.brown{color:brown}
.orange{color:#f09a30}

.gry,.gry a,a.gry{color:#888}
.gry7,a.gry7{color:#777}
.gry4, .gry4 a,input.btn-txt.gry4{color:#444}
.gryc{color:#ccc}
.gryca{color:#aaa}
.bg-e{background-color:#eaf8f8}
.bg-ed,a .bg-ed{background-color:#f8f8f8}
.bg-f0{background-color:#f0f0f0}
.bg-f5{background-color:#f5f5f5}
.bg-fa{background-color:#fafafa}
.bg-f{background-color:#fff}

.bg-green,a.bg-green,.bg-green a{background-color:#10b289 !important;color:#fff}
.bg-pink{background-color:#dc2249 !important;color:#fff}
.bg-pink-light{background-color:#f2758f;color:#fff}

.errorbox{display:inline-block;float:left;line-height:30px;padding-left:12px;padding-right:12px;background:#f00e4e;color:#fff;border-radius:3px}

.tooltip{color:#000}
.fas.tooltip{color:#569099}

#tooltipDiv,
.tooltipDiv2{position:fixed;top:50%;left:50%;width:220px;overflow:hidden;display:block;padding:25px;background-color:#fff;font-size:1.4rem;line-height:2.3rem;word-wrap:break-word;word-wrap:pre-wrap;border-radius:5px;box-shadow:0 0 1px 0 rgba(0,0,0,.5),0 1px 10px 0 rgba(0,0,0,.15)}

#tooltipDiv textarea{width:100%;height:110px;display:block;overflow:hidden;border:0}
#tooltipDiv:after{content:''}
#tooltipDiv .label-txt{font-size:14px;font-weight:700;color:#222;margin-bottom:5px}

.tooltip-placeholder{display:block;width:38px;height:38px;line-height:38px;position:relative;margin:0;padding:0;float:left;text-align:center;font-size:14px;background:#eee;border:1px solid #a8a8a8;border-left:0;border-top-right-radius:3px;border-bottom-right-radius:3px}
.tooltip-placeholder .tooltip{color:#888}

#tooltipClose{display:block;width:24px;height:24px;line-height:24px;text-align:center;position:absolute;top:4px;right:6px}
#tooltipClose:before{content:'\f00d';font-family:'Font Awesome 5 Free';font-weight:700;font-size:16px;color:#000}
#tooltipClose:hover{cursor:pointer}

.table{width:100%;max-width:100%;margin-bottom:15px;background-color:transparent}
table{border-collapse:collapse}
.table td, .table th{padding:10px 0;vertical-align:middle;border-bottom:1px solid #ededed}
th{text-align:inherit}

.table.small{width:20% !important;max-width:20% !important;font-size:11px !important}
.table.medium{width:50% !important;max-width:50% !important;font-size:12px !important}
.table.responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
.table.striped tbody tr:nth-of-type(odd){background-color: rgba(0, 0, 0, .05)}
.table.bordered{border:1px solid #bfc3c7}
.table.bordered td, .table.bordered th{border:1px solid #bfc3c7}

.table.primary thead th{color:var(--white);background-color:var(--primary-blue)}
.table.secondary thead th{color:var(--white);background-color:var(--secondary-grey)}
.table.success thead th{color:var(--white);background-color:var(--success-green)}

.tablediv{display:table;position:relative;width:100%;height:100%;background:transparent;table-layout:fixed}
.tableview{display:table;width:100%;position:relative}
.celldiv,a.celldiv{display:table-cell;vertical-align:middle;word-wrap:break-word}
.rowdiv{display:table-row;vertical-align:middle}

.file-picker img,.selFile img{width:16px;height:16px;display:block;margin:0 auto}

label.selFile input[type=file]{background:transparent;border:none;cursor:inherit;display:block;font-size:0;filter:alpha(opacity=0);min-height:100%;padding:0;margin:0;opacity:0;position:absolute;top:0;right:0;text-align:right}

label.selFile{display:block;position:relative;margin:0 auto;padding:15px 10px;cursor:pointer;line-height:normal;text-align:center;font-size:1.4rem;border:2px dashed #ccc;border-radius:4px;background:#f9f9f9}

label.selFile-userimage{padding:15px 0}

.userlist-toolbar{display:block;width:100%;overflow:hidden;padding:7px 0}
.userlist-toolbar .checkbox{display:block;position:relative;width:24px;line-height:38px;float:left}
.userlist-toolbar select{width:130px}

/***** file manager *****/
.filedetails-wrapper{z-index:100}
.folderlist-thumb .item-thumb img{z-index:29}
.folderlist-thumb .item-text{z-index:30}
.the-file-grid .filetext{z-index:3}
.the-file-grid .file-checkbox{z-index:4}

.fm-data{display:block;overflow:hidden;padding:0;margin:0}
#folderdropdown{display:none}

input.file-icon{display:block;width:32px;height:32px;float:left;padding:0;margin:0;border:none;background:transparent url(../images/filetypes/file.png) 0 0 no-repeat}
#progressbar{width:0;height:5px;padding:0;color:#fff;text-align:center;font-size:1rem;background-color:#45abec;border-radius:5px;transition:width .3s}

.uploadMsg{display:none;position:relative;margin:10px 0;padding:0;font-size:1.325rem;line-height:1.925rem}
#spin,
#perc,
#progressbar{display:none}

#spin{width:130px;position:relative;margin:0 auto;line-height:30px}
#spin .fas{font-size:30px;line-height:30px;float:left}

.upload-messages{width:280px;display:block;position:relative;margin:10px auto;padding:0}

.file-preview{display:block;width:260px;position:relative;overflow:hidden;float:left;height:30px;line-height:30px;padding:0 10px;margin-bottom:1px;text-align:left;background:#ededed}

.delFile{display:block;position:relative;width:100%;height:18px;padding:0;margin:2px auto 0;text-align:center;color:#607d8b;cursor:pointer;background:#ededed}

.progressbar{display:none;position:relative;width:128px;height:28px;padding:0;margin:0 5px 0 0;background:url(../images/hloader.gif) center center no-repeat}

.fm ul{padding:0;margin:0}
.fm li{list-style:none;padding:0;margin:0}

.fm-top{display:block;position:absolute;width:100%;top:0;left:0;height:45px;line-height:46px;margin:0;background:#fafafa;border:0;border-bottom:1px solid #ededed}
.fm-top-offset{display:block;position:relative;float:left;width:100%;height:46px;padding:0;margin:0}
.fm-top .fas,
.fm-top .far{font-size:18px;line-height:46px}
.fm-top .fa-th-list,
.fm-top .fa-th-large{font-size:16px}
.fm-top .closefm.btn{font-size:24px;float:right;border-right:0;border-left:1px solid #ededed}
.fm-top .btn{float:left;display:block;position:relative;width:45px;height:45px;line-height:45px;padding:0;font-size:16px;text-align:center;color:#555;border:0;border-right:1px solid #ededed}
.fm-top .btn.active,
.fm-top .fas.active,
.fm-top .far.active{color:#2b8fc1}
.fm-top .btn.disabled{color:#aaa}
.fm-top .listview:before{content:'\f00a';font-family:'Font Awesome 5 Free';font-weight:700}
.fm-top .gridview:before{content:'\f00b';font-family:'Font Awesome 5 Free';font-weight:700}
.fm-top .uplfil-btn:before{content:'\f093';font-family:'Font Awesome 5 Free';font-weight:700}
.fm-top .addfol-btn:before{content:'\f65e';font-family:'Font Awesome 5 Free';font-weight:700}
.fm-top .renfol-btn:before{content:'\f07b';font-family:'Font Awesome 5 Free';font-weight:700}
.fm-top .delfol-btn:before{content:'\f65d';font-family:'Font Awesome 5 Free';font-weight:700}
.fm-top .settings-btn:before{content:'\f7d9';font-family:'Font Awesome 5 Free';font-weight:700}

.fm-left{display:block;position:relative;float:left;font-size:1.4rem;width:183px;padding:0}
.fm-left-toolbar{display:block;width:100%;height:40px;line-height:40px;padding:0;border-bottom:1px solid #ededed}

.fm-right{display:block;position:relative;float:left;width:calc(100% - 183px)}
.fm-right .table,
.fm .table{display:table;width:100%;text-align:center;font-size:1.6rem;line-height:3rem;color:#222}
.fm-right .cell,
.fm .cell{display:table-cell;vertical-align:middle;word-wrap:break-word;width:calc(100% - 90px);height:calc(100vh - 120px)}
.fm-right .table .fas{font-size:160px;color:#ddd;padding:0;margin:0;display:inline}

.addfol-btn-big:before{content:'\f65e';font-family:'Font Awesome 5 Free';font-weight:700;font-size:32px;position:relative;top:2px;padding-right:5px;color:#ccc}
.addfol-btn-big:after{content:'Add New Folder';font-family:roboto_r;font-weight:400;font-size:24px;line-height:30px;color:#aaa}

.fm-toolbar{display:block;position:relative;width:100%;padding:0;overflow:hidden;height:36px;line-height:36px;background:#f5f5f5}
.fm-toolbar .checkbox{display:block;position:relative;width:36px;height:35px;line-height:36px;float:left;text-align:center;vertical-align:middle;background:#fff;border-bottom:1px solid #ededed;border-left:1px solid #ededed}
.fm-toolbar select{position:relative;width:101px;font-size:13px;height:37px;line-height:36px;padding:0;margin:-1px 0 0;float:left;background-color:#fff;border:1px solid #ededed;border-right:0;border-left:0;border-radius:0}
.fm-toolbar .button-light{display:none;height:36px;line-height:36px;border:0;float:left;cursor:pointer;padding:0 15px 0 12px;margin:0;background:#a0b9af;font-size:13px;color:#fff;border-radius:0}

.fm-toolbar .shortcode{display:block;position:relative;float:right;padding:0 15px}
.fm-toolbar .tooltip{margin-right:5px;font-size:16px}

.folderlist-thumb{position:relative;display:block;overflow:hidden;margin:15px 0;padding-left:10px}
.folderlist-thumb .item-thumb{display:block;overflow:hidden;padding:0;margin:5px;width:10px;height:90px;position:relative;float:left;text-align:center;color:#444;font-size:1.3rem;background:#fff;border-radius:2px;box-shadow:0 0 2px 1px #bababa}
.folderlist-thumb .item-thumb img{width:auto;max-width:100%;height:auto;display:block;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0}
.folderlist-thumb .item-text{display:block;position:absolute;bottom:0;left:0;width:90%;height:30px;line-height:30px;text-align:center;color:#444;font-size:1.3rem;padding:0 5%;background-color:#fff}

.folderlist ul{margin:0;padding:0 20px 0 15px}
.folderlist li{list-style:none;display:block;line-height:40px;padding:0;color:#222;cursor:pointer;border-bottom:1px solid #ededed}
.folderlist .fas{position:relative;margin-right:5px;font-size:14px}

.the-file-grid{display:block;overflow:hidden;position:relative;float:left;padding:0;margin:5px 5px 0 0;width:110px;height:110px;border:1px solid #ededed}
.the-file-grid .filethumb-wrap{display:block;overflow:hidden;padding:0;margin:0;width:110px;height:110px}
.the-file-grid .filethumb{position:absolute;top:0;left:0;display:block;overflow:hidden;padding:0;margin:0;width:100%;height:110px;line-height:110px;text-align:center;background:#fff}
.the-file-grid .filethumb img{max-width:100%;height:auto;position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;-webkit-backface-visibility:hidden;-webkit-transform: translateZ(0);transform: translateZ(0)}
.the-file-grid .filethumb .fas{font-size:38px;color:#777;line-height:110px}
.the-file-grid .filetext{display:none;position:absolute;left:0;bottom:0;width:94%;padding:0 3%;height:24px;line-height:24px;font-size:.875em;background:#fff;border-top:1px solid #ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.the-file-grid .filesize{display:none;padding:3px;font-size:1.2rem}
.the-file-grid .file-checkbox{display:block;position:absolute;left:5px;top:3px}
.the-file-grid .thisfileinsert{display:block;position:absolute;top:0;right:0;width:20px;height:24px;line-height:24px;text-align:center;color:#555;background:#fff}
.the-file-grid .thisfileinsert:before{content:'\f56d';font-family:'Font Awesome 5 Free';font-weight:700;font-size:20px}

.the-file-list{display:table;position:relative;width:100%;padding:0;margin:0;border-bottom:1px solid #ededed;font-size:1.4rem;border-left:1px solid #ededed}
.the-file-list .filethumb-wrap,
.the-file-list .filetext-wrap,
.the-file-list .filesize,
.the-file-list .filedate,
.the-file-list .fileadder,
.the-file-list .file-checkbox{max-width:280px;display:table-cell;vertical-align:middle}
.the-file-list .file-checkbox{width:36px;max-width:36px;text-align:center}
.the-file-list .filethumb-wrap{width:42px;padding-right:0;overflow:hidden}
.the-file-list .filethumb{position:relative;float:left;text-align:center;width:36px;height:36px;padding:0;margin:5px 0}
.the-file-list .filethumb img{max-width:100%;height:auto;max-height:36px;display:block;position:absolute;margin:auto;top:0;right:0;bottom:0;left:0}
.the-file-list .filethumb .fas{font-size:16px;color:#777;line-height:40px}
.the-file-list .filetext{width:200px}
.the-file-list .filesize{width:80px;color:#555}
.the-file-list .filedate,
.the-file-list .fileadder{color:#555}

.the-file-list .thisfileinsert:before{content:'\f56d';font-family:'Font Awesome 5 Free';font-weight:700;font-size:16px;color:#555}

.filedetails-trigger{display:block;vertical-align:middle;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.filedetails-wrapper{display:none;width:100%;height:100%;height:100vh;padding:0;position:fixed;top:0;left:0;background:#000;background:rgb(0,0,0,.5)}
.filedetails-wrapper-inner{display:block;overflow:auto;width:96%;height:94vh;margin:3vh auto;padding:0;background:transparent}

.filedetails-wrapper-inner .folderlist a{padding:0}

.filedetails-wrapper-topbar{display:block;height:45px;line-height:45px;padding:0;margin-bottom:20px;border-bottom:1px solid #ededed}
.filedetails-wrapper-topbar .btn{display:block;position:relative;float:right;width:50px;height:45px;line-height:45px;font-size:16px;color:#444;text-align:center;background:#fff;border-left:1px solid #ededed}
.filedetails-wrapper-topbar .btn.closeFileWrapper{font-size:28px}

.filedetails-wrapper-topbar .fas,
.filedetails-wrapper-topbar .far{line-height:46px}
.filedetails-wrapper-topbar .fas.active,
.filedetails-wrapper-topbar .far.active{color:#2b8fc1}

.filedetails-left{display:table;position:relative;float:left;width:70%;height:94vh;padding:0;background:#000;text-align:center}
.filedetails-left .fas{font-size:160px;color:#eee;vertical-align:middle}
.filedetails-left img{max-width:100%;height:auto;max-height:94vh;margin:auto}

.filedetails-right{display:block;overflow-x:hidden;overflow-y:auto;position:relative;float:right;height:94vh;width:30%;margin:0;padding:0;font-size:.95em;line-height:1.7em;color:#757575;background:#fff;overflow-wrap:break-word}
.filedetails-right img{max-width:100%;height:auto}

.filedetails-right-content{width:calc(100% - 40px);padding:0 20px}
.filedetails-right-content .thisfileinsert:before{content:'\f56d';font-family:'Font Awesome 5 Free';font-weight:700;font-size:16px;color:#444;padding-right:5px}
.filedetails-right-content .thisfileinsert:after{content:'paste into editor';font-family:roboto_r;color:#444}

.filedetails-folderlist{position:absolute;top:64px;left:32px;display:block;overflow:auto;padding:20px;background:#fff;box-shadow:0 0 1px 0 rgba(0,0,0,.5),0 1px 15px 0 rgba(0,0,0,.25);z-index:99}

.filedetails-folderlist .movefile{display:block;width:100%;padding:7px 0;border-bottom:1px solid #ededed}

#uploadButtons{display:block;position:relative;width:280px;margin:0 auto}
.upload-wrapper{display:block;position:relative;overflow:hidden;width:100%;padding:30px 0 0;top:46px;border-bottom:1px solid #ededed}
.upload-wrapper-inner{display:block;position:relative;overflow:hidden;width:94%;padding:20px 3% 60px 3%;text-align:center}
.upload-wrapper label.selFile input[type=file]{background:transparent;border:none;cursor:inherit;display:block;font-size:0;filter:alpha(opacity=0);min-height:100%;padding:0;margin:0;opacity:0;position:absolute;top:0;right:0;text-align:right}
.upload-wrapper label.selFile{width:280px;display:block;position:relative;margin:0 auto;padding:15px 0;cursor:pointer;line-height:normal;text-align:center;font-size:1.4rem;border:2px dashed #ccc;border-radius:4px;cursor:pointer;background:#fff}
.upload-wrapper .sendFiles-button,
.upload-wrapper .cancelupload-button{display:block;position:relative;float:left;margin:0;width:49.5%;text-align:center;color:#fff;font-size:1.3rem;font-family:arial;font-weight:700;padding-top:12px;padding-bottom:12px;border:0;background:linear-gradient(#0086c5,#0180bc)}
.upload-wrapper .cancelupload-button{float:right;color:#444;background:linear-gradient(#ddd,#cecece)}

.fm .celldiv{display:table-cell;vertical-align:middle;word-wrap:break-word}

.fm .toggle{display:none;overflow:hidden;padding:30px;font-size:1.5rem;line-height:2.2rem;border-bottom:1px solid #ddd}
.fm .toggle .button,
.fm .toggle .button-light{box-sizing:border-box;height:40px;line-height:40px;display:block;position:relative;overflow:hidden;outline:0;border:0;padding:0;color:#fff;background:#2782bb;font-weight:400;font-size:14px;text-align:center;cursor:pointer;border-radius:3px}
.fm .toggle .button-light{color:#000;background:linear-gradient(#f3f3f3,#ededed)}
.fm .toggle input[type=text]{height:38px;line-height:38px;padding:0 15px;background:#eee;border:1px solid #ededed}

.active-folder{display:none}

@-webkit-keyframes rotation {
   from {-webkit-transform: rotate(0deg);}
   to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
   from {-moz-transform: rotate(0deg);}
   to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
   from {-o-transform: rotate(0deg);}
   to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
   from {transform: rotate(0deg);}
   to {transform: rotate(359deg);}
}
/***** file manager end *****/

/***** PM *****/
.pmbox{display:none;position:fixed;width:540px;left:50%;margin-left:-270px;bottom:0;padding:0;height:480px;overflow:hidden;background:#fff;border-top-left-radius:5px;border-top-right-radius:5px;box-shadow:0 0 1px 0 rgba(0,0,0,.5),0 1px 15px 0 rgba(0,0,0,.25);z-index:999}

.pmbox-title{display:block;overflow:hidden;position:relative;margin-bottom:15px;width:calc(100% - 15px);margin:0;padding:0;height:32px;line-height:32px;color:#fff;background:#000;border-bottom:1px solid #ddd;font-family:roboto_cb;padding-left:15px;}

.pmbox-close{display:block;position:relative;float:right;width:36px;height:32px;line-height:32px;color:#fff;font-size:16px;text-align:center}

.pmbox-to{display:block;width:calc(100% - 30px);padding:0 15px;position:relative;float:left;min-height:36px}
.pmbox .to{display:block;position:relative;float:left;width:30px;height:36px;line-height:36px}
.pmbox .touser{display:block;position:relative;float:left;height:24px;line-height:24px;margin:0 1px 1px 0;padding:0 7px;font-family:arial;font-size:13px;text-align:center;background:#3b9c9c;color:#fff;border-radius:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.pmbox .showtousers{display:none;overflow:hidden;width:100%;padding:5px 0}
.pmbox .addsign{display:block;position:relative;float:left;height:26px;line-height:26px;margin-top:4px;margin-right:1px;padding:0 15px;font-size:13px;text-align:center;background:#f1f1f1;color:#222;border-radius:5px;cursor:pointer}

.pm-addbox{display:block;overflow:hidden}
.pm-addbox-bottombar{display:block;overflow:hidden;height:36px;line-height:36px;padding:0 15px;border-top:1px solid #ededed;border-bottom:1px solid #ededed;background:#f8f8f8}
.pm-addbox button.addPm{display:block;position:relative;float:right;border:0;padding:0 0 0 10px;height:36px;line-height:36px;font-family:arial;font-weight:700;font-size:1.4rem;background:transparent}
.pm-addbox .addPm-active{color:#0583c2}
.pm-addbox .addPm{cursor:pointer}

.pm-addbox .trumbowyg-box,
.pm-addbox .trumbowyg-editor{height:320px !important;border:0}
.pm-addbox .trumbowyg-textarea{min-height:300px}

.pm-addbox .addPm-wait{display:none;position:relative;overflow:hidden;float:right;width:110px;}

.pm-addbox .note-frame *{font-size:14px} 
.pm-addbox .note-toolbar{padding:0;margin:0}
.pm-addbox .note-btn-group{margin:0!important}
.pm-addbox .note-frame{border:0!important}
.pm-addbox .note-statusbar{display:none}

.pm-addbox-wait{display:none;position:relative;text-align:center;padding:50px}

.pm-spinner-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.25);z-index:999}
.pm-spinner{display:block;position:absolute;top:50%;left:50%;border-radius:50%;width:110px;height:110px;margin-top:-55px;margin-left:-55px;border-top:20px solid #00f;border-right:20px solid #ff0;border-bottom:20px solid red;border-left:20px solid purple;background:0 0;animation:spin 2s linear infinite}
@keyframes spin {
0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}

.searchbox.pm-searchbox{width:158px;top:-1px}
.searchbox:before{width:30px;height:30px;line-height:30px;font-size:14px}
.searchbox.pm-searchbox input[type="text"]{width:120px;height:30px;line-height:30px}

.pm-topbar{display:block;height:36px;line-height:36px;padding:0;margin:0 0 10px 0;font-size:13px}

.pm-topbar .trash-button,
.pm-topbar .delete-button{width:40px;height:36px;line-height:36px;padding:0;margin:0;position:relative;float:right}
.pm-topbar .trash-button:before{width:100%;font-size:16px;border-radius:0;background:#ededed;color:#444}
.pm-topbar .delete-button:before{content:'\e92b';font-size:16px;border-radius:0;background:#ccc;color:#444}

.pm-avatar,
.pm-name,
.pm-text,
.pm-date,
.pm-icon{display:block;position:relative;font-size:13px}

.fas.reply-icon{font-size:12px;line-height:26px;cursor:pointer}

.pm-avatar{width:26px;height:26px;float:left;margin-right:6px}
.pm-avatar img{width:100%;height:auto;border-radius:2px}

.pm-message{display:block;width:100%;position:relative;float:left;overflow:hidden;padding:10px 0;border-bottom:1px solid #ededed}
.pm-name{float:left;line-height:26px}
.pm-date{float:right;margin-left:10px;margin-right:10px;line-height:26px}
.pm-text{overflow:hidden;font-family:arial;font-size:1.4rem;line-height:2.2rem}
.pm-icon{line-height:26px;float:right}

.pm-new{display:inline-block;color:#fff;line-height:16px;padding:0 3px;margin-right:5px;font-size:10px;background:red;border-radius:3px}

.pm-replyblock{display:block;position:reltive;margin:0;padding:0 0 0 7px;border-left:2px solid #0085cf}
.pm-replyblock blockquote{padding:0;margin:0}
/***** PM end *****/

/***** pagination *****/
div.paginate{padding:0;overflow:hidden;display:inline-block;background:#fff;border:1px solid #ededed}

div.paginate input[type='button']:hover{cursor:pointer}
div.paginate input[type='button']{position:relative;float:left;display:block;margin:0;color:#03A9F4;font-size:14px;border:0;border-left:1px solid #ededed;background:transparent;min-width:30px;height:30px;line-height:30px;outline:none}

div.paginate input[type='button'].active{background-color:#17a2b8;color:#fff;font-weight:bold}
div.paginate input[type='button']:disabled{color:#ddd!important}
div.paginate input[type='number']#paginate_page_to_go{position:relative;float:left;display:block;max-width:40px;font-size:14px;text-align:center;padding:0 3px;margin:0;height:30px;line-height:30px;border:0;background:#efefef;border:0;outline:none}

div.paginate input[type='number']::-webkit-inner-spin-button{opacity:1}

div.paginate input[type='button'].paginate_control_prev,
div.paginate input[type='button'].paginate_control_next{display:block;position:relative;float:left;text-decoration:none;padding:0 5px;margin:0;height:30px;line-height:30px;font-size:21px;background:#fff;text-align:center}
div.paginate input[type='button'].paginate_control_prev{border:0}
div.paginate input[type='button'].paginate_control_next{border-left:1px solid #ededed}

.pagination-dots{display:block;position:relative;float:left;padding-left:5px;padding-right:5px;height:30px;line-height:30px;border-left:1px solid #ededed}

div.paginate button, 
div.paginate input{text-transform:none;overflow:visible;font-family:inherit;font-size:100%;line-height:1.15;margin:0}

div.paginate button, 
div.paginate [type="button"], 
div.paginate [type="reset"], 
div.paginate [type="submit"] {-webkit-appearance:button;}

div.paginate button::-moz-focus-inner, 
div.paginate [type="button"]::-moz-focus-inner, 
div.paginate [type="reset"]::-moz-focus-inner, 
div.paginate[type="submit"]::-moz-focus-inner{border-style:none;padding:0}

div.paginate button:-moz-focusring, 
div.paginate [type="button"]:-moz-focusring, 
div.paginate [type="reset"]:-moz-focusring, 
div.paginate [type="submit"]:-moz-focusring{outline: 1px dotted ButtonText}

div.pagi{padding:0;overflow:hidden;display:inline-block;background:#fff;border:1px solid #ededed}
div.pagi .pag{position:relative;float:left;display:block;margin:0;color:#222;text-align:center;font-size:14px;border:0;border-left:1px solid #ededed;background:transparent;min-width:30px;height:30px;line-height:30px;outline:none}
div.pagi .prv,
div.pagi .nxt{display:block;width:30px;position:relative;float:left;text-decoration:none;padding:0 5px;margin:0;height:30px;line-height:30px;font-size:24px;background:#fff;text-align:center}
div.pagi .nxt{border-left:1px solid #ededed}
div.pagi .active{background-color:#17a2b8;color:#fff;font-weight:bold}
div.pagi .prv.inactive,
div.pagi .nxt.inactive{color:#ddd}

/***** pagination end *****/

.slide-leftpan,
.slide-rightpan{width:260px;display:block;position:relative;float:left}
.slide-rightpan{width:calc(100% - 320px);padding-left:60px}

.slide-item{cursor:move;display:block;width:260px;overflow:hidden;padding:0 10px;line-height:38px;color:#000;font-size:14px;border:1px dashed #000;border-radius:3px}
.slide-item .fas{vertical-align:middle;padding-bottom:2px}

.pagerow-toggle .commentcount:before{content:'\f4ad';font-family:'Font Awesome 5 Free';font-size:14px;font-weight:700;padding-right:5px;color:#444}
.pagerow-toggle .pagecount:before{content:'\f0c5';font-family:'Font Awesome 5 Free';font-size:14px;font-weight:700;padding-right:5px;color:#444}

@media only screen and (max-width:800px) {
	
.breadcrumb{display:block}
.breadcrumb-forms,
.fm-top-forms{display:none;overflow:hidden;position:fixed;top:90px;left:0;width:calc(100% - 38px);padding-left:38px;background:#f9f9f9;border-bottom:1px solid #ddd;z-index:8}	
	
.breadcrumb-offset{height:45px}	
	
.breadcrumb-plus{width:50px;height:45px;line-height:45px;display:block;position:relative;float:right;text-align:center;color:#000}
.breadcrumb-plus:before{content:'\f067';font-family:'Font Awesome 5 Free';font-size:16px;font-weight:700;line-height:1;vertical-align:middle}

.content-left,
.content-right{width:100%;padding:0;margin:0}
.content-right{margin-top:10px;border:1px solid #ddd}

#modalFrame,
#fm-include-div{max-width:100%;padding:0;height:100%;box-shadow:none;border-radius:0}		
}

@media only screen and (max-width:768px) {
ul.list li{width:calc(100% - 30px);display:block;overflow:hidden;padding:10px 15px;margin:0}	
.pagerow-toggle{display:none;position:relative;float:left;overflow:hidden;width:calc(100% - 50px);padding:0}	
.pagerow-trigger{display:inline-block;position:relative;float:right;margin-right:15px;font-size:16px;color:#444;cursor:pointer}
.pagerow-trigger:before{content:'\f141';font-family:'Font Awesome 5 Free';font-weight:700}
.pagerow-trigger.pagerow-userlist{position:absolute;float:none;top:19px;right:15px}
.pagerow-toggle .box{line-height:30px}

.slide-rightpan{width:calc(100% - 300px);padding-left:40px}
}

@media screen and (max-width:640px) {
.cpanel-inner{padding:10px}	
.modal-content{width:calc(100% - 30px);padding:15px}
.pmbox-content{padding:15px}
}

@media screen and (max-width:600px) {
.splitpage{background:transparent}	
.loginbox-right{display:none!important}
.loginbox .site-logo,
.regbox .site-logo{margin-left:15px}
}

@media screen and (max-width:640px) {
.w49p,
.w50p{width:100%}	

.slide-rightpan{width:calc(100% - 280px);padding-left:20px}
}

@media screen and (max-width:533px) {
	
.fm-top .btn{width:42px}
.filedetails-wrapper-topbar .btn{padding:0}

.fm-left{display:none}
.fm-right{width:100%}
#folderdropdown{display:block}
#folderdropdown select{width:100%;border-radius:0;border-left:0;border-right:0;font-family:roboto_m;background-position:right 10px center}

.active-folder{display:block;width:98%;padding-left:2%;height:45px;line-height:47px;border-bottom:1px solid #ededed}
.active-folder .fas{font-size:24px;line-height:45px;margin-left:2px;margin-right:5px;position:relative;float:left}

.fm-toolbar .checkbox{border-bottom:1px solid #ededed;border-left:0}
.fm-toolbar .shortcode{padding:0 10px 0 0}
.fm-toolbar select{width:90px}

.filedetails-wrapper-inner{width:100%;height:100vh;margin:0}
.filedetails-wrapper-topbar{position:fixed;top:0;left:0;margin-bottom:0;width:100%;background:#fff}
.filedetails-wrapper-topbar .btn{width:40px;float:left;border-left:0;border-right:1px solid #ededed}

.filedetails-left{display:block;width:100%;margin-top:45px;overflow:hidden}
.filedetails-right{display:block;width:94%;padding:2% 3%;overflow:hidden}

.pm-buttons-toggle{display:block}

.pm-buttons{display:none;clear:both;width:220px;overflow:hidden;position:relative;float:left}
.pm-buttons-toggle{position:relative;float:left;margin-right:20px;line-height:36px;font-size:16px;text-transform:uppercase;color:#000}
.pm-buttons-toggle:before{content:'\f0c9';font-family:'Font Awesome 5 Free';font-weight:700;font-size:16px;line-height:1;padding-bottom:0;position:relative;float:left;top:5px}

.pm-buttons .compose-button,
.pm-buttons .inbox-button,
.pm-buttons .outbox-button,
.pm-buttons .pm-trash-button{width:100px;margin:5px 5px 5px 0}

.slide-leftpan,
.slide-rightpan{width:94%;padding-left:3%;padding-right:3%}
.slide-rightpan{margin-top:25px;padding-top:25px;border-top:1px solid #ededed}
}	

@media screen and (max-width:414px) {
.menu-edit{clear:both}
.menu-edit,
.menu-arrange,
.menu-select,
.menu-select-button{margin-top:5px}	

.cp-pagelist .breadcrumb select{width:calc(33% - 4px);margin-right:1px;margin-top:1px}	
.cp-pagelist .breadcrumb .searchbox{display:none;width:100%;position:relative;float:left;border:0;border-bottom:1px solid #ddd}	

.cp-pagelist .breadcrumb-trigger-search{width:50px;height:45px;line-height:45px;display:block;position:relative;float:right;text-align:center;color:#000;border-left:1px solid #ededed;border-right:1px solid #ededed}
.cp-pagelist .breadcrumb-trigger-search:before{content:'\f002';font-family:'Font Awesome 5 Free';font-size:16px;font-weight:700;vertical-align:middle}
}

@media screen and (max-width:375px) {
.breadcrumb .editpage-update{width:160px}
.the-file-list .filetext-wrap{width:170px}
.the-file-list .filetext{width:150px;padding-left:5px}
}

@media screen and (max-width:360px) {

.loginbox{width:280px;margin:0 auto;padding:0 15px;border:none;box-shadow:none}

}
@media screen and (max-width:320px) {
.breadcrumb .editpage-update{width:130px}

.breadcrumb .add-button-orange{padding-left:0;padding-right:0}
.breadcrumb .add-button-orange:before{margin-right:0}
.breadcrumb .add-button-orange-text{display:none}

.fm-top .btn{width:38px}
.the-file-list .filetext{width:130px;padding-left:5px}
}