@import url(//fonts.googleapis.com/css?family=Lato:300,400,700);body.grybg{background:#f0f0f0;padding-top:5%;}
a, a:hover{text-decoration:none !important;}
ver{color:#23527c;text-decoration:none !important;}
.allButFooter{min-height:calc(100vh - 95px);}
.container > header, .codrops-top{color:#fff;font-family:'Lato', Arial, sans-serif;}
.container > header{margin:0 auto;padding:12em 2em;padding-left:370px;background:rgba(0, 0, 0, 0.05);}
.container > header a{color:#566473;text-decoration:none;outline:none;}
.container > header a:hover{color:#4f7bab;}
.container > header h1{font-size:3.2em;line-height:1.3;margin:0;font-weight:300;}
.container > header span{display:block;font-size:55%;color:#74818e;padding:0 0 0.6em 0.1em;}
.codrops-top{background:#fff;background:rgba(255, 255, 255, 0.6);text-transform:uppercase;width:100%;font-size:0.69em;line-height:2.2;}
.codrops-top a{text-decoration:none;padding:0 1em;letter-spacing:0.1em;color:#888;display:inline-block;}
.codrops-top a:hover{background:rgba(255, 255, 255, 0.95);color:#333;}
.codrops-top span.right{float:right;}
.codrops-top span.right a{float:left;display:block;}
.codrops-icon:before{font-family:'codropsicons';margin:0 4px;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;}
.codrops-icon-drop:before{content:"\e001";}
.codrops-icon-prev:before{content:"\e004";}
.codrops-demos{padding-top:1em;font-size:0.9em;}
.codrops-demos a{text-decoration:none;outline:none;display:inline-block;margin:0.5em;padding:0.7em 1.1em;border:3px solid #b1aea6;color:#b1aea6;font-weight:700;}
.codrops-demos a:hover, .codrops-demos a.current-demo, .codrops-demos a.current-demo:hover{border-color:#89867e;color:#89867e;}
.logo img{vertical-align:top;line-height:normal;width:185px;}
li.logo-box a:hover{background:none !important;}
#profile-pic{text-align:center;margin:20px 0px;}
.profile-pic-circle{background:#66312B;border:8px solid #F87668;border-radius:100%;width:41%;font-size:35px;font-weight:bold;line-height:108px;margin-left:25%;}
.profile-name{text-align:center;margin:0px 20px 0px 0px;}
#top-favourite{background:url(../img/star.png) center center no-repeat;width:24px;height:30px;cursor:pointer;}
#top-favourite:hover{background:url(../img/star-activity.png) center center no-repeat;}
#top-blub{background:url(../img/blub.png) center center no-repeat;width:24px;height:30px;cursor:pointer;}
#top-clock{background:url(../img/clock.png) center center no-repeat;width:24px;height:30px;cursor:pointer;}
#top-notification{background:url(../img/notification.png) left center no-repeat;width:32px;height:30px;cursor:pointer;text-align:right;}
#top-notification span{background:#fcc101;padding:2px 6px;color:#fff;border-radius:50%;font-size:12px;}
.col-md-4.right-top-box{padding:16px 76px;text-align:right;position:fixed;top:0px;right:0px;margin-right:6%;z-index:33;}
.right-top-box li{display:inline-block;list-style:none;vertical-align:middle;/*margin:10px 5px 0px 0px;*/margin:10px 0px 5px;}
#top-right-menu{background:url(../img/right_menu_icon.jpg) left center no-repeat #3d4d69;padding:7px 10px 7px 43px;color:#fff;cursor:pointer;border:none;}
.dropdown-content{display:none;position:absolute;background:url(../img/top-dropdown.png) top left no-repeat;min-width:160px;overflow:auto;text-align:left;color:#fff;padding:15px 5px 5px 5px;}
.dropdown-content a{color:black;padding:5px 5px;text-decoration:none;display:block;color:#fff;border-bottom:1px solid #35435c;}
.dropdown-content a:hover{background:#5f6f81;color:#fff !important;}
.show{display:block;}
.top-box-left, .top-box-right{background:#fff;border:1px solid #ccc;padding:10px;margin:10px;text-align:center;}
.top-box-left span, .top-box-right span{font-size:13px;line-height:18px;font-weight:normal;display:inline-block;}
.top-box-left a, .top-box-right a{color:#333;}
.countpor{background:#ECA86E;color:#fff !important;line-height:57px;border-radius:100% !important;width:65px;font-size:20px;margin:10px auto;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;border:5px solid #E08F4A;}
.countporper{background:#74C0AE;color:#fff !important;line-height:57px;border-radius:100% !important;width:65px;font-size:20px;margin:10px auto;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;border:5px solid #4BB199;}
.counttask{background:#5D7CAB;color:#fff !important;line-height:57px;border-radius:100% !important;width:65px;font-size:20px;margin:10px auto;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;border:5px solid #4D6C9B;}
.user_det{background:#C75C5C;color:#fff !important;line-height:57px;border-radius:100% !important;width:65px;font-size:20px;margin:10px auto;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;border:5px solid #AE4747;}
.totalpro, .usedpro{background:#F8D35E;color:#fff !important;line-height:57px;border-radius:100% !important;width:65px;font-size:20px;margin:10px auto;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;border:5px solid #E3BD44;}
.totalstor, .usedstor{background:#C75C5C;color:#fff !important;line-height:57px;border-radius:100% !important;width:65px;font-size:20px;margin:10px auto;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;border:5px solid #AE4747;}
.countpor:hover, .countporper:hover, .counttask:hover, .user_det:hover, .totalpro:hover, .usedpro:hover, .totalstor:hover, .usedstor:hover{-webkit-transform:translate(0px, -10px) scale(0.85);-ms-transform:translate(0px, -10px) scale(0.85);-o-transform:translate(0px, -10px) scale(0.85);-moz-transform:translate(0px, -10px) scale(0.85);transform:translate(0px, -10px) scale(0.85);}
.main-timeline{background:#fff;padding:20px;margin:10px 10px;}
.footer{bottom:0;width:100%;height:60px;background-color:#000000;text-align:center;color:#fff;padding:20px;}
.ontop{/*z-index:999;*/z-index:999999;width:100%;height:100%;top:0;left:0;display:none;position:fixed;background-color:RGBA(0, 0, 0, 0.6);color:#aaaaaa;opacity:1;filter:alpha(opacity = 50);overflow:auto;}
#popup{position:absolute;color:#000000;background-color:#ffffff;top:20%;left:28%;margin-top:0;margin-left:0;width:50%;}
.generatedcontent #popup{width:70% !important;left:18% !important;}
.popupHeader{background:#2e3e4e;padding:10px;font-size:18px;font-weight:bold;color:#fff;}
.popup-close{background:#1d2b39;border-radius:50%;padding:5px 6px;color:#fff;font-size:14px;}
.popup-close:hover{color:#fff;}
.popupBody{padding:10px;}
.popupBody span{text-transform:uppercase;padding:0px 5px;line-height:20px;}
.popupBody input[type="text"], .popupBody input[type="tel"], .popupBody input[type="number"], .popupBody input[type="url"], .popupBody select, .popupBody input[type="password"], .popupBody input[type="email"]{width:100%;margin:5px 0px;padding:10px;webkit-box-shadow:inset 0px 0px 3px 2px rgba(217, 217, 217, 1);-webkit-appearance:none;-moz-box-shadow:inset 0px 0px 3px 2px rgba(217, 217, 217, 1);box-shadow:inset 0px 0px 3px 2px rgba(217, 217, 217, 1);border:none;color:#333;}
.popupBody select{color:#8f8e8e;}
.popupBody textarea{width:100%;margin:5px 0px;padding:10px;webkit-box-shadow:inset 0px 0px 3px 2px rgba(217, 217, 217, 1);-moz-box-shadow:inset 0px 0px 3px 2px rgba(217, 217, 217, 1);box-shadow:inset 0px 0px 3px 2px rgba(217, 217, 217, 1);border:none;-webkit-appearance:none;}
.popup-file-img-box{border:3px solid #ccc;padding:0px;text-align:center;overflow:hidden;padding:30px 10px;}
.popup-file-img-box img, .popup-file-doc-box img {
    max-width: 100%;
    border: 1px solid #dedede;
    padding: 10px;
}
.popup-file-doc-box{border:3px solid #ccc;padding:30px 10px;text-align:center;overflow:hidden;height:100%;}
.popup-download-butt a{background:url(../img/download-butt.png) 4% center no-repeat #E85A4F;border-radius:5px;display:inline-block;padding:0px 10px 0px 40px;color:#fff;margin:10px 0px;}
.popup-download-butt a:hover{color:#000;}
.popup-delete-butt a{background:url(../img/delete-butt.png) 4% center no-repeat #e9e9e9;border-radius:5px;display:inline-block;padding:0px 10px 0px 40px;color:#000;margin:10px 0px;}
.forget-butt.turquoisebutt{width:150px !important;}
.scrollbar-y{overflow-y:scroll;overflow-x:hidden;max-height:390px;padding:30px 0px;}
#emoji_btn_1, #emoji_btn_2,#emoji_btn_3{display:none;}
.msg-send-bot #emoji_btn_4{display:inline !important;margin:0 8px 0 0;}
#emoji_btn_4{display:none;}
.cd-accordion-menu{width:100%;background:#ffffff;margin:5px auto;transition:0.6s ease-in-out;padding:0px;}
.has-children{display:inline-block;margin:10px 0;width:100%;}
.cd-accordion-menu ul{display:none;padding:0;}
.cd-accordion-menu li{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;list-style:none;}
.cd-accordion-menu input[type=checkbox]{position:absolute;opacity:0;}
.cd-accordion-menu label, .cd-accordion-menu a, .switch-botton label{position:relative;display:block;background:#2e3e4e;box-shadow:inset 0 -1px #2e3e4e;color:#ffffff;padding:10px;font-size:18px;margin:0px;padding:10px 10px 10px 50px;}
.no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover{background:#2e3e4e;}
.cd-accordion-menu label::before, .cd-accordion-menu label::after, .cd-accordion-menu a::after{content:'';display:inline-block;width:16px;height:16px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.cd-accordion-menu label{cursor:pointer;}
.cd-accordion-menu label::before, .cd-accordion-menu label::after{background-image:url(../img/cd-icons.svg);background-repeat:no-repeat;}
.cd-accordion-menu label::before{left:0px;content:"\002b" !important;background-position:0 0;-webkit-transform:translateY(-50%) rotate(-90deg);-moz-transform:translateY(-50%) rotate(-90deg);-ms-transform:translateY(-50%) rotate(-90deg);-o-transform:translateY(-50%) rotate(-90deg);transform:translateY(-50%) rotate(-90deg);background:#1d2b39;border-radius:50%;width:26px;height:26px;padding:1px 0px 0px 8px;}
.cd-accordion-menu label::after{left:0px;background-position:-16px 0;}
.cd-accordion-menu input[type=checkbox]:checked + label::before{-webkit-transform:translateY(-50%) rotate(45deg);-moz-transform:translateY(-50%) rotate(45deg);-ms-transform:translateY(-50%) rotate(45deg);-o-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);}
.cd-accordion-menu input[type=checkbox]:checked + label::after{background-position:-32px 0;}
ul.sub-task li{border-left:5px solid #bebebe;}
ul.sub-task li a{background:#fff !important;color:#333;padding:7px !important;border-left:0;font-size:14px;font-weight:600;}
ul.sub-task li{background:#fff !important;padding:7px !important;border-top:none;border-bottom:1px solid #d5d5d5;border-left:10px solid #e0e0e0;border-right:1px solid #d5d5d5;}
ul.sub-task li .user-list span, ul.sub-task li .user-list a{color:#fff;}
ul.sub-task li a:hover{border-left:0 !important;color:#e85a4f;}
.cd-accordion-menu input[type=checkbox]:checked + label + ul, .cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul{display:block;padding:0px;}
.cd-accordion-menu ul label, .cd-accordion-menu ul a{background:#f87769;padding-left:45px;border-left:10px solid #e85a4f;font-size:16px;font-weight:normal;}
.no-touch .cd-accordion-menu ul label:hover, .no-touch .cd-accordion-menu ul a:hover{background:#3c3f45;border-left:10px solid #1d2b39;}
.cd-accordion-menu > li:last-of-type > label, .cd-accordion-menu > li:last-of-type > a, .cd-accordion-menu > li > ul > li:last-of-type label, .cd-accordion-menu > li > ul > li:last-of-type a{box-shadow:none;}
.cd-accordion-menu ul label::before{left:0px;content:"\002b" !important;background-position:0 0;-webkit-transform:translateY(-50%) rotate(-90deg);-moz-transform:translateY(-50%) rotate(-90deg);-ms-transform:translateY(-50%) rotate(-90deg);-o-transform:translateY(-50%) rotate(-90deg);transform:translateY(-50%) rotate(-90deg);background:#e85a4f;border-radius:50%;width:26px;height:26px;padding:1px 0px 0px 8px;}
.cd-accordion-menu ul label::after, .cd-accordion-menu ul a::after{left:59px;}
.cd-accordion-menu ul ul label, .cd-accordion-menu ul ul a{padding-left:100px;}
.cd-accordion-menu ul ul label::before{left:54px;}
.cd-accordion-menu ul ul label::after, .cd-accordion-menu ul ul a::after{left:77px;}
.cd-accordion-menu ul ul ul label, .cd-accordion-menu ul ul ul a{padding-left:118px;}
.cd-accordion-menu ul ul ul label::before{left:72px;}
.cd-accordion-menu ul ul ul label::after, .cd-accordion-menu ul ul ul a::after{left:95px;}
@media only screen and (min-width:600px){.cd-accordion-menu label, .cd-accordion-menu a{padding:10px;font-size:18px;padding:10px 10px 10px 50px;}
.cd-accordion-menu label::before{left:10px;}
.cd-accordion-menu label::after{left:53px;}
.cd-accordion-menu ul label, .cd-accordion-menu ul a{padding-left:45px;}
.cd-accordion-menu ul label::before{left:10px;}
.userpage-box .cd-accordion-menu ul label::before{right:10px !important;left:auto;}
.cd-accordion-menu ul label::after, .cd-accordion-menu ul a::after{left:77px;}
.cd-accordion-menu ul ul label, .cd-accordion-menu ul ul a{padding-left:130px;}
.cd-accordion-menu ul ul label::before{left:72px;}
.cd-accordion-menu ul ul label::after, .cd-accordion-menu ul ul a::after{left:101px;}
.cd-accordion-menu ul ul ul label, .cd-accordion-menu ul ul ul a{padding-left:154px;}
.cd-accordion-menu ul ul ul label::before{left:96px;}
.cd-accordion-menu ul ul ul label::after, .cd-accordion-menu ul ul ul a::after{left:125px;}
.myportfoliopage-box .cd-accordion-menu label::before, .switch-botton label::before{left:auto !important;right:10px;}
}
.cd-accordion-menu.animated label::before, .switch-botton label::before{-webkit-transition:-webkit-transform 0.3s;-moz-transition:-moz-transform 0.3s;transition:transform 0.3s;}
.accordion-right-box{color:#fff;z-index:11;float:right;position:relative;clear:left;padding:8px 10px;}
.property-count{background:#f67669;border-radius:50%;padding:3px 7px;font-size:12px !important;}
.accordion-right-box a{padding:0px;background:none;display:inline-block;}
.has-children2 .accordion-right-box{color:#fff;z-index:11;float:right;position:relative;clear:right;padding:10px;}
.has-children2 .property-count{background:#e85a4f;border-radius:50%;padding:3px 7px;font-size:12px !important;}
.has-children2 .accordion-right-box a{padding:0px;background:none;display:inline-block;border:none;}
.has-children2 .accordion-right-box a:hover{background:none !important;padding:0px;margin:0px;border:none !important;}
.sub-task .accordion-right-box{color:#fff;z-index:11;float:right;position:relative;padding:4px 7px 5px;text-align:right;width:20%;}
.sub-task .accordion-right-box span{display:inline-block;vertical-align:middle;}
.sub-task .property-count{background:#f67669;border-radius:50%;padding:3px 7px;font-size:12px !important;}
.sub-task .accordion-right-box a{padding:0px !important;background:none !important;display:inline-block;border:none !important;}
.sub-task.accordion-right-box a:hover{background:none !important;padding:0px;margin:0px;border:none !important;}
.userpage-box .redcircle{background:#F87668;padding:1px 2px;border-radius:50%;font-size:14px;color:#fff;font-weight:normal;text-align:center !important;margin:0px 20px 0px 0px;width:33px;height:33px;display:inline-block;border:2px solid #ccc;}
.userpage-box .turquoisecircle{background:#0CC2AB;padding:1px 2px;border-radius:50%;font-size:14px;color:#fff;font-weight:normal;text-align:center !important;margin:0px 20px 0px 0px;width:33px;height:33px;display:inline-block;border:2px solid #ccc;}
.userpage-box .cd-accordion-menu label::before{display:none;}
.userpage-box .cd-accordion-menu .check-box label::before{display:none;}
.userpage-box .cd-accordion-menu ul label::before{right:10px !important;left:auto !important;content:"\002b" !important;background-position:0 0;-webkit-transform:translateY(-50%) rotate(-90deg);-moz-transform:translateY(-50%) rotate(-90deg);-ms-transform:translateY(-50%) rotate(-90deg);-o-transform:translateY(-50%) rotate(-90deg);transform:translateY(-50%) rotate(-90deg);background:#e85a4f;border-radius:50%;width:26px;height:26px;padding:1px 0px 0px 8px;display:block;}
.userpage-box .cd-accordion-menu ul .permission-box label::before, .myportfoliopage-box .cd-accordion-menu ul .permission-box label::before, .switch-botton label::before{display:none !important;}
.userpage-box .cd-accordion-menu label{padding:10px 10px 10px 10px;font-weight:normal !important;font-size:16px;box-shadow:none;}
.userpage-box .phone-no-box a{font-size:14px;font-weight:normal;padding:0px 30px;}
.userpage-box .email-box a{font-size:14px;font-weight:normal;padding:0px 30px;box-shadow:none;}
.userpage-box .email-box a:hover, .userpage-box .phone-no-box a:hover{color:#F87668;text-decoration:none;}
.cd-accordion-menu input[type="checkbox"]:checked + label + ul, .cd-accordion-menu input[type="checkbox"]:checked + label:nth-of-type(n) + ul{width:100% !important;}
.cd-accordion-menu li > ul{width:100% !important;}
.userpage-box ul.sub-task li{border:1px solid #ccc !important;padding:10px;}
.userpage-box ul.sub-task li input[type="text"], .userpage-box ul.sub-task li input[type="url"], .userpage-box ul.sub-task li select{width:100%;margin:5px 0px;padding:10px;webkit-box-shadow:inset 0px 0px 3px 2px rgba(217, 217, 217, 1);-moz-box-shadow:inset 0px 0px 3px 2px rgba(217, 217, 217, 1);box-shadow:inset 0px 0px 3px 2px rgba(217, 217, 217, 1);-webkit-appearance:none;border:none;}
.userpage-box ul.sub-task li select{color:#8f8e8e;}
.userpage-box .cd-accordion-menu .has-children2 label{box-shadow:inset 0 -1px #fc9081;border-top:1px solid #b43832;}
.userpage-box .cd-accordion-menu .has-children2 span{text-transform:uppercase;}
.ext-box input{width:82% !important;margin:0px 0px 0px 10px !important;}
#sliderLabel{border:1px solid #a2a2a2;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;cursor:pointer;display:block;height:30px;overflow:hidden;position:relative;width:100px;}
#sliderLabel input{display:none;}
#sliderLabel input:checked + #slider{left:0px;}
#slider{left:-50px;position:absolute;top:0px;-webkit-transition:left .25s ease-out;-moz-transition:left .25s ease-out;-o-transition:left .25s ease-out;-ms-transition:left .25s ease-out;transition:left .25s ease-out;}
#sliderOn, #sliderBlock, #sliderOff{display:block;font-family:arial, verdana, sans-serif;font-weight:bold;height:30px;line-height:30px;position:absolute;text-align:center;top:0px;}
#sliderOn{background:#3269aa;background:-webkit-linear-gradient(top, #3269aa 0%, #82b3f4 100%);background:-moz-linear-gradient(top, #3269aa 0%, #82b3f4 100%);background:-o-linear-gradient(top, #3269aa 0%, #82b3f4 100%);background:-ms-linear-gradient(top, #3269aa 0%, #82b3f4 100%);background:linear-gradient(top, #3269aa 0%, #82b3f4 100%);color:white;left:0px;width:54px;}
#sliderBlock{background:#d9d9d8;background:-webkit-linear-gradient(top, #d9d9d8 0%, #fcfcfc 100%);background:-moz-linear-gradient(top, #d9d9d8 0%, #fcfcfc 100%);background:-o-linear-gradient(top, #d9d9d8 0%, #fcfcfc 100%);background:-ms-linear-gradient(top, #d9d9d8 0%, #fcfcfc 100%);background:linear-gradient(top, #d9d9d8 0%, #fcfcfc 100%);border:1px solid #a2a2a2;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;height:28px;left:50px;width:50px;}
#sliderOff{background:#f2f3f2;background:-webkit-linear-gradient(top, #8b8c8b 0%, #f2f3f2 50%);background:-moz-linear-gradient(top, #8b8c8b 0%, #f2f3f2 50%);background:-o-linear-gradient(top, #8b8c8b 0%, #f2f3f2 50%);background:-ms-linear-gradient(top, #8b8c8b 0%, #f2f3f2 50%);background:linear-gradient(top, #8b8c8b 0%, #f2f3f2 50%);color:#8b8b8b;left:96px;width:54px;}
.input-switch + label{position:relative;display:inline-block;height:25px;width:75px;border:1px solid #e85a4f !important;box-shadow:none !important;border-radius:25px;background-color:#e85a4f;line-height:25px;text-align:left;-webkit-transition:background-color 0.5s;}
.input-switch{display:none;}
.input-switch + label span.grip{position:absolute;top:-1px;left:0px;display:inline-block;width:25px;height:25px;background-color:#EEE;border-radius:50%;-webkit-transition:left 0.5s;}
.input-switch + label span.switch-label{position:absolute;display:inline-block;top:0px;left:17px;width:56px;overflow:hidden;text-align:center;-webkit-transition:opacity 0.5s;}
.input-switch + label:hover{border:1px solid #5d7cab !important;background:#5d7cab !important;transition:ease-in-out 0s;}
.input-switch + label span.switch-label.on{left:2px;opacity:0;}
.input-switch:checked + label{background-color:#5ebf94;border:1px solid #5ebf94 !important;}
.input-switch:hover:checked + label{border:1px solid #5d7cab !important;}
.input-switch:checked + label span.grip{left:50px;}
.input-switch:checked + label span.switch-label{opacity:0;}
.input-switch:checked + label span.switch-label.on{opacity:1;}
li.save-details-box{border-bottom:15px solid #ccc;border-top:0px solid #ccc;border-right:1px solid #ccc;border-left:1px solid #ccc;padding:15px 10px;text-align:center;}
.turquoisebutt{background:#0cc2ab;border-left:none;border-right:none;border-top:none;border-bottom:8px solid #158b77;color:#fff;padding:5px 15px;font-size:16px;min-width:120px;margin:10px 10px;}
.area-box .regular-checkbox + label{background-color:#fafafa;border:1px solid #000 !important;box-shadow:none !important;padding:9px;border-radius:0px;display:inline-block;position:relative;}
.area-box .regular-checkbox + label:hover{background:none !important;border-left:1px solid #000 !important;}
.area-box .regular-checkbox + label:active, .regular-checkbox:checked + label:active{box-shadow:none;}
.area-box .regular-checkbox:checked + label{background-color:#e9ecee;border:1px solid #000;box-shadow:none;color:#99a1a7;}
.area-box .regular-checkbox:checked + label:after{content:'\2714';font-size:20px;position:absolute;top:0px;left:3px;color:#000;}
.userpage-box .col-md-4, .userpage-box .col-md-6, .myportfoliopage-box .col-md-3, .myportfoliopage-box .col-md-4, .myportfoliopage-box .col-md-6, .myportfoliopage-box .col-md-3{padding-top:10px !important;left:auto !important;}
.assigned-tab h4{background:rgb(227, 227, 227) none repeat scroll 0% 0%;padding:5px;margin:5px 5px 0px 5px;}
.assigned-tab-title .col-md-6{margin:0px;padding:0px 5px;}
.assigned-tab-title h5{background:#2E3E4E;color:#fff;display:block;padding:5px 10px;margin:0px;}
.assigned-detail{border:1px solid #ccc;margin:5px 0px !important;}
.assigned-detail .col-md-6{margin:0px;padding:5px 0px;}
.assigned-tab-detail div{padding:5px;}
.assigned-time{color:#F87668;}
.assigned-tab-detail-last{border-left:1px solid #ccc;}
.myportfoliopage-box .cd-accordion-menu .has-children2 span, .myportfoliopage-box .cd-accordion-menu .sub-task span{text-transform:uppercase !important;vertical-align:top;}
.myportfoliopage-box .cd-accordion-menu .has-children2 span > span,
.myportfoliopage-box .cd-accordion-menu .sub-task span > span,
#usertask span strong{font-size:22px;line-height:28px;margin-top:5px;}
#usertask span strong{vertical-align:-6px;}
#usertask span{margin-top:5px;}
.myportfoliopage-box ul.sub-task li{border:1px solid #ccc;}
.myportfoliopage-box .cd-accordion-menu input[type="checkbox"]:checked + label:before{-webkit-transform:translateY(-50%) rotate(45deg);-moz-transform:translateY(-50%) rotate(45deg);-ms-transform:translateY(-50%) rotate(45deg);-o-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);left:auto !important;right:10px !important;}
.myportfoliopage-box .cd-accordion-menu label, .myportfoliopage-box .cd-accordion-menu a{padding:10px;font-size:18px;padding:10px 10px 10px 10px;font-weight:normal;}
.myportfoliopage-box .cd-accordion-menu label{font-weight:normal !important;}
.myportfoliopage-box .cd-accordion-menu .has-children2 label{box-shadow:inset 0 -1px #fc9081;border-top:1px solid #b43832;}
.myportfoliopage-box .input-switch + label span.switch-label.on{left:2px;}
.myportfoliopage-box .check-box label:before{display:none;}
.myportfoliopage-box ul.sub-task li{padding:10px;}
.myportfoliopage-box ul.sub-task li input[type="text"], .myportfoliopage-box ul.sub-task li input[type="url"], .myportfoliopage-box ul.sub-task li select, .myportfoliopage-box ul.sub-task li input[type="password"]{width:100%;padding:10px;webkit-box-shadow:inset 0px 0px 3px 2px rgba(217, 217, 217, 1);-moz-box-shadow:inset 0px 0px 3px 2px rgba(217, 217, 217, 1);box-shadow:inset 0px 0px 3px 2px rgba(217, 217, 217, 1);-webkit-appearance:none;border:none;}
.myportfoliopage-box ul.sub-task li select{color:#8f8e8e;}
lebal.custom-file-input{display:inline-block;position:relative;color:#533e00;margin-top:5px;}
.custom-file-input input{visibility:hidden;width:100px}
.myportfoliopage-box .custom-file-input.file-blue{background:none !important;position:relative !important;display:inherit !important;border:none;margin:0px;padding:0px;}
.myportfoliopage-box .file-blue:before{content:'Browse File' !important;background:#0cc2ab;color:#FFF;font-weight:normal !important;font-size:14px;text-shadow:none;border-bottom:5px solid #158b77;border-top:none;border-right:none;border-left:none;border-radius:0px;padding:5px 20px;margin:-15px 0px;cursor:pointer;transition:inherit !important;transform:inherit !important;right:inherit !important;left:inherit !important;width:auto;height:auto;}
.myportfoliopage-box .custom-file-input.file-blue:hover{margin:0px;border-left:none;}
.turquoisebutt-box{text-align:center;width:100%;}
.myportfoliopage-box .permission-box{line-height:40px;}
.task-file-box .main-content-box{padding-top:10px;}
.task-file-box ul li{display:inline-block;width:31%;list-style:none;text-align:center;border:1px solid #ccc;margin:10px;}
.cbp-vm-details{background:#F87668;}
.file-managerpage .main-content-box{background:#fff;border:1px solid #ccc;padding:5px;margin:10px 10px;}
.cbp-vm-options-hed{background:#f87668;}
.cbp-vm-options-hed-left{float:left;width:50%;padding:10px 0px 0px 5px;}
.cbp-vm-options-hed-left a{margin:0px 3px 0px 0px;}
.cbp-vm-options-hed-right{float:right;width:50%;}
.cbp-vm-switcher{}
.vm-options-filters{float:right;clear:right;margin:10px 10px;}
.vm-options-filters input[type="text"]{background:url(../img/search.png) right center no-repeat #fff;border:none;padding:4px 23px 4px 4px;width:200px;}
#sorting{border:none;padding:5px 5px 5px 5px;width:200px;}
.cbp-vm-options{text-align:right;}
.cbp-vm-options a{display:inline-block;width:30px;height:30px;overflow:hidden;white-space:nowrap;color:#333;background:#e85a4f;border-radius:50%;margin:8px 0px 0px 0px;}
.cbp-vm-options a:hover, .cbp-vm-options a.cbp-vm-selected{color:#fff;}
.cbp-vm-options a:before{width:30px;height:30px;line-height:normal;font-size:16px;line-height:29px;text-align:center;display:inline-block;}
.cbp-vm-switcher ul{list-style:none;padding:0;margin:0;}
.cbp-vm-switcher ul:before, .cbp-vm-switcher ul:after{content:" ";display:table;}
.cbp-vm-switcher ul:after{clear:both;}
.cbp-vm-switcher ul li{display:block;position:relative;}
.cbp-vm-image{display:block;margin:0 auto;width:100%;height:200px;}
.cbp-vm-image:hover{background:#3d4d69;}
.cbp-vm-image img{display:inline-block;width:100%;height:100%;border:none;}
.cbp-vm-image:hover img{opacity:0.4;filter:alpha(opacity=40);-webkit-transition:all 0.2s ease-in;transition:all 0.2s ease-in;}
.cbp-vm-image.img-icon{}
.cbp-vm-image.img-icon img{width:auto;height:100%;}
.cbp-vm-title{margin:0;padding:10px;color:#fff;background:#3d4d69;font-size:14px;font-family:Arial, Helvetica, sans-serif;word-wrap:break-word;}
.cbp-vm-icon:before{speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;font-family:'Glyphicons Halflings';}
.cbp-vm-grid:before{content:"\e011";}
.cbp-vm-list:before{content:"\e056";}
.cbp-vm-add:before{content:"\f055";}
.cbp-vm-view-grid ul{text-align:center;}
.cbp-vm-view-grid ul li{width:30%;text-align:center;padding:0px;margin:10px;display:inline-block;min-height:280px;vertical-align:top;border:1px solid #ccc;}
.cbp-vm-details ul li{height:auto;width:auto;border:none;list-style:none;display:inline-block;min-height:inherit;padding:10px 0px;margin:0px;}
.cbp-vm-view-grid ul li:hover .cbp-vm-title{color:#f87668;}
.cbp-vm-view-grid .cbp-vm-details{margin:0 auto;background:#f87668;}
.cbp-vm-view-grid .cbp-vm-price{margin:10px 0;font-size:1.5em;}
.cbp-vm-view-list li{white-space:nowrap;border:1px solid #ccc;margin:20px;height:142px}
.cbp-vm-view-list .cbp-vm-title{background:none;color:#000;font-size:20px;font-weight:bold;}
.cbp-vm-view-list .cbp-vm-image, .cbp-vm-view-list .cbp-vm-title, .cbp-vm-view-list .cbp-vm-details, .cbp-vm-view-list .cbp-vm-price, .cbp-vm-view-list .cbp-vm-add{display:inline-block;vertical-align:middle;}
.cbp-vm-view-list .cbp-vm-image{width:234px;background:url(../img/file-manager-listsedo.jpg) left center no-repeat #3b4f64;height:142px;float:left;}
.cbp-vm-view-list .cbp-vm-title{padding:0 10px;white-space:normal;width:53.4%;text-align:center;float:left;margin-top:55px;}
.cbp-vm-view-list .cbp-vm-price{width:10%;}
.cbp-vm-view-list .cbp-vm-image img{display:inline-block;width:150px;border:none;height:110px;margin:15px 0px 0px 17px;}
.cbp-vm-view-list .cbp-vm-image.img-icon img{display:inline-block;width:65px;border:none;height:auto;margin:5% 0px 0px 21%;float:right;}
.cbp-vm-view-list .cbp-vm-details{width:24%;padding:0 15px;overflow:hidden;white-space:normal;height:142px;background:#f87668;}
.cbp-vm-view-list .cbp-vm-details ul{text-align:center;margin-top:20% !important;}
.cbp-vm-view-list .cbp-vm-image:hover img{opacity:0.8;filter:alpha(opacity=80);-webkit-transition:all 0.2s ease-in;transition:all 0.2s ease-in;}
.cbp-vm-view-list .cbp-vm-add{margin:0;}
.bp-icon:after{font-family:'bpicons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;text-align:center;color:#47a3da;-webkit-font-smoothing:antialiased;}
.container > header nav .bp-icon:after{position:absolute;top:0;left:0;width:100%;height:100%;line-height:2;text-indent:0;}
.container > header nav a:hover:after{color:#fff;}
.bp-icon-next:after{content:"\e000";}
.bp-icon-drop:after{content:"\e001";}
.bp-icon-archive:after{content:"\e002";}
.bp-icon-about:after{content:"\e003";}
.bp-icon-prev:after{content:"\e004";}
@media screen and (max-width:55em){.container > header h1, .container > header nav{float:none;}
.container > header > span, .container > header h1{text-align:center;}
.container > header nav{margin:0 auto;}
.container > header > span{text-indent:30px;}
}
@media screen and (max-width:66.7em){.cbp-vm-view-list .cbp-vm-details{width:auto;}
.cbp-vm-view-list .cbp-vm-title{padding:0 10px;white-space:normal;width:37%;text-align:center;}
}
@media screen and (max-width:57em){.cbp-vm-view-grid ul li{width:46.5%;float:left;}
.cbp-vm-view-grid .cbp-vm-details ul li{width:auto !important;display:inline-block;float:none;text-align:center;}
.cbp-vm-view-list .cbp-vm-title{padding:0 10px;white-space:normal;width:43.8%;text-align:center;font-size:16px;}
.cbp-vm-view-list .cbp-vm-details ul{text-align:center;margin-top:35% !important;}
.cbp-vm-view-list .cbp-vm-image{width:30%;background:url(../img/file-manager-listsedo.jpg) left center no-repeat #3b4f64;height:142px;padding:5px 5px;}
.cbp-vm-view-list .cbp-vm-image img{display:inline-block;width:150px;border:none;height:110px;margin:10px 0px 0px 12px;}
.cbp-vm-view-list .cbp-vm-image.img-icon img{display:inline-block;width:65px;border:none;height:auto;margin:13% 0px 0px 31%;}
}
@media screen and (max-width:47.375em){.cbp-vm-view-list li{white-space:nowrap;border:1px solid #ccc;margin:20px;height:auto;}
.cbp-vm-view-list .cbp-vm-image{width:100%;background:#3b4f64;padding:5px 5px;display:block;}
.cbp-vm-view-list .cbp-vm-image img{display:inline-block;width:100%;border:none;height:inherit;margin:0px;}
.cbp-vm-view-list .cbp-vm-title{width:100%;padding:10px 5px;white-space:normal;text-align:center;font-size:14px;display:block;background:#3d4d69;color:#fff;font-weight:normal;}
.cbp-vm-view-list .cbp-vm-details{display:block;width:100%;margin:0;height:100% !important;}
.cbp-vm-view-list .cbp-vm-details ul{text-align:center;margin-top:0% !important;width:auto;}
.cbp-vm-view-list .cbp-vm-details ul li{width:auto;}
}
@media screen and (max-width:40.125em){.cbp-vm-view-grid ul li{width:100%;margin:10px 0px 0px 0px;}
}
@media screen and (max-width:1025px){.container > header{margin:0 auto;padding:120px 50px;font-size:70%;text-align:right;}
}
@media screen and (max-width:740px){.codrops-icon span{display:none;}
}
.account-info-detail{border:1px solid #ccc;margin:5px 10px !important;}
.subscription-box{border:1px solid rgb(204, 204, 204);margin:0px 0px 0px 25px;width:95.6% !important;padding:5px 0px;}
.account-ifo-box .myportfoliopage-box .col-md-6, .account-ifo-box .myportfoliopage-box .col-md-4{padding-top:0px !important;}
.properties-info-hadding{background:rgb(227, 227, 227);padding:5px;margin:0px !important;}
.properties-info-box{padding:5px 0px;border:1px solid rgb(204, 204, 204);margin:5px 0px !important;}
ul.sub-task li .row.properties-info-box a, ul.sub-task li .row.properties-info-box a:hover{background:none;border:none !important;padding:0px !important;margin:0px !important;}
.cancel-box{margin:0px !important;}
.cancel-box input[type="password"]{width:100%;margin:5px 0px;padding:10px;webkit-box-shadow:inset 0px 0px 3px 2px rgba(217, 217, 217, 1);-moz-box-shadow:inset 0px 0px 3px 2px rgba(217, 217, 217, 1);box-shadow:inset 0px 0px 3px 2px rgba(217, 217, 217, 1);-webkit-appearance:none;border:none;}
.delete-info-box{text-align:center;font-size:14px;color:#F00;margin:10px;}
.favourites-box .main-content-box{min-height:300px;}
.task-box{margin:10px 0px 10px 0px !important;font-size:18px;width:100% !important;padding:5px;background:#2E3E4E;color:#fff;}
.task-box a, .task-box a:hover{color:#fff;}
.task-box-name{width:80%;float:left;}
.task-box-star{float:right;width:auto;}
.favourites-star{background:url(../img/ppt-star.png) right center no-repeat;width:24px;height:29px;}
.unfavourites-star{background:url(../img/star-unactivity.png) right center no-repeat;width:24px;height:29px;}
.switch-account-user{border:1px solid #ccc;text-align:center;margin:10px;}
.switch-account-box .main-content-box{padding:20px 20px;}
.company_logo img{border-radius:50%;border:5px solid rgb(242, 238, 238);padding:10px;margin:20px 0px;width:100px;height:100px;}
.company_title{background:#F87668;color:#fff !important;padding:5px;font-size:22px;margin:0px;}
.company_title a{padding:0px;margin:0px;color:#fff;}
.company_logo a{margin:0px;padding:0px;}
.user-type{background:#3D4D69;color:#fff;padding:5px;margin:0px;font-size:18px;}
.user-type a,.user-type a:hover{color:#fff;text-decoration:none;}
.help-box-wrapper{padding:10px;background:#f6f6f6;border:1px solid #ccc;margin:20px 0px;}
.help-content-box{font-size:16px;text-align:center;font-weight:bold;}
.help-img-box img{width:100%;}
.button-default{-webkit-transition:0.25s ease-out 0.1s color;-moz-transition:0.25s ease-out 0.1s color;-o-transition:0.25s ease-out 0.1s color;transition:0.25s ease-out 0.1s color;background:transparent;border:none;cursor:pointer;margin:0;outline:none;position:relative;}
.show-notifications{position:relative;}
.show-notifications:hover #icon-bell,
.show-notifications:focus #icon-bell,
.show-notifications.active #icon-bell{fill:#8D8C87;}
.show-notifications #icon-bell{fill:#8D8C87;}
.show-notifications .notifications-count{moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box;background:#FCC101;color:#fff;height:25px;line-height:25px;position:absolute;right:-10px;text-align:center;top:-13px;width:25px;font-size:11px;}
.show-notifications.active ~ .notifications{opacity:1;top:80px;}
.right-top-box .notifications .notifications-list .item{margin:0px 0px 0px 0px;}
.notifications{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-transition:0.25s ease-out 0.1s opacity;-moz-transition:0.25s ease-out 0.1s opacity;-o-transition:0.25s ease-out 0.1s opacity;transition:0.25s ease-out 0.1s opacity;background:#ecf0f1;border:1px solid #bdc3c7;opacity:0;position:absolute;top:-999px;width:250px;text-align:left;right:160px;z-index:99;}
.notifications:after{border:10px solid transparent;border-bottom-color:#323E56;content:'';display:block;height:0;right:2%;position:absolute;top:-20px;width:0;}
.notifications h3,
.notifications .show-all{background:#323E56;color:#fefefe;margin:0;padding:10px;width:250px;}
.notifications h3{cursor:default;font-size:1.05em;font-weight:normal;}
.notifications .show-all{display:block;text-align:center;text-decoration:none;}
.notifications .show-all:hover,
.notifications .show-all:focus{text-decoration:underline;}
.notifications .notifications-list{list-style:none;margin:0;overflow:hidden;padding:0;}
.notifications .notifications-list .item{-webkit-transition:-webkit-transform 0.25s ease-out 0.1s;-moz-transition:-moz-transform 0.25s ease-out 0.1s;-o-transition:-o-transform 0.25s ease-out 0.1s;transition:transform 0.25s ease-out 0.1s;border-top:1px solid #bdc3c7;color:#7f8c8d;cursor:default;display:block;padding:10px;position:relative;white-space:nowrap;font-size:12px;}
.notifications .notifications-list .item:before,
.notifications .notifications-list .item .details,
.notifications .notifications-list .item .button-dismiss{display:inline-block;vertical-align:middle;}
.notifications .notifications-list .item:before{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box;background:#3D4D69;content:'';height:8px;width:8px;}
.notifications .notifications-list .item .details{margin-left:10px;white-space:normal;width:185px;}
.notifications .notifications-list .item .details .title,
.notifications .notifications-list .item .details .date{display:block;}
.notifications .notifications-list .item .details .date{color:#95a5a6;font-size:.85em;margin-top:3px;}
.notifications .notifications-list .item .button-dismiss{color:#bdc3c7;font-size:20px;}
.notifications .notifications-list .item .button-dismiss:hover,
.notifications .notifications-list .item .button-dismiss:focus{color:#95a5a6;}
.notifications .notifications-list .item.no-data{display:none;text-align:center;}
.notifications .notifications-list .item.no-data:before{display:none;}
.notifications .notifications-list .item.expired{color:#bdc3c7;}
.notifications .notifications-list .item.expired:before{background:#bdc3c7;}
.notifications .notifications-list .item.expired .details .date{color:#bdc3c7;}
.notifications .notifications-list .item.dismissed{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);}
.notifications.empty .notifications-list .no-data{display:block;padding:10px;}
.row.comment-uplod-textbox-cancel ul{margin:0px;padding:0px;}
.row.comment-uplod-textbox-cancel ul li{display:inline-block;list-style:none;}
.comment-reserver-msg.withoutediting .comment-uplod-textbox-cancel{border:1px solid #3E4A57 !important;padding:10px;margin:5px 5px !important;border-radius:5px;background:#3e4a57;}
.comment-sender-msg .comment-uplod-textbox-cancel{border:1px solid #DEE3E6 !important;padding:10px;margin:5px 5px !important;border-radius:5px;background:#e4e4e4;}
@media only screen and (min-width:1024px) and (max-width:1200px){section#timeline article.timeline-right div.inner-right h2:after{left:-80px;width:69px;}
}
@media screen and (max-width:1024px){}
@media only screen and (min-width:768px) and (max-width:1024px){.notifications{right:27.5% !important;}
.backup-left, .backup-right{width:50% !important;}
}
@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape){body.grybg{background:#f0f0f0;padding-top:15%;}
.allButFooter{min-height:calc(100vh - 215px);}
li#page-title{background:#fff;z-index:111;position:absolute;top:0px;border:none;right:0px;}
#page-title a{color:#333;display:inline-block;}
.gn-menu-main ul{margin-top:27%;}
.col-md-6.right-top-box{padding:5px 0px;text-align:center;top:60px;right:0px;float:none;background:#fff;position:fixed;width:100%;border-bottom:1px solid #ccc;border-top:1px solid #ccc;}
.dropdown .col-md-6.right-top-box{top:10px;width:100px !important;border:none;background:none;}
.gn-search-item{display:inline-block !important;width:auto;}
.dropdown-content{min-width:79px;}
.top-box-left span{font-size:16px;font-weight:normal;line-height:45px;}
section#timeline article div.inner-left{width:100%;float:none;}
section#timeline article:nth-child(2n+2) div.inner-right{float:none;width:100%;}
section#timeline article.timeline-right div.inner-right{float:none;width:100%;}
section#timeline article div.inner-left span.date, section#timeline article div.inner-right span.date{position:relative;margin:20px 0 20px -39px;}
section#timeline article div.inner-left h2:after, section#timeline article div.inner-right h2:after{display:none;}
.time-uplod .col-md-6{width:50% !important;float:left;}
.time-uplod .col-md-2{padding:0px;margin:0px;float:left;color}
.comment-sender-icon{float:left;}
.comment-sender-msg-main{width:80%;float:left;}
.col-md-8.comment-reserver-msg-main{margin:10px -25px 0px 0px;width:86%;float:left;}
.file-cancel-butt{width:97px;}
.col-md-1.comment-reserver-icon{width:15% !important;float:right;}
.onclick-menu{vertical-align:top;}
.onclick-menu:before{content:"";display:none;}
.permission-box .col-md-4{width:33%;float:left;}
.userpage-box .cd-accordion-menu ul label:before{right:10px !important;left:auto !important;}
.myportfoliopage-box .permission-box .col-md-6{float:left;width:50%;}
.myportfoliopage-box .cd-accordion-menu label::before{left:auto !important;right:10px;}
#sorting{border:none;padding:5px 5px 5px 5px;width:100%;margin:10px 0px;}
.vm-options-filters input[type="text"]{width:100%;}
.notifications{right:33.3%;}
.col-md-1.msg-send-bot{text-align:left;padding:0px 0px !important;float:right;width:10%;}
.col-md-10.msg-send-box{width:86%;}
.col-md-1.attachmen-box{width:3%;}
.col-md-6{width:100% !important;}
.customer-form .col-md-12 .col-sm-6{width:50% !important;}
.comment-uplod-textbox-cancel .col-md-6{width:50% !important;float:left;}
.comment-uplod-textbox-cancel .col-md-2{float:left;width:10%;}
}
@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait){body.grybg{background:#f0f0f0;padding-top:12%;}
.comment-uplod-textbox-cancel .col-md-6{width:50% !important;float:left;}
.comment-uplod-textbox-cancel .col-md-4{float:left;}
.comment-uplod-textbox-cancel .col-md-2{float:left;width:10%;}
.comment-uplod-textbox-cancel .col-md-11{float:left;width:83%;}
.comment-uplod-textbox-cancel .col-md-8{float:left;width:64%;}
.comment-uplod-textbox-cancel .col-md-1{width:10%;float:left;}
.comment-uplod-textbox-cancel .col-md-10{float:left;width:75%;}
.allButFooter{min-height:calc(100vh - 173px);}
.gn-menu-main ul{margin-top:9%;}
li#page-title{background:#fff;z-index:111;position:absolute;top:0px;border:none;right:0px;}
#page-title a{color:#333;display:inline-block;}
.col-md-6.right-top-box{padding:5px 0px;text-align:center;top:60px;right:0px;float:none;position:fixed;}
.dropdown .col-md-6.right-top-box{top:10px;width:40px !important;border:none;background:none;}
.gn-search-item{display:inline-block !important;width:auto;}
section#timeline article div.inner-left{width:100%;float:none;}
section#timeline article:nth-child(2n+2) div.inner-right{float:none;width:100%;}
section#timeline article.timeline-right div.inner-right{float:none;width:100%;}
section#timeline article div.inner-left span.date, section#timeline article div.inner-right span.date{position:relative;margin:20px 0 20px -39px;}
section#timeline article div.inner-left h2:after, section#timeline article div.inner-right h2:after{display:none;}
.time-uplod .col-md-6{width:50% !important;}
.dropdown-content{min-width:79px;}
.gn-menu-main > li > a{padding:0 20px 0px 30px;text-transform:uppercase;letter-spacing:1px;font-weight:bold;}
.gn-menu-wrapper.gn-open-part{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);transform:translateX(0px);width:5%;}
.comment-sender-icon{width:15%;float:left;}
.comment-sender-msg-main{width:80%;float:left;}
.col-md-8.comment-reserver-msg-main{margin:10px -25px 0px 0px;width:88%;float:left;}
.comment-reserver-icon{width:15%;float:right;}
.file-cancel-butt{width:97px;}
.attachmen-box{width:10%;float:left;}
.msg-send-box input[type="text"]{width:80%;padding:10px;border:none;float:left;}
.col-md-10.msg-send-box{width:78%;display:inline-block;}
.col-md-1.attachmen-box{width:5%;}
.col-md-1.msg-send-bot{text-align:right;padding:0px 5px !important;float:right;}
.assigned-user-box-right{float:right !important;vertical-align:top !important;top:0 !important;}
.onclick-menu:before{content:"";display:none;}
.onclick-menu-content{right:8% !important;left:-112px!important;}
.permission-box .col-md-4{width:33%;float:left;}
.myportfoliopage-box .permission-box .col-md-6{float:left;width:50%;}
.userpage-box .cd-accordion-menu ul label:before{right:10px !important;left:auto !important;}
.myportfoliopage-box .cd-accordion-menu label::before{left:auto !important;right:10px;}
#popup{left:10% !important;width:80% !important;}
#sorting{border:none;padding:5px 5px 5px 5px;width:100%;margin:10px 0px;}
.vm-options-filters input[type="text"]{width:100%;}
.notifications{right:17%;}
}
@media screen and (min-width:480px) and (max-width:767px){body.grybg{background:#f0f0f0;padding-top:35%;}
.gn-menu-main ul{margin-top:10%;}
li#page-title{background:#fff;z-index:111;position:absolute;top:57px;border:none;right:0px;width:100%;border-top:1px solid #ccc;}
#page-title a{color:#333;display:inline-block;}
.col-md-4.right-top-box{padding:5px 0px;top:17%;right:0px;float:none;position:absolute;margin-right:0px;width:100%;text-align:center;}
.col-md-6.right-top-box ul{padding:0px;margin:0px;}
.gn-search-item{display:inline-block;width:39%;}
.gn-search-item input[type="search"]{width:80%;}
section#timeline article div.inner-left{width:100%;float:none;}
section#timeline article:nth-child(2n+2) div.inner-right{float:none;width:100%;}
section#timeline article.timeline-right div.inner-right{float:none;width:100%;}
section#timeline article div.inner-left span.date, section#timeline article div.inner-right span.date{position:relative;margin:20px 0 20px -39px;}
section#timeline article div.inner-left h2:after, section#timeline article div.inner-right h2:after{display:none;}
.time-uplod .col-md-6{width:50% !important;float:left;}
.time-uplod .col-md-2{padding:0px;margin:0px;width:20%;float:left;}
.gn-icon-menu{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:none;}
.gn-menu-main li.gn-trigger{position:relative;width:auto;}
.dropdown-content{min-width:79px;}
.gn-menu-main > li > a{padding:0 20px 0px 30px;text-transform:uppercase;letter-spacing:1px;font-weight:bold;}
.gn-menu-wrapper.gn-open-part{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);transform:translateX(0px);width:5%;}
.comment-sender-icon{float:left;}
.comment-sender-msg-main{width:80%;float:left;}
.col-md-8.comment-reserver-msg-main{margin:10px -25px 0px 0px;width:88%;float:left;}
.comment-reserver-icon{width:15%;float:right;}
.file-cancel-butt{width:97px;}
.attachmen-box{width:10%;float:left;}
.msg-send-box input[type="text"]{width:80%;padding:10px;border:none;float:left;}
.col-md-1.msg-send-bot{text-align:right;padding:0px 5px !important;float:left;}
.assigned-user-box-right{float:right !important;vertical-align:top !important;top:-20px !important;}
.onclick-menu:before{content:"";display:none;}
.onclick-menu-content{right:8% !important;left:-70px!important;}
.permission-box .col-md-4{width:33%;float:left;}
.myportfoliopage-box .permission-box .col-md-6{float:left;width:50%;}
.userpage-box .cd-accordion-menu ul label:before{right:10px !important;left:auto !important;}
.userpage-box .accordion-right-box{color:#fff;z-index:11;float:none;position:relative;padding:10px;background:#2E3E4E;}
.myportfoliopage-box .cd-accordion-menu label::before{left:auto !important;right:10px;}
#popup{left:10%;width:80%;}
#sorting{border:none;padding:5px 5px 5px 5px;width:100%;margin:10px 0px;}
.vm-options-filters input[type="text"]{width:100%;}
notifications.active ~ .notifications{top:100px;}
.notifications{right:121px;}
}
@media screen and (min-width:480px) and (max-width:767px) and (orientation:landscape){body.grybg{background:#f0f0f0;padding-top:23%;}
.gn-menu-main ul{margin-top:30%;}
#page-title{z-index:222;position:absolute;top:60px;float:none;background:#fff;width:100%;border-bottom:1px solid #ccc;border-left:none;border-top:1px solid #ccc;}
#page-title a{color:#333;display:inline-block;}
.col-md-6.right-top-box{}
.gn-search-item{display:block !important;width:100%;}
section#timeline article div.inner-left{width:100%;float:none;}
section#timeline article:nth-child(2n+2) div.inner-right{float:none;width:100%;}
section#timeline article.timeline-right div.inner-right{float:none;width:100%;}
section#timeline article div.inner-left span.date, section#timeline article div.inner-right span.date{position:relative;margin:20px 0 20px -39px;}
section#timeline article div.inner-left h2:after, section#timeline article div.inner-right h2:after{display:none;}
.time-uplod .col-md-6{width:50% !important;}
.time-uplod .col-md-2{padding:0px;margin:0px;float:left;}
.gn-icon-menu{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:none;}
.gn-menu-main li.gn-trigger{position:relative;width:auto;}
.gn-menu-main li.gn-trigger{position:relative;width:auto;}
.gn-menu-main > li > a{padding:0 20px 0px 30px;text-transform:uppercase;letter-spacing:1px;font-weight:bold;}
.gn-menu-wrapper.gn-open-part{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);transform:translateX(0px);width:10%;}
.gn-menu-main > li > a{padding:0 20px 0px 30px;text-transform:uppercase;letter-spacing:1px;font-weight:bold;}
.gn-menu-wrapper.gn-open-part{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);transform:translateX(0px);width:5%;}
.comment-sender-msg-main{width:80%;float:left;}
.col-md-8.comment-reserver-msg-main{margin:10px -25px 0px 0px;width:88%;float:left;}
.comment-reserver-icon{width:15%;float:right;}
.file-cancel-butt{width:97px;}
.attachmen-box{width:10%;float:left;}
.msg-send-box input[type="text"]{width:80%;padding:10px;border:none;float:left;}
.col-md-1.msg-send-bot{text-align:right;padding:0px 5px !important;float:left;}
.assigned-user-box-right{float:right !important;vertical-align:top !important;top:-20px !important;}
.onclick-menu:before{content:"";display:none;}
.onclick-menu-content{right:8% !important;left:-112px!important;}
.permission-box .col-md-4{width:33%;float:left;}
.myportfoliopage-box .permission-box .col-md-6{float:left;width:50%;}
.userpage-box .cd-accordion-menu ul label:before{right:10px !important;left:auto !important;}
.userpage-box .email-box{display:inline-block;width:58%;}
.myportfoliopage-box .cd-accordion-menu label::before{left:auto !important;right:10px;}
#popup{left:10%;width:80%;}
#sorting{border:none;padding:5px 5px 5px 5px;width:100%;margin:10px 0px;}
.vm-options-filters input[type="text"]{width:100%;}
.notifications{right:41.3%;}
.show-notifications.active ~ .notifications{top:95px;}
}
@media only screen and (min-width:640px) and (max-width:767px){body.grybg{background:#f0f0f0;padding-top:36%;}
#page-title{z-index:222;position:absolute;top:60px;float:none;background:#fff;width:100%;border-bottom:1px solid #ccc;border-left:none;border-top:1px solid #ccc;}
#page-title a{color:#333;display:inline-block;}
.top-box-left .col-sm-3, .top-box-right .col-sm-3{float:left !important;width:25% !important;}
.gn-menu-main > li > a{padding:0 20px 0px 30px;text-transform:uppercase;letter-spacing:1px;font-weight:bold;}
.gn-menu-wrapper.gn-open-part{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);transform:translateX(0px);width:5%;}
.footer{padding:10px 5px 0px 5px;}
.profile-pic-circle{background:#66312B;border:8px solid #F87668;border-radius:100%;width:42%;font-size:35px;font-weight:bold;line-height:128px;margin-left:28%;}
.comment-sender-icon{width:15%;float:left;}
.comment-sender-msg-main{width:80%;float:left;}
.col-md-8.comment-reserver-msg-main{margin:10px -25px 0px 0px;width:88%;float:left;}
.comment-reserver-icon{width:15%;float:right;}
.file-cancel-butt{width:83px;}
.attachmen-box{width:10%;float:left;}
.msg-send-box input[type="text"]{width:80%;padding:10px;border:none;float:left;}
.col-md-1.msg-send-bot{text-align:right;padding:0px 5px !important;float:right;}
.assigned-user-box-right{float:right !important;vertical-align:top !important;top:-20px !important;}
.col-md-10.msg-send-box{width:70%;display:inline-block;}
#content .comment-uplod-textbox-cancel{padding:5px 0px;}
.comment-uplod-textbox-cancel .col-md-1, .comment-uplod-textbox-cancel .col-md-2, .comment-uplod-textbox-cancel .col-md-4{float:left;}
.comment-uplod-textbox-cancel .col-md-11{float:left;width:85%;}
.comment-uplod-textbox-cancel .col-md-10{width:75%;float:left;}
.comment-uplod-textbox-cancel .col-md-8{float:left;width:54%;}
.comment-uplod-textbox-cancel .col-md-6{float:left;width:58%;}
.msg-send-box .msg-send-box-txtbox{padding:0px 5px;}
.col-md-12.comment-send-box{padding:10px 10px;}
.col-md-1.attachmen-box{width:5%;}
.onclick-menu:before{content:"";display:none;}
.onclick-menu-content{right:8% !important;left:-70px!important;}
.userpage-box .cd-accordion-menu ul label:before{right:10px !important;left:auto !important;}
.userpage-box .email-box{display:inline-block;width:58%;}
.myportfoliopage-box .permission-box .col-md-6{float:left;width:50%;}
.myportfoliopage-box .cd-accordion-menu label::before{left:auto !important;right:10px;}
#popup{left:10%;width:80%;}
.cbp-vm-view-list .cbp-vm-title{padding:0 10px;white-space:normal;width:29%;text-align:center;font-size:16px;display:inline-block;background:none;color:#000;}
.cbp-vm-view-list .cbp-vm-details{display:inline-block;width:auto;height:142px !important;margin:0;float:right;}
.cbp-vm-view-list .cbp-vm-details ul{text-align:center;margin-top:35% !important;display:inline-block;}
.cbp-vm-view-list .cbp-vm-image{width:234px;background:url(../img/file-manager-listsedo.jpg) left center no-repeat;height:142px;padding:5px 5px;display:inline-block;background-size:cover;}
.cbp-vm-view-list .cbp-vm-image img{display:inline-block;width:150px;border:none;height:110px;margin:10px 0px 0px 12px;}
.cbp-vm-view-list .cbp-vm-image.img-icon img{display:inline-block;width:65px;border:none;height:auto;margin:13% 0px 0px 31%;}
#sorting{border:none;padding:5px 5px 5px 5px;width:100%;margin:10px 0px;}
.vm-options-filters input[type="text"]{width:100%;}
.notifications{right:0%;}
.time-uplod .col-md-6{width:50% !important;}
.time-uplod .col-md-2{padding:0px;margin:0px;float:left;}
}
@media only screen and (min-width:480px) and (max-width:640px){body.grybg{background:#f0f0f0;padding-top:36%;}
#assigneduser1, #assigneduser2, #assigneduser3, #assigneduser4{font-size:9px;height:24px;margin:0 2px;padding:4px;text-align:center;width:24px;}
.emoji_content{height:162px !important;overflow-y:auto !important;padding:5px;margin-top:40px;}
.emoji_container{margin-top:40px !important;}
li#page-title{z-index:222;position:absolute;top:60px;float:none;background:#fff;width:100%;border-bottom:1px solid #ccc;border-left:none;border-top:1px solid #ccc;width:100%;}
#page-title a{color:#333;display:inline-block;}
.col-md-4.right-top-box{padding:5px 0px;text-align:center;top:120px;right:0px;float:none;background:#fff;position:absolute;margin-right:0px;width:100%;z-index:3;}
.top-box-left .col-sm-3, .top-box-right .col-sm-3{float:left !important;width:25% !important;}
.gn-menu-main > li > a{padding:0 20px 0px 30px;text-transform:uppercase;letter-spacing:1px;font-weight:bold;}
.gn-menu-wrapper.gn-open-part{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);transform:translateX(0px);width:7%;}
.footer{padding:10px 5px 0px 5px;}
.profile-pic-circle{background:#66312B;border:8px solid #F87668;border-radius:100%;width:42%;font-size:35px;font-weight:bold;line-height:128px;margin-left:28%;}
.assigned-user-box h3{font-size:18px;padding:0px;margin:0px 10px 10px 0px;display:block;}
.assigned-user-box{color:#fff;padding:8px 0px !important;margin:0px !important;width:100% !important;}
.assigned-user-box-right{text-align:left;}
.comment-sender-icon{text-align:center !important;}
.comment-sender-msg-right{float:none;width:100%;padding:0px 10px;text-align:left;}
.comment-sender-msg-left{float:none;width:100%;line-height:30px;}
.comment-reserver-icon{text-align:center !important;left:0;float:right;}
.comment-reserver-icon .turquoisecircle{padding:12px 13px;font-size:14px;}
.comment-reserver-msg-right{width:100%;float:none;text-align:right;}
.comment-reserver-msg-left{float:none;width:100%;text-align:right;}
.comment-reserver-msg{width:89%;}
.col-md-9.msg-send-box{float:left;width:60%;padding:0px 0px 0px 15px;}
.col-md-1.attachmen-box, .col-md-1.msg-send-emoji{margin:0px 0px 0px -2px;padding:0px !important;text-align:center;width:10%;float:left;}
.col-md-1.msg-send-bot{text-align:left;padding:0px 5px !important;float:right;}
.col-md-12.comment-send-box{padding:10px 3px;}
.msg-send-box .comment-uplod-textbox-cancel .col-md-11{width:80%;float:left;}
.msg-send-box .comment-uplod-textbox-cancel .col-md-1, .msg-send-box .comment-uplod-textbox-cancel .col-md-10{float:left;}
.msg-send-box .comment-uplod-textbox-cancel .col-md-10{width:66%;}
.msg-send-box .msg-send-box-txtbox{padding:0px;}
.permission-box .col-md-4{width:33%;float:left;}
.myportfoliopage-box .permission-box .col-md-6{float:none;width:100%;}
.userpage-box .cd-accordion-menu ul label:before{right:10px !important;left:auto !important;}
.userpage-box .accordion-right-box{color:#fff;z-index:11;float:none;position:relative;padding:10px;background:#2E3E4E;}
.userpage-box .email-box{display:inline-block;width:58%;}
.myportfoliopage-box .cd-accordion-menu label::before{left:auto !important;right:10px;}
#popup{left:10%;width:80%;}
.cbp-vm-view-list .cbp-vm-image.img-icon img{display:inline-block;width:60px;border:none;height:auto;margin:0% 0px 0px 44%;}
#sorting{border:none;padding:5px 5px 5px 5px;width:100%;margin:10px 0px;}
.vm-options-filters input[type="text"]{width:100%;}
.notifications{right:39.5%;}
.show-notifications.active ~ .notifications{top:95px;}
.col-md-10.msg-send-box{width:65%;display:inline-block;}
.time-uplod .col-md-6{width:50% !important;}
.time-uplod .col-md-2{padding:0px;margin:0px;float:left;}
.col-md-9.msg-send-box{float:left;margin-left:21px;margin-top:13px;padding:0;width:48%;}
}
@media only screen and (min-width:320px) and (max-width:480px){body.grybg{background:#f0f0f0;padding-top:65%;}
#assigneduser1, #assigneduser2, #assigneduser3, #assigneduser4{font-size:9px;height:24px;margin:0 2px;padding:4px;text-align:center;width:24px;}
.emoji_content{height:162px !important;overflow-y:auto !important;padding:5px;}
.emoji_container{margin-top:40px !important;}
.gn-menu-main ul{margin-top:10%;}
#page-title{z-index:222;position:absolute;top:60px;float:none;background:#fff;width:100%;border-bottom:1px solid #ccc;border-left:none;border-top:1px solid #ccc;}
#page-title a{color:#333;display:inline-block;}
.col-md-4.right-top-box{padding:5px 0px;text-align:center;top:120px;right:0px;float:none;background:#fff;position:absolute;margin-right:0px;width:100%;z-index:3;}
.col-md-9.msg-send-box{float:left;margin-left:21px;margin-top:13px;padding:0;width:48% !important;}
.gn-search-item{display:block !important;width:100%;}
section#timeline article div.inner-left{width:100%;float:none;}
section#timeline article:nth-child(2n+2) div.inner-right{float:none;width:100%;}
section#timeline article.timeline-right div.inner-right{float:none;width:100%;}
section#timeline article div.inner-left span.date, section#timeline article div.inner-right span.date{position:relative;margin:20px 0 20px -39px;}
section#timeline article div.inner-left h2:after, section#timeline article div.inner-right h2:after{display:none;}
.gn-icon-menu{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:none;}
.gn-menu-main li.gn-trigger{position:relative;width:auto;}
.dropdown-content{min-width:83px;}
.gn-menu-main > li > a{padding:0 20px 0px 30px;text-transform:uppercase;letter-spacing:1px;font-weight:bold;}
.gn-menu-wrapper.gn-open-part{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);transform:translateX(0px);width:10%;}
.profile-content{float:none;width:100%;margin:10px 5px;padding:0px 5px;}
.uplod-content{width:170px;height:170px;border:1px solid #d5d5d5;margin:10px 0px;padding:5px !important;border-radius:5px;}
.uplod-content img{width:100%;height:auto;}
.inner-right .profile-content{float:none;width:100%;margin:10px 5px;}
.footer{padding:10px 5px 0px 5px;}
.profile-pic-circle{background:#66312B;border:8px solid #F87668;border-radius:100%;width:32%;font-size:35px;font-weight:bold;line-height:128px;margin-left:25%;}
.assigned-user-box h3{font-size:18px;padding:0px;margin:0px 10px 10px 0px;display:block;}
.assigned-user-box{color:#fff;padding:8px 0px !important;margin:0px !important;width:100% !important;}
.assigned-user-box-right{text-align:left;}
.comment-sender-icon .redcircle{border-radius:50%;font-size:14px;border:2px solid #ccc;height:40px;line-height:12px;margin:20px 0;padding:11px 7px !important;text-align:center;width:40px !important;}
.comment-reserver-icon .turquoisecircle{border-radius:50%;font-size:14px;border:2px solid #ccc;height:40px;line-height:12px;margin:20px 0;padding:11px 7px !important;text-align:center;width:40px !important;}
.comment-sender-icon{text-align:center !important;float:left;width:20%;padding:0px !important;}
.comment-sender-msg{float:left;width:65%;}
.comment-sender-msg-right{float:none;width:100%;padding:0px 10px;text-align:left;}
.comment-sender-msg-left{float:none;width:100%;line-height:30px;}
.comment-reserver-icon{text-align:center !important;left:0;float:right;}
.comment-reserver-icon .turquoisecircle{padding:12px 13px;font-size:14px;}
.comment-reserver-msg-right{width:100%;float:none;text-align:right;}
.comment-reserver-msg-left{float:none;width:100%;text-align:right;}
.comment-reserver-msg{width:85%;}
.col-md-9.msg-send-box{float:left;width:60%;padding:0px 0px 0px 15px;}
.col-md-1.attachmen-box, .col-md-1.msg-send-emoji{margin:0px 0px 0px -2px;padding:0px !important;text-align:center;width:10%;float:left;}
.col-md-1.attachmen-box img, .msg-send-bot input[type="submit"]{}
.msg-send-bot #emoji_btn_4{width:26px;height:26px;}
.col-md-1.msg-send-bot{text-align:left;padding:0px 5px !important;float:right;}
.col-md-12.comment-send-box{padding:10px 3px 5px 3px;}
.col-md-8.comment-reserver-msg-main{margin:10px -25px 0px 0px;float:left;width:80%;}
.userpage-box .cd-accordion-menu ul label:before{right:10px !important;left:auto !important;}
.userpage-box .accordion-right-box{color:#fff;z-index:11;float:none;position:relative;padding:10px;background:#2E3E4E;}
.userpage-box .email-box{display:inline-block;width:72%;}
.myportfoliopage-box .cd-accordion-menu label::before{left:auto !important;right:10px;}
#popup{left:10% !important;width:80% !important;}
.cbp-vm-view-list .cbp-vm-image.img-icon img{display:inline-block;width:60px;border:none;height:auto;margin:9% 0px 0px 39%;}
.top-box-left, .top-box-right{display:none;}
#sorting{border:none;padding:5px 5px 5px 5px;width:100%;margin:10px 0px;}
.vm-options-filters input[type="text"]{width:100%;}
.notifications{right:29.5%;}
.show-notifications.active ~ .notifications{top:95px;}
.col-md-10.msg-send-box{width:66%;margin-right:0px;display:inline-block;padding-right:0px;padding-top:0px;padding-bottom:0px;}
.msg-send-box .col-md-11, .msg-send-box .col-md-1, .msg-send-box .col-md-10{padding:0px;margin:0px;}
.msg-send-box .col-md-11{float:left;width:80%;}
.msg-send-box .comment-uplod-textbox-cancel .col-md-1{width:20%;float:left;}
.msg-send-box .msg-send-box-txtbox{padding:0px 5px;}
.msg-send-box .comment-uplod-textbox-cancel .col-md-10{width:57%;float:left;}
.file-cancel-butt{width:164px;}
.textbox-cancel-butt img{width:16px !important;height:16px !important;}
.right-top-box ul{padding:0px;}
.emoji_container{left:0px !important;}
.task-file-box ul{padding:0px;}
.task-file-box ul li{width:100%;margin:10px 0px;}
.task-file-box .cbp-vm-details ul{padding:5px;}
.task-file-box .cbp-vm-details li{display:inline;padding:5px;}
.onclick-menu-content{left:40%;}
.files_task_comments h2{width:auto;}
.time-uplod .col-md-6{width:100% !important;margin:0px 0px 10px 0px;}
.time-uplod .col-md-2{padding:0px;margin:0px;float:left;}
}
@media only screen and (max-width:321px){body.grybg{background:#f0f0f0;padding-top:73%;}
.gn-menu-main ul{margin-top:30%;}
#page-title{z-index:222;position:absolute;top:60px;float:none;background:#fff;width:100%;border-bottom:1px solid #ccc;border-left:none;border-top:1px solid #ccc;}
#page-title a{color:#333;display:inline-block;}
.col-md-6.right-top-box{padding:5px 0px;text-align:center;top:120px;right:0px;float:none;background:#fff;position:absolute;margin-right:0px;width:100%;}
.gn-search-item{display:block !important;width:100%;}
section#timeline article div.inner-left{width:100%;float:none;}
section#timeline article:nth-child(2n+2) div.inner-right{float:none;width:100%;}
section#timeline article.timeline-right div.inner-right{float:none;width:100%;}
section#timeline article div.inner-left span.date, section#timeline article div.inner-right span.date{position:relative;margin:20px 0 20px -39px;}
section#timeline article div.inner-left h2:after, section#timeline article div.inner-right h2:after{display:none;}
.gn-icon-menu{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:none;}
.gn-menu-main li.gn-trigger{position:relative;width:auto;}
.dropdown-content{min-width:83px;}
.gn-menu-main > li > a{padding:0 20px 0px 30px;text-transform:uppercase;letter-spacing:1px;font-weight:bold;}
.gn-menu-wrapper.gn-open-part{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);transform:translateX(0px);width:10%;}
.profile-content{float:none;width:100%;margin:10px 5px;}
.uplod-content{width:160px;height:160px;border:1px solid #d5d5d5;margin:10px 0px;padding:5px !important;border-radius:5px;}
.uplod-content img{width:100%;height:auto;}
.inner-right .profile-content{float:none;width:100%;margin:10px 5px;}
.footer{padding:10px 5px 0px 5px;}
.profile-pic-circle{background:#66312B;border:8px solid #F87668;border-radius:100%;width:35%;font-size:35px;font-weight:bold;line-height:104px;margin-left:27%;}
.assigned-user-box h3{font-size:18px;padding:0px;margin:0px 10px 10px 0px;display:block;}
.assigned-user-box{background:#96834C;color:#fff;padding:8px 0px !important;margin:0px !important;width:100% !important;}
.assigned-user-box-right{text-align:left;margin:10px 0px 0px;}
.comment-sender-icon .redcircle{width:100%;}
.comment-sender-icon{text-align:center !important;float:left;padding:0px;width:20%;}
.comment-sender-msg{float:left;width:58%;}
.comment-sender-msg-right{float:none;width:100%;padding:0px 10px;text-align:left;}
.comment-sender-msg-left{float:none;width:100%;line-height:30px;}
.comment-reserver{padding:0px !important;width:100%;}
.comment-reserver-icon{text-align:center !important;left:0px;float:right;}
.comment-reserver-icon .turquoisecircle{padding:12px 13px;}
.comment-reserver-msg-right{width:100%;float:none;text-align:right;}
.comment-reserver-msg-left{float:none;width:100%;text-align:right;}
.comment-reserver-msg{width:89%;}
.col-md-9.msg-send-box{float:left;width:60%;padding:0px 0px 0px 15px;}
.col-md-1.attachmen-box, .col-md-1.msg-send-emoji{margin:0px 0px 0px -2px;padding:0px !important;text-align:center;width:10%;float:left;}
.col-md-1.msg-send-bot{text-align:left;padding:0px 5px !important;float:left;}
.col-md-12.comment-send-box{padding:10px 3px 5px 3px;}
.col-md-8.comment-reserver-msg-main{margin:10px -25px 0px 0px;float:left;width:80%;}
.msg-send-box .msg-send-box-txtbox{padding:0px 5px;}
.userpage-box .cd-accordion-menu ul label:before{right:10px !important;left:auto !important;}
.userpage-box .accordion-right-box{color:#fff;z-index:11;float:none;position:relative;padding:10px;background:#2E3E4E;}
.userpage-box .email-box{display:inline-block;width:72%;}
.myportfoliopage-box .cd-accordion-menu label::before{left:auto !important;right:10px;}
#popup{left:10%;width:80%;}
.cbp-vm-view-list .cbp-vm-image.img-icon img{display:inline-block;width:60px;border:none;height:auto;margin:0% 0px 0px 35%;}
.top-box-left, .top-box-right{display:none;}
#sorting{border:none;padding:5px 5px 5px 5px;width:100%;margin:10px 0px;}
.vm-options-filters input[type="text"]{width:100%;}
.notifications{right:11%;}
.notifications:after{left:35%;}
.textbox-cancel-butt{width:16px !important;height:16px !important;}
.task-file-box ul{padding:0px;}
.task-file-box ul li{width:100%;margin:10px 0px;}
.task-file-box .cbp-vm-details ul{padding:5px;}
.task-file-box .cbp-vm-details li{display:inline;padding:5px;}
.onclick-menu-content{left:40%;}
.files_task_comments h2{width:auto;}
.file-cancel-butt{width:124px;}
.time-uplod .col-md-6{width:100% !important;margin:0px 0px 10px 0px;}
.time-uplod .col-md-2{padding:0px;margin:0px;float:left;}
}
@media only screen and (max-width:320px){.allButFooter{min-height:calc(100vh - 305px);}
body.grybg{background:#f0f0f0;padding-top:80%;}
.gn-menu-main ul{margin-top:10%;}
#page-title{z-index:222;position:absolute;top:60px;float:none;background:#fff;width:100%;border-bottom:1px solid #ccc;border-left:none;border-top:1px solid #ccc;}
#page-title a{color:#333;display:inline-block;}
.col-md-6.right-top-box{padding:5px 0px;text-align:center;top:120px;right:0px;float:none;background:#fff;position:absolute;margin-right:0px;width:100%;z-index:3;}
.gn-menu-wrapper.gn-open-all{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);transform:translateX(0px);width:100%;z-index:4444;position:fixed;}
.gn-search-item{display:block !important;width:100%;}
section#timeline article div.inner-left{width:100%;float:none;}
section#timeline article:nth-child(2n+2) div.inner-right{float:none;width:100%;}
section#timeline article.timeline-right div.inner-right{float:none;width:100%;}
section#timeline article div.inner-left span.date, section#timeline article div.inner-right span.date{position:relative;margin:20px 0 20px -39px;}
section#timeline article div.inner-left h2:after, section#timeline article div.inner-right h2:after{display:none;}
.gn-icon-menu{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:none;}
.gn-menu-main li.gn-trigger{position:relative;width:auto;}
.dropdown-content{min-width:83px;}
.gn-menu-main > li > a{padding:0 20px 0px 30px;text-transform:uppercase;letter-spacing:1px;font-weight:bold;}
.gn-menu-wrapper.gn-open-part{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);transform:translateX(0px);width:10%;}
.profile-content{float:none;width:100%;margin:10px 5px;}
.uplod-content{width:160px;height:160px;border:1px solid #d5d5d5;margin:10px 0px;padding:5px !important;border-radius:5px;}
.uplod-content img{width:100%;height:auto;}
.inner-right .profile-content{float:none;width:100%;margin:10px 5px;}
.footer{padding:10px 5px 0px 5px;}
.comment-section{position:relative;}
.profile-pic-circle{background:#66312B;border:8px solid #F87668;border-radius:100%;width:35%;font-size:35px;font-weight:bold;line-height:104px;margin-left:27%;}
.assigned-user-box h3{font-size:18px;padding:0px;margin:0px 10px 10px 0px;display:block;}
.assigned-user-box{color:#fff;padding:8px 0px !important;margin:0px !important;width:100% !important;}
.assigned-user-box-right{text-align:left;}
.comment-sender-icon .redcircle{width:100%;}
.comment-sender-icon{text-align:center !important;float:left;padding:0px !important;width:20%;}
.comment-sender-msg-main{padding:0px !important;}
.comment-sender-msg{float:left;width:58%;}
.comment-sender-msg-right{float:none;width:100%;padding:0px 10px;text-align:left;}
.comment-sender-msg-left{float:none;width:100%;line-height:30px;}
.comment-reserver{padding:0px !important;width:100%;}
.comment-reserver-icon{text-align:center !important;left:0px;float:right;}
.comment-reserver-icon .turquoisecircle{padding:12px 13px;}
.comment-reserver-msg-right{width:100%;float:none;text-align:right;}
.comment-reserver-msg-left{float:none;width:100%;text-align:right;}
.comment-reserver-msg{width:89%;}
.col-md-9.msg-send-box{float:left;width:60%;padding:0px 0px 0px 15px;}
.col-md-1.attachmen-box, .col-md-1.msg-send-emoji{margin:0px 0px 0px 0px;padding:0px !important;text-align:center;width:6%;float:left;}
.col-md-1.msg-send-bot{text-align:left;padding:0px 5px !important;float:right;}
.col-md-12.comment-send-box{padding:10px 3px 5px 3px;}
.col-md-8.comment-reserver-msg-main{margin:10px -25px 0px 0px;float:left;width:80%;}
.userpage-box .cd-accordion-menu ul label:before{right:10px !important;left:auto !important;}
.userpage-box .accordion-right-box{color:#fff;z-index:11;float:none;position:relative;padding:10px;background:#2E3E4E;}
.userpage-box .email-box{display:inline-block;width:72%;}
.myportfoliopage-box .cd-accordion-menu label::before{left:auto !important;right:10px;}
#popup{left:10%;width:80%;}
.cbp-vm-view-list .cbp-vm-image.img-icon img{display:inline-block;width:60px;border:none;height:auto;margin:0% 0px 0px 35%;}
.top-box-left, .top-box-right{display:none;}
#sorting{border:none;padding:5px 5px 5px 5px;width:100%;margin:10px 0px;}
.vm-options-filters input[type="text"]{width:100%;}
.notifications{right:11%;}
.notifications:after{left:35%;}
.textbox-cancel-butt{width:16px !important;height:16px !important;}
.task-file-box ul{padding:0px;}
.task-file-box ul li{width:100%;margin:10px 0px;}
.task-file-box .cbp-vm-details ul{padding:5px;}
.task-file-box .cbp-vm-details li{display:inline;padding:5px;}
.onclick-menu-content{left:40%;}
.files_task_comments h2{width:auto;}
.file-cancel-butt{width:124px;}
.userpage-box .email-box a{padding:0px 0px;}
.time-uplod .col-md-6{width:100% !important;margin:0px 0px 10px 0px;}
.time-uplod .col-md-2{padding:0px;margin:0px;float:left;}
.msg-send-box .col-md-11{float:left;width:70%;}
.msg-send-box .msg-send-box-txtbox{padding:0px 5px;}
}
@media only screen and (min-width:768px) and (max-width:980px){.cbp-vm-view-list .cbp-vm-details{float:right !important;}
}
@media only screen and (min-width:981px) and (max-width:1280px){.cbp-vm-view-list .cbp-vm-details{float:right;}
.cbp-vm-view-list .cbp-vm-title{width:48% !important;max-width:280px;}
}
.myFile{position:relative;overflow:hidden;float:left;clear:left;}
.myFile input[type="file"]{display:block;position:absolute;top:0;right:0;opacity:0;font-size:100px;filter:alpha(opacity=0);cursor:pointer;}
*{margin:0;padding:0;}
.slider{width:100%;position:relative;padding-top:320px;}
.slider>img{position:absolute;left:0;top:0;transition:all 0.5s;}
.slider input[name='slide_switch']{display:none;}
.slider label{border:3px solid #999;margin:15px;float:left;cursor:pointer;transition:all 0.5s;opacity:0.6;}
.slider label img{display:block;}
.slider input[name='slide_switch']:checked+label{border-color:#666;opacity:1;}
.slider input[name='slide_switch'] ~ img{opacity:0;transform:scale(1.1);}
.slider input[name='slide_switch']:checked+label+img{opacity:1;transform:scale(1);width:100%;}
.js .inputfile{width:0.1px;height:0.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1;}
button, input{line-height:normal;}
button, input, select, textarea{font-family:inherit;font-size:100%;margin:0;}
inputfile-1 + label{color:#f1e5e6;background-color:#d3394c;}
.inputfile + label{font-size:1.25rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;display:inline-block;overflow:hidden;}
svg:not(:root){overflow:hidden;}
.inputfile-1 + label{color:#f1e5e6;background-color:#d3394c;}
.inputfile + label{font-size:1.25rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;display:inline-block;overflow:hidden;}
.done-but{color:#fff;font-size:18px;padding:0px 10px;}
.done-but:hover{color:#F87668;}
.yollow-butt{text-align:center;padding:20px 0px;}
.yollow-butt a{background:url(../img/backup.png) 5% center no-repeat #FED246;font-size:16px;font-weight:bold;color:#fff;padding:10px 20px 10px 45px;border-bottom:5px solid #E1B21E;}
.content-turquoisebutt-bg{background:#30bba7;color:#fff;padding:5px 10px;margin:20px 0px 0px 0px;}
.content-turquoisebutt-bg a{color:#fff;text-decoration:underline;}
.content-turquoisebutt-bg a:hover{color:#000;text-decoration:none;}
.read-bg{background:url(../img/warning.png) 1% center no-repeat #EC5242;color:#fff;padding:10px 10px 10px 55px;margin-bottom:10px;border-radius:5px;}
.company-back{background:url(../img/cloud1.png) left center no-repeat;background-size:100%;font-size:20px;padding:30% 20% 6% 20%;}
h3.user-type-back{background:url(../img/backup.png) 29% center no-repeat #3D4D69;color:#fff !important;padding:10px 0px;margin:10px 0px 0px 0px;font-size:18px;}
h3.user-type-back a, h3.user-type-back a:hover{color:#fff;text-decoration:none;font-size:18px;}
.company-back a{color:#afafaf;text-decoration:none;}
.company-back a:hover{color:#06b79e;text-decoration:none;}
.company_restore{background:url(../img/cloud2.png) left center no-repeat;background-size:100%;font-size:20px;padding:28% 20% 0% 30%;text-align:center;}
.accordion-fixed{display:inline-block;width:100%;position:fixed;z-index:1;background-color:#fff;padding:15px 30px;top:62px;box-shadow:0 6px 6px -6px rgba(0, 0, 0, 0.75);}
.coustom-accordion .panel{box-shadow:none;border:0;}
.no-padding{padding:0 !important;}
.accordion-fixed .panel.show{margin-top:20px;}
.row.time-uplod .img-box{
	/*border: 1px solid #acacac;
	border-radius: 0px;
	box-shadow: none;
	padding: 5px;
	width: 100%;*/
	width: auto;
	max-width: 100px;
	text-align: center;
	margin: 5px;
}
.row.time-uplod .img-box img{
	border: 1px solid #acacac;
    border-radius: 0px;
    box-shadow: none;
    padding: 5px;
}
.row.time-uplod .file-name{
	padding: 10px 15px;
    word-break: break-all;
	width: 100%;
	max-width: 100%;
}
#singin-popup{position:relative;}
.previous-slide a, .next-slide a{transition-duration:0.2s;transition-timing-function:ease-in-out;background-image:url('../img/next-arrow.png');background-repeat:no-repeat;background-size:13px 20px;background-position:3px 37px;display:inline-block;float:left;font-size:50px;min-height:86px;width:20px;}
.previous-slide{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5);display:inline-block;float:left;}
.next-slide{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5);display:inline-block;}
.next-slide{float:right;}
.previous-slide a{background-image:url('../img/previous-arrow.png')}
.previous-slide a:hover, .next-slide a:hover{background-color:#000;}
a.delete-attachment{background-image:url('../img/cancel-butt.png');width:15px;height:18px;background-size:100%;background-repeat:no-repeat;display:inline-block;position:absolute;left:99px;top:5px;width:18px;}
a:hover.delete-attachment{opacity:0.8;}
#singin-popup label{position:relative;margin-top:50px;}
.comment-send-box-main .comment-send-box img{width:37px;margin-top:-2px;}
.cbp-vm-image img{width:auto;transition:all .2s ease-in-out;}
.cbp-vm-image{overflow:hidden;}
.cbp-vm-image:hover{background:none;}
.cbp-vm-image img:hover{opacity:1;transform:scale(1.1);}
.profile-content a{word-break:break-all;}
.pop-up-tab{text-align:center;bottom:0;display:inline-block;font-size:20px;left:0;position:absolute;right:0;width:100%;}
.pop-up-tab .popup-file-name{padding:10px;display:inline-block;float:left;width:60%;background-color:#4E533C;color:#fff;font-size:14px;}
.pop-up-tab .update-date{padding:10px;isplay:inline-block;float:left;width:20%;background-color:#AC6654;color:#fff;font-size:14px;}
.pop-up-tab .popup-file-size{padding:10px;display:inline-block;float:left;width:20%;background-color:#9F8F45;color:#fff;font-size:14px;}
#singin-box .slider{position:relative;margin-bottom:40px}
.previous-slide, .next-slide{margin-top:6%;}
.custom-alert .alert{display:inline-block;width:100%;background-color:#EC5242;color:#fff;padding-left:60px;position:relative;font-weight:600;}
.custom-alert .alert:before{background-image:url('../img/alert-icon.png');background-size:100% auto;content:"";display:inline-block;height:30px;left:15px;position:absolute;top:22px;width:30px;background-repeat:no-repeat;}
.backup-main{background-color:#fff;padding:20px;border:1px solid #ccc;margin-top:10px;margin-bottom:20px;}
.backup-box{padding-bottom:10px;border-bottom:0;text-align:center;background-color:#3d4d69;}
.backup-box img{width:250px;}
.fileUpload.btn-primary{background-color:#e0e0e0;border:1px solid #c4c4c4;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;color:#818284;display:inline-block;font-size:14px;font-weight:600;height:35px;line-height:25px;margin:0 0 0 -17px;padding:5px 26px;position:relative;vertical-align:top;}
.fileUpload.btn-primary:hover, .fileUpload.btn-primary:focus, .fileUpload input[type="file"]:focus{background-color:#e0e0e0;color:#818284;border-color:#c4c4c4}
.fileUpload{position:relative;overflow:hidden;margin:10px;}
.fileUpload input.upload{position:absolute;top:0;right:0;margin:0;padding:0;font-size:20px;cursor:pointer;opacity:0;filter:alpha(opacity=0);}
#uploadFile{padding:5px 15px;line-height:16px;border:1px solid #c4c4c4;background-color:#fff;color:#818284;height:35px;border-radius:20px 0 0 20px;-webkit-border-radius:20px 0 0 20px;-moz-border-radius:20px 0 0 20px;text-overflow:ellipsis;}
.upload-button-main{width:100%;display:inline-block;text-align:center;}
.upload-button{width:300px;display:inline-block;text-align:center;}
.backup-bottom .backup-text{font-size:19px;padding:8px 0;background-color:#3d4d69;display:inline-block;width:100%;color:#fff;font-weight:600;text-align:center;position:relative;transition-duration:0.2s;transition-timing-function:ease-in-out;margin-bottom:6px;}
.backup-bottom .backup-text img{margin-right:10px;width:20px;}
.location-box .select-location{border-bottom:1px solid #e3e3e3;margin-bottom:10px;padding-bottom:10px;}
.location-box{min-height:94px;display:inline-block;color:#373737;background-color:#f0f0f0;width:100%;padding:10px 15px;}
.backup-right .location-box{padding:28px 0px;}
.location-box label{min-width:150px;color:#373737;font-size:18px;line-height:22px;font-weight:300;}
.location-box .select-location select{color:#a3a3a3;box-shadow:none;min-width:150px !important;}
.location-box .file-size > div{display:inline-block;color:#818284;}
.restore-btn{border:1px solid #ccc;padding:15px 20px;width:100%;display:inline-block;text-align:center;}
.restore-btn a{padding:12px 24px 14px;font-size:18px;font-weight:600;line-height:20px;background-color:#f87769;color:#fff;border-radius:10px;display:inline-block;}
.restore-btn a:hover, .backup-right .restore-btn a:hover{background-color:#3d4d69;color:#fff;}
.backup-right .restore-btn a{background-color:#e2bf4b;}
.backup-right .select-location{text-align:center;border-bottom:0;margin-bottom:0;padding-bottom:0;margin-top:22px;}
.comment-reserver-msg .comment-reserver-msg-left a, .assigned-user-box a{color:#fff;}
.comment-sender-msg .comment-sender-msg-content a{color:#333;}
.comment-sender-msg .comment-sender-msg-content a:hover, .comment-reserver-msg .comment-reserver-msg-left a:hover{color:#F87668;}
#content .comment-uplod-textbox-cancel textarea, #content .comment-uplod-textbox-cancel textarea:focus{outline:0;border:0 transparent !important;width:100%;}
.msg-send-box-txtbox{border-radius:0 !important;}
#content .comment-uplod-textbox-cancel .col-md-11{padding:0;}
.devidor{border-top:1px solid #0CC2AB !important;margin:0 3px;padding-top:8px;}
.comment-send-box .msg-send-bot input{float:right;margin-right:8px;}
.astrix{vertical-align:-6px;font-size:22px;color:#F00;}
.message_counter{background-color:#f87668;border-radius:50%;color:#fff;display:inline-block;font-size:12px;height:20px;line-height:1.3;padding:2px 0 0;text-align:center;vertical-align:middle;width:20px;}
.switch-botton{display:inline-block;float:right;}
.attachmen-box a{position:relative;display:inline-block;margin-top:15px;}
.attachmen-box a label{left:15px;position:absolute;top:-13px;}
.cd-accordion-menu .has-children ul.sub-task li a{display:inline-block;float:left;width:35%;}
.cd-accordion-menu .has-children ul.sub-task li .user-list{display:inline-block;float:left;width:45%;}
.cd-accordion-menu .has-children ul.sub-task li{display:table;width:100%;}
@media (max-width:1199px){.top-box-left span, .top-box-right span{min-height:40px;display:inline-block;}
.location-box{min-height:142px;}
.backup-right .select-location{margin-top:50px;}
.accordion-fixed{top:60px;padding:17px 30px 15px;}
.backup-right .location-box{padding:54px 0;}
.comment-section{top:130px}
.slider label{margin:3px;}
.previous-slide a, .next-slide a{background-position:3px 24px;min-height:64px;}
}
@media only screen and (min-width:767px) and (max-width:1024px){.backup-left, .backup-right{width:50% !important;float:left;}
.comment-reserver-date{width:37%;}
.comment-reserver-msg-content{width:63%;}
.col-md-12.comment-send-box{padding:10px 10px 10px 10px;}
.comment-send-box-main{padding:0 10px !important;}
.col-md-10.msg-send-box{width:78%;}
.accordion-fixed{padding:16px 30px 7px;top:66px;}
.col-md-6.right-top-box ul{margin:0;}
.assigned-user-box{display:inline-block;}
.comment-section{top:155px;}
.slider label img{width:67px;}
.onclick-menu-content{left:-159px !important;}
.comment-send-box-main{}
.col-md-12.comment-send-box{padding:10px 3px 30px !important;box-shadow:0px 0px 10px rgba(0,0,0,0.2);}
.col-md-12.comment-send-box .comment_textarea{width:100% !important;overflow:hidden;padding-right:40px;}
.col-md-12.comment-send-box .comment-uplod-textbox-cancel .textarea-resize{display:none;}
.col-md-1.msg-send-bot{width:10%;padding:0px !important;position:absolute !important;z-index:1;top:0;right:0;margin-top:5px;}
.col-md-12.comment-send-box .devidor{display:none !important;}
.col-md-10.msg-send-box{width:100%;display:inline-block;padding-left:50px;}
.attachmen-box a,
.comment-send-box .msg-send-bot input{position:absolute !important;bottom:0 !important;z-index:1;top:0px;right:10px;}
.comment-send-box .msg-send-bot input{top:12px;}
.col-md-1.attachmen-box{}
#frmCommenttext{position:relative;}
.switch-botton{position:sticky;bottom:0;right:0;}
.commentpage-box{/*padding-bottom:8%;*/padding-bottom: 30%;margin-bottom:0;}
.comment-send-box-main{padding:0 0px !important;}
}
@media (max-width:830px){
	.comment-section{
		padding-top: 70px;
	}
}
@media (max-width:768px){.comment-send-box-main{}
.comment-section {
    padding-top: 270px;
}
.col-md-12.comment-send-box{padding:10px 3px 30px !important;box-shadow:0px 0px 10px rgba(0,0,0,0.2);}
.col-md-12.comment-send-box .comment_textarea{width:100% !important;overflow:hidden;padding-right:40px;}
.col-md-12.comment-send-box .comment-uplod-textbox-cancel .textarea-resize{display:none;}
.col-md-1.msg-send-bot{width:10%;padding:0px !important;position:absolute !important;z-index:1;top:0;right:0;margin-top:5px;}
.col-md-12.comment-send-box .devidor{display:none !important;}
.col-md-10.msg-send-box{width:100%;display:inline-block;padding-left:50px;}
.attachmen-box a,
.comment-send-box .msg-send-bot input{position:absolute !important;bottom:0 !important;z-index:1;top:0px;left:10px;}
.comment-send-box .msg-send-bot input{top:12px;}
.col-md-1.attachmen-box{}
#frmCommenttext{position:relative;}
.switch-botton{position:sticky;bottom:0;right:0;}
.commentpage-box{padding-bottom:8%;margin-bottom:0;}
.comment-send-box-main{padding:0 0px !important;}
}
@media (max-width:767px){.backup-left{margin-bottom:20px;}
.comment-section {
    padding-top: 0px;
}
.backup-bottom a.backup-btn{padding:4px 0;font-size:14px;}
.backup-bottom a.backup-btn img{width:17px;margin-right:5px;margin-bottom:2px}
.comment-reserver-date{width:100%;padding-right:0;}
.comment-reserver-msg-content{width:100%;}
.top-box-left{margin-top:60px;}
.top-box-right{margin-top:20px;}
.cbp-vm-switcher.cbp-vm-view-list ul li{display:inline-block;margin:10px 0;width:100%;}
.cbp-vm-switcher.cbp-vm-view-list .cbp-vm-details li{width:auto;}
.backup-box img{width:230px;}
.assigned-user-box h3{display:inline-block;}
.accordion-fixed{top:20%;}
button.accordion{padding:5px;}
.assigned-user-box h3{font-size:16px;margin:0 0 10px;margin-bottom:0;}
.assigned-user-box-right{margin-top:0;}
li#page-title{border-bottom:0;border-top:0;right:8px;top:0;width:auto;}
.col-md-4.right-top-box{top:9px;left:10px;right:inherit !important;width:40px !important;padding:0;}
.notifications:after{right:15px;}
.stickyheader{border-bottom:1px solid #ccc;}
.header-nav-user{display:none;}
.accordion-fixed{top:80px;padding:17px 30px 0;}
.onclick-menu-content{left:-158px !important;}
.onclick-menu-content::after{right:7px;}
.col-md-12.comment-send-box{padding:10px 3px 76px;}
.col-md-9.msg-send-box{float:left;padding:0;width:52%;}
.col-md-2.msg-send-bot{width:34%;}
.cd-accordion-menu .has-children ul.sub-task li a,
.sub-task .accordion-right-box,
.cd-accordion-menu .has-children ul.sub-task li .user-list{width:100%;text-align:center;}
.header-nav-user-name{display:inline-block;}
.header-nav-user{float:left;}
.dashboard .header-logo{display:none;}
.accordion-fixed{padding:0 30px 5px;}
.emoji_btn{display:none !important;}
.switch-botton{display:none;}
.msg-send-bot #emoji_btn_4{display:none !important;}
.col-md-9.msg-send-box{float:left;padding:0;width:57% !important;}
.col-md-9.col-sm-8.col-xs-5.msg-send-box{width:75% !important;}
.col-md-2.col-sm-2.col-xs-3.msg-send-bot{float:right;width:12% !important;}
.accordion-fixed{padding:0 15px !important;}
}
@media (max-width:479px){.restore-btn a{padding:6px 17px 8px;font-size:14px;}
.col-md-12.comment-send-box{padding:25px 3px 69px;}
.col-md-10.msg-send-box{}
.upload-button{width:100%;padding-left:5px;padding-right:5px;}
#uploadFile{border-radius:20px;width:100%;display:inline-block;}
.fileUpload.btn-primary{width:100%;margin-top:5px;display:inline-block;margin-left:0;}
.gn-menu-main > li > a{padding:0;}
.logo img{width:120px;vertical-align:middle;}
.gn-menu-main li.gn-trigger{padding-left:35px;}
.gn-icon-menu::before{margin-left:0;width:20px;vertical-align:-4px;}
#page-title a{font-size:11px;}
.gn-scroller{width:100%;}
.gn-menu-wrapper.gn-open-all{width:100%;}
.comment-section{top:200px;margin-bottom:100px;}
.accordion-fixed{padding:17px 30px 15px;}
.gn-menu-main li.gn-trigger{padding-left:0;}
.comment-send-box-main .comment-send-box img{}
.col-md-2.msg-send-bot{width:30%;padding:0;}
.comment-send-box .msg-send-bot input{margin-right:1px;}
.msg-send-bot #emoji_btn_4{margin:0 2px 0 0;}
.col-md-8.col-sm-8.assigned-user-box-left{display:inline-block;}
.assigned-user-box-right{display:inline-block;text-align:left;float:right;}
.allButFooter{min-height:calc(100vh - 100%);}
}
@media (max-width:420px){.col-md-1.msg-send-bot{right:15px;}
}
@media (max-width:350px){#page-title a{font-size:9px;}
}
@media screen and (max-width:700px){}
.stickyheader{position:fixed;z-index:999;background:#fff}
li.company-recent{list-style:none;border-top:1px solid #bdc3c7;cursor:default;padding:10px;white-space:nowrap;font-size:12px;}
.ui-autocomplete{position:absolute;cursor:default;}
.ui-autocomplete-loading{background:white url('images/ui-anim_basic_16x16.gif') right center no-repeat;}
.ui-helper-hidden-accessible{display:none}
* html .ui-autocomplete{width:1px;}
.ui-menu{list-style:none;padding:10px;margin:0;display:block;width:227px;background:#fff !important;z-index:999;}
.ui-menu .ui-menu{margin-top:-3px;}
.ui-menu .ui-menu-item{margin:0;padding:0;width:100%;font-size:14px;}
.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:.2em .4em;line-height:1.5;zoom:1;font-size:15px;font-weight:600;color:#000;cursor:pointer}
.ui-menu .ui-menu-item a:hover{background:#f1f1f1;}
.ui-menu .ui-menu-item a .fa{margin-left:5px;}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active{margin:-1px;}
.sort_dropdown{position:relative;display:inline-block;}
.sort_dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:99;right:-42px;}
.sort_dropdown-content a{color:black;padding:12px 16px;text-decoration:none;display:block;}
.sort_dropdown-content a:hover, .sort_dropdown-content a.active{background-color:#f1f1f1}
.show{display:block;}

/*---------- Global Settings: Font Size ----------*/
html body .font-10{
    font-size:10px;
}
html body .font-12{
    font-size:12px;
}
html body .font-13{
    font-size:13px;
}
html body .font-16{
    font-size:16px;
}
html body .font-18{
    font-size:18px;
}
html body .font-15{
    font-size:15px;
}
html body .font-20{
    font-size:20px;
}
html body .font-25{
    font-size:25px;
}
html body .font-30{
    font-size:30px;
}
html body .font-35{
    font-size:35px;
}
html body .font-40{
    font-size:40px;
}
html body .font-45{
    font-size:45px;
}
html body .font-50{
    font-size:50px;
}
html body .font-60{
    font-size:60px;
}
html body .font-70{
    font-size:70px;
}
html body .font-80{
    font-size:80px;
}
html body .font-90{
    font-size:90px;
}
html body .font-100{
    font-size:100px;
}
html body .font-bold{
    font-weight:bold;
}
html body .font-normal{
    font-weight:400;
}
html body .font-midium{
    font-weight:500;
}
html body .font-light{
    font-weight:300;
}
html body .font-italic{
    font-style:italic;
}