/*$Id$ */ @import url('https://webfonts.zoho.com/css?family=Lato+2:300,400,500,600,700'); *{font-family: 'Lato 2', sans-serif;font-weight: 400} body{ margin:0 auto; font:12px 'Lato 2', sans-serif;font-weight: 400} ul li,p,h1,h2,h3{ margin:0;padding:0;list-style:none;} .flLeft{ float:left;} .flRight, .nm,.ny, .widgetsFootermailArea,.widgetsFooterArea{ float:right;} .maindiv{ min-width:124px;margin:0px auto;clear:both;} #border_none, .border_none{ border:none; } img{ border:none;} a{ outline:none;} .clearboth{clear:both;} .strikethro{text-decoration:line-through;} .divbgcolor{border-left:1px solid #b6d1f1;border-top:1px solid #b6d1f1;background-color:#fffcd4;} .textUnderline,.headerMain .menu a:hover,.backhomeButton li a:hover{ text-decoration:underline;} .textUnderlineNone{ text-decoration:none;} .marginTop,#marginTop{ margin-top:2px;} .marginPadding,#marginPadding{margin:0 auto; padding:0; list-style:none;} .displayBlock{margin-top:7px;display:block} .boldNone, #boldNone{ font-weight:normal;} .noavailableContent{ padding:10px;border-bottom:1px solid #C5C5C5;} .displayNone{ display:none;} .overflowAuto{ overflow:auto;} /* Sharepoint Css */ .ellipsis{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display : inline-block; max-width: 60px; width: fit-content; } .sharepointManageAcountId{ max-width: 140px; } .headeralignment{ width: 66px; overflow: auto; display : inline-block; } .zg-attachFileContainerLft .imgNoteBook_big{ background-image: url(../images/notebook.536ec21d881b74de19ecb06c897e89f9.png); } .zg-attachFileContainerLft .selected .imgNoteBook_big,.zg-attachFileContainerLft li:hover .imgNoteBook_big { background-position: left -80px; } #noteBookSearch.gdsearch input{ width: 200px; position: relative; top: 9px; padding:0 21px; border: 1px solid #e0e0e0; } .nbscrh { background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) no-repeat; height:15px; width:130px; overflow:hidden;background-repeat:no-repeat;vertical-align:middle;float:left; background-position:-39px -1159px; text-align:center; margin-top: 10px; } .nbSearch{ position: absolute; right: 16px; top: 12px; background: url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) no-repeat; height: 22px; width: 18px; overflow: hidden; background-repeat: no-repeat; vertical-align: middle; float: right; background-position: -21px -1156px; } /*FONTS Area*/ .textcontent,#textcontent,.cal_content .text p,.loading_img span,.caldiv,.lcal,.votree td span,.text_bg,input, .menuLink a{font-family: 'Lato 2', sans-serif;color:#000; font-size:12px; font-weight:normal;} .topHeading{font:24px 'Lato 2', sans-serif;color:#000;font-weight:lighter;} .heading,.cal_main h3,.content_Main h1{font:15px 'Lato 2', sans-serif;color:#000;} .subHeading,.cal_content .text h2{font:800 12px 'Lato 2', sans-serif; color:#105cb6;font-weight:bold;} .tasksArea ul li a, .headerMain .menu a{font:12px 'Lato 2', sans-serif;color:#000;text-decoration:none;outline:none;cursor:pointer; } .small_text, .tabs ul li a, .tabs ul li{ font:12px 'Lato 2', sans-serif;color:#000;} .docsText ,.docsText a,.sheetLink a{ text-decoration:none;color:blue;} .moreText:hover, .textUnderline,.sheetLink a:hover{ text-decoration:underline;font-style:normal} .moreText{ color:#54abd5;cursor:pointer;} .normalText, .select_box select,.searchAreainputBox input{ font:12px 'Lato 2', sans-serif; color:#000;} .subHeadingColor{font:800 13px 'Lato 2', sans-serif; color:#72a6e5;font-weight:bold;} .urlLink{ text-decoration:underline;font:12px 'Lato 2', sans-serif;} .textArea a, .mailheading a{ font:13px 'Lato 2', sans-serif; color:#589fde;} .bold_text{ font:13px 'Lato 2';font-weight:bold;} .searchText{font:12px 'Lato 2', sans-serif; color:#ccc;} .pageFooter a,.newsmain ul li a,.widgetsAreaFooter a,.sheetwidgetsFooter a{font:11px 'Lato 2', sans-serif;text-decoration:none; outline:none;color:#4279cc} .smailBold{font:11px 'Lato 2', sans-serif; font-weight:bold;} .textLink{ color:#4279cc; text-decoration:underline;} .addWidgetsContent h2,.listWidgets h3{ font:17px 'Lato 2', sans-serif;font-weight: lighter;} .gadgetscategory{ font-size:16px;} .normalLink a,.normalLink{font-size:13px;color:#000;text-decoration:none;} .subLink {font-size:12px;color:#000;text-decoration:none;} .smallLink {font-size:11px;text-decoration:none;} .smailText{ font-size:11px;} .boldText, .boldText a {font-weight:bold;} .specialLink{ color:#6d99e7;text-decoration:none;} .mouseOver:hover{text-decoration: underline;} .dimText{color:#a8a9a9;} .specialText{color:#3264C7;} .resetMargin{ list-style:none;padding:0;margin:0;} .mandatory{color:#ff2626;} .italicText{ font-style:italic;} .linktext, .linktext a{color:#3264C7;text-decoration:underline;cursor:pointer;} .textLink{color:#3D629E;text-decoration:none;cursor:pointer;} .textLink:hover{ text-decoration:underline;} .textAlgin{ text-align:right;} .raised .boxcontent .textArea h4{font:14px 'Lato 2', sans-serif;text-decoration:none;} .raised .boxcontent .textArea h4 a{ text-decoration:none;color:#3264C7;font-size:14px;font-weight:bold;} .raised .boxcontent .textArea h4 a:hover{ text-decoration:underline;} .raised .boxcontent .header h1{ color:#3264C7; padding:14px 0 0 0;} .raised .boxcontent .header h2{ padding:0px 0 0 0;font-size:16px;} /*FONTS Area END*/ /*CAl Event content*/ .cal_eventcontent{ background:#F4F4F4;float:left; border:1px solid #C5C5C5;width:100%;} .cal_eventcontent h1{ padding:3px 0 5px 5px;float:left;} .cal_eventcontent ul{background:#fff; border:#DFDFDF 1px solid ;margin:17px; margin-bottom:0;padding:0;width:92%;} .cal_eventcontent li{ list-style:none;width:45%;padding:5px 0 5px 10px;overflow:hidden;} .gadgetscontentContenter .calDateheading{background:#ebf4fd;cursor: default;overflow:auto;border:none;} #cal_eventcontent_text, #eveDet .cal_eventcontent_text{ width:3px;float:left;padding:5px 0 0 0;} /*CAl Event END content*/ /*Widgets content*/ .widgetscontent{ clear:both;overflow:auto; border:1px solid #C5C5C5;min-height:20px;overflow:auto;border-top:none;} .widgetscontent h1{ background:#ecf4fe;padding:0px 0 0px 0px;float:left;width:100%; height:30px;} .widgetscontent h1 span{padding:0 4px} .docsLeftContent{ width:53%;float:left;overflow: hidden; white-space:pre;} /*.task_Right{ width:10%;float:right;overflow:hidden;display:block;margin:8px 0;}*/ .widgetscontent ul{list-style:none;margin:0 ;padding:0;cursor:pointer; clear:both;} .widgetscontent ul li a{display:block;width:100%;float:left;cursor:pointer;border-bottom:1px dotted #dbdbdb; padding:5px 0;text-decoration:none;outline:none;color:#000000;} .widgetscontent ul li a:hover{background:#f4f8fc;} .widgetscontent ul li span{ padding:0 5px;} /*.tasks_content{float:left;width:100%;font-weight:normal;border:none;}*/ /*mail content*/ .mailContent{float:left;width:73%; overflow:hidden;display:block; white-space:pre;color:#000; margin-top:5px;} #mailheadingLeft{ width:70%; } .mailsubheading{ color:#105cb6;overflow:hidden;white-space:pre;} /*Contact widgets content*/ .contactwidgets{ float:left; width:100%;} .contactwidgets p{ padding:0px 1px;} .contactwidgets span{ padding-top:3px;} .addcontactwidgets{background:#f5f8fe;border:1px solid #cce1ed;margin:0 5px 5PX 5px;padding:5px 10px;} .addPhotoArea{ width:60px;height:60px;padding:2px;background:#fff;float:left;border:1px solid #ccc;margin-bottom:8px;margin-right:4px;margin-top:2px;} .addPhotoAreaContent{ float:left; } .addPhotoAreaContent p{padding:3px 7px;} .addcontactwidgetsLeft{ width:100px;float:left; height:15px;overflow:hidden; margin-bottom:6px;display:block;overflow:hidden;} .addcontactwidgetsRight{ width:155px;height:20px; padding-left:5px; margin-bottom:6px;display:block;overflow:hidden;float:left;white-space:pre;} .addcontactwidgetsCenter{ width:10px;float:left;} .contactDiv{border:1px solid #f2f2f2; height:50px; padding:5px; border-top:none;} .addwidgetscontent{ background:#c2ddeb;padding:5px;} .addwidgetscontent_content{background:#F4F4F4; padding:5px 5px 5px 5px; border:1px solid #C5C5C5; border-top:none} .addwidgetscontent_content p,.notask_Text{ padding:5px 10px;} .addwidgetscontent_form{ background:#fff;border:1px solid #EBEBEB;margin:0 5px 5PX 5px;padding:5px 10px;} .addTasks_label{width:60px;float:left;padding:6px 5px 5px 0;} .input_box{ height:16px; padding:3px 0 0 2px; margin:4px 0;width:70%;} .addTasksTextarea{ width:193px;height:90px; margin:6px 0;} .div_width{float:left;padding:4px 0 5px 0;width:63px;} .select_box{ padding:5px 0;} .select_box select{ margin-right:5px;} .check_box{ margin-right:5px;} .contactmailContent{display:block;padding:0px 0 6px 0;} #calSelectcrmt input[type="text"]{ width:54%;} #crtaskDet .input_box{width:65%;} #craddContact .addTasks_label, #craddLead .addTasks_label{width:34%; padding:1px 3px 1px 0;} #craddContact .input_box, #craddLead .input_box{width:54%;padding:3px 0 0 2px;margin-right:2px;} #crtaskDet .addTasks_label{width:74px;} /*.tab{ border:1px solid #cce1ed; height:24px; padding:10px 10px 0px 10px;border-top:none;background:#FF0000} .tab ul{ padding:0 ; margin:0 auto;} .tab li{border:1px solid #b6d1f1;float:left;margin:0 5px;background:#f2f8ff; padding:3px 9px;} .tab .selectedTab{ background:#FFF url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) no-repeat left -832px; padding:0px; height:15px;padding:4px 10px;border-bottom:1px solid #fff;}*/ /*button*/ .button{text-align:center;padding:10px 0 10px 0;#padding:5px 0 5px 0;clear:both;} .button input{/*background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -3px -331px repeat-x;*/background:#FFFFFF url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) repeat-x scroll 0 -1492px;padding:2px 4px;border:1px solid #b3b3b3;color:#4D4D4D; cursor:pointer;margin:0 1px;text-align:center;min-width:50px;#min-width:0px;-moz-border-radius:2px;font-weight:bold;} /*searchArea*/ .searchAreaMain{height:26px;background:#F4F4F4; padding:6px 8px 0 8px;border-left:1px solid #C5C5C5;border-right:1px solid #C5C5C5; border-bottom:1px solid #ebebeb;} .searchAreainputBox{width:100%; padding-left:0;} .searchAreainputBox input{ border:1px solid #dfdfdf;width:99.5%;height:17px;padding:2px 0 0px 2px; } .delateBox2{width:101px;float:right; background:#e1eefe; position:absolute;border-left:5px solidred; margin:0px 0 0 0;#margin:1px 0 0 0} .searchAreainputBoxImgbg{background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -3px -331px repeat-x;padding:2px 5px 2px 5px;border:1px solid #bbd4f3; cursor:pointer;width:25px; margin-top:5px;height:16px; cursor:pointer;} /*searchArea END*/ /*DropBox Pagination changes */ .imgGnextDropbox{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -128px -2400px no-repeat;height: 17px;width: 17px;cursor:pointer;margin-left : -1px; } .imgGprevDropbox{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -105px -2400px no-repeat;height: 17px;width:16px;cursor:pointer;} #dropboxnxtfile{text-align:right;flex:1;position:absolute;right:7px;} /* .ellipsis{ white-space: nowrap; width: 60px; overflow: hidden; text-overflow: ellipsis; display: block; display : inline-block; } */ .head{ max-width: 60px; overflow: auto; display : inline-block; } .nbookcolourfade{color:#999; cursor:pointer;} .notebookflex{ flex: 1 !important; } #pathheadDropbox{display:flex;flex:0;} .zppromptpath{color:#999; cursor:pointer;flex:0;} #totalpathheadDropbox{display:flex;position:relative;} #pathheadDropboxpagination{flex:1;text-align:right;margin-left: 502px;} .imgGprevskydrive{ border-radius: 2px 0 0 2px; border-right: none; width: 20px; height: 20px; background-color: #fff; background: url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) no-repeat scroll -26px -1225px transparent; float: left; cursor: pointer; border: solid 1px #ccc; overflow: hidden; opacity: 1; margin-top: 5px; } .imgGnextskydrive{ background: url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) no-repeat scroll -26px -1196px transparent; width: 20px; height: 20px; background-color: #fff; margin-left: -1px; float: left; cursor: pointer; border: solid 1px #ccc; overflow: hidden; opacity: 1; margin-top: 5px; } /* DropBox Pagination changes */ .tabs { height:28px; border-bottom:1px solid #c5c5c5; padding-top:10px;clear:both;} .tabs ul li{ padding:5px 5px 7px 5px ;background:#fcfcfc;display:inline;border:1px solid #dfdfdf; margin:0 0px 0 5px; float:left; color:#5b89bd; cursor:pointer;overflow: hidden; float: left; border-bottom:none;min-width:85px;text-align:center;} .tabs ul li a, .tabs ul li a:hover{ text-decoration:none} .tabs ul .selected{padding:6px 5px 6px 5px ;background:#fcfcfc;display:inline;border:1px solid #c5c5c5; border-bottom:none; margin:0 0px 0 5px; color:#000;background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) repeat-x left -842px;cursor:pointer; border-bottom:1px solid #F4F4F4;min-width:85px;text-align:center; position:relative;top:0px;} .tabs p{ margin-top:5px; padding-right:2px;} /*NextPrevious Area*/ .nextPreviousarea{background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) repeat-x left -877px; padding:6px 0 0 5px; border:1px solid #C5C5C5; height:23px; clear:both;margin-top:-1px; border-top:1px solid #e8eff8;} .nextPreviousarea .flLeft a{ color:#105cb6;} .nextPreviousarea .flRight{color:#777575; } .nextPreviousarea .flRight span{width:46px; float:left;text-align:center;} /*img Icons*/ .imgCrmIcon,.imgDocIcon,.imgZipIcon, .imgShowIcon,.imgShrIcon, .imgPdfIcon, .imgImgIcon, .imgFoldIcon, .imgSearchIcon, .imgPopupIcon, .imgAddIcon,.imgUnknownIcon, .imgCalIcon, .imgSheetIcon,.imgCalredIcon,.imgCalgreenIcon,.imgChoose,.imgChkbox,.imgChkboxSelect,.imgImage,.imgHtml,.imgMp3,.imgVideo{width:16px; height:17px;margin-left:5px;float:left;background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) no-repeat;cursor:pointer;} .imgDocIcon{background-position:-3px -3px;} .imgShowIcon{background-position:-3px -148px;} .imgSheetIcon{background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) no-repeat -4px -40px;} .imgShrIcon{background-position:-3px -128px;} .imgPdfIcon{background-position:-3px -218px;} .imgImgIcon{background-position:-3px -195px;} .imgZipIcon{background-position:-2px -241px;} .imgAddIcon{background-position:2px -406px;} .imgUnknownIcon{background-position:-2px -380px;} .imgCalgreenIcon{ background-position:-3px -562px;margin-top:2px;} .imgChoose{background-position:-26px -104px;height:24px;} .imgImage{background-position:-3px -195px;} .imgHtml{background-position:-1px -398px;width:17px;} .imgMp3{background-position:-28px -150px;width:17px;} .imgVideo{background-position:-3px -416px;width:17px;} .imgAttach,.imgUp,.imgDalate,.imgCalBlue,.imgShareDocument,.imgComposewidgets{background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) no-repeat;cursor:pointer;height:17px;} .imgAttach{background-position: -9px -264px;width:10px;height:14px;} .imgUp{background-position:-60px -288px;width:14px;height:11px;} .imgDalate{background-position: -52px -156px;width:17px;height:17px;} .imgCalBlue{background-position: 1px -501px; width:22px;height:23px;} .imgShareDocument{background-position:-27px -171px; width:18px;height:15px;margin:0 3px;} .imgComposewidgets{background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -4px -281px; width:17px;height:15px;} .imgNext,.imgNextSelect,.imgPrevious,.imgPreviousSelect{ background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -24px -980px;width:20px;height:19px;cursor:pointer; float:left;margin:0 2px 0 19px;} .imgNextSelect{background-position:-24px -1002px;margin-left:3px;} .imgPrevious{ background-position:left -980px;} .imgPreviousSelect{background-position:left -1002px;} .imgNext{background-position:left -24px -980px;width:20px;height:19px;cursor:pointer; margin-left:3px;} .imgChkboxSelect{background-position:-52px -104px;width:12px;height:12px;margin-top:3px;} .imgChkbox{background-position:-52px -118px;width:12px;height:16px;margin-top:3px; } .chat_img{ border:2px solid #ddd;height:30px;width:30px; float:left;margin:3px 5px 2px 8px;background:#fff url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -28px -226px;} .imgArrow{background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -63px -199px;width:5px; height:4px; cursor:pointer;display:block;float:left;margin-top:5px;margin-left:2px;} .imgAddchat{background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) no-repeat -59px -270px; width:10px; height:10px;} .imgPhone{background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) no-repeat -56px -546px; width:12px; height:17px;margin-top:4px;} .imgPhone2{background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) no-repeat -56px -546px; width:12px; height:17px; float:left;} .imgPhoneExt{background:url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) no-repeat -108px -1231px;width:13px;height:18px;margin-left:15px;} .imgPhoto{ padding:1px;border:1px solid #cccccc;margin:0 5px 0 9px;} .imgNoPhoto{background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) no-repeat -12px -734px; width:45px;height:49px;margin:0 7px 0 3px; border:1px solid #ccc;display:block; display:inline;} .imgcrmContacts{background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) no-repeat -16px -826px; width:16px;height:16px;} .imgcrmLeads{background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) no-repeat -0px -827px; width:12px;height:16px;} .imgChatonline{background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) no-repeat -56px -516px; width:9px; height:9px;} .imgChatbusy{background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) no-repeat -56px -532px; width:9px; height:9px;} .imgChatoffline{background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) no-repeat -56px -468px; width:9px; height:9px;} .imgNoPhotoLarge{background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) no-repeat -6px -731px; width:56px ; height:56px; padding:1px;border:1px solid #cccccc;margin:0 0px;} .imgDelete{background:#fff url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) no-repeat -52px -155px; width:12px ; position:relative;height:20px; border:1px solid #b6d1f1;border-left:none; } .imgAdd{background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) no-repeat -58px -977px; width:13px; height:19px;margin:0 4px;} .imgChatdelete{background: url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -57px -89px; width:13px;height:13px;#margin-top:3px;cursor:pointer;} .imgChatdelete:hover{background: url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -44px -89px; width:13px;height:13px;#margin-top:3px} /*.imgChatdelete:hover{ width:12px;height:11px; border:1px solid #ccc;}*/ .imgDownIcon{background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) no-repeat -45px -964px; width:13px; height:11px;margin-left:2px;z-index:0;position:relative;border-bottom:none} /*.imgDownIcon:hover{ border:1px solid #ccc;width:13px; height:11px;z-index:20;position:relative;}*/ .imgDocIconmenu{background:transparent url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) no-repeat -3px -3px; width:16px; height:16px; margin-right:4PX;} .imgShowIconmenu{background:transparent url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) no-repeat -3px -148px; width:16px; height:16px;margin-right:4PX;} .imgSheetIconmenu{background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) no-repeat -5px -40px; width:16px; height:16px;margin-right:4PX;} .imggadgetsDown{background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) left -963px; width:14px;height:15px; } .imggadgetsUp{background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) left -1027px; width:14px;height:15px; } .imgMinimze,.imgMaximize,.imgqlMinimze{background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -16px -963px; width:14px;height:15px;margin:0 3px} .imgMaximize{background-position: -16px -1027px;} .imgClosed{background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -32px -963px; width:14px;height:15px;} .imgClosed:hover{background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -32px -1027px;width:14px;height:15px;} .imgmailDown{background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -60px -288px;width:10px;height:7px;} .imgmailUp{background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -62px -298px;width:7px;height:9px;} .imgMailClosed{background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -52px -796px; width:16px;height:16px;margin-right:4px;cursor:pointer;} .imgSpam{background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -35px -1099px; width:16px;height:13px;margin-top:3px;} .imgMaildelete{background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -52px -1098px; width:16px;height:12px;} .imgZoho{background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -59px -179px; width:12px;height:12px;} .imgExport{background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -40px -297px; width:18px;height:16px;margin-right:3px;} .imgSave{background: url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -28px -543px; height:15px;width:18px;margin:0 0px 0 5px;} .imgRefresh{background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -45px -391px; width:12px;height:14px;margin-right:2px;} .imgRefreshing{background:url(../images/loading.31d813f9ed99d65d763b2970cb92352c.gif) -50px -417px;#background-position:-48px -405px; width:14px;height:14px;} .imgonline{background: url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -56px -516px;height:9px;width:11px; margin:0 3px 0 0;} .imgoffline{background: url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png)-55px -468px;height:10px;width:10px;} .imgBusy{background: url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -56px -532px;height:9px;width:11px; margin:0 3px 0 0;} .imgShareicon{background: url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -32px -251px;height:18px;width:16px;margin-left:3px;} .imgPopout{background: url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -3px -479px;height:11px;width:16px;float:none;margin-top:3px;} .imgUnread{background: url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -29px -273px;height:14px;width:18px;margin-top:2px;margin-right:2px;} .imgRead{background: url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -28px -130px;height:16px;width:18px;} .imgMaildeleteicon{background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -52px -1098px; width:16px;height:12px;margin:3px 0px 0 0 ;} .imgcrmopentask{background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -20px -1120px; width:14px;height:14px;margin-right:5px;} .imgcrmoverduetask{background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -40px -1120px; width:14px;height:14px;margin-right:5px;} .imgcrmcompletedtask{background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) left -1120px; width:14px;height:14px;margin-right:5px;} /*img Icons End*/ /*loading*/ .loading_img{text-align:left;padding:3px 0;width:98%;position:absolute;background:none;text-align:center;} .loading_img span{height:25px;padding:1px;background:#fff;} .newsmain{ background:#fff;position:absolute;border-left:#C5C5C5 1px solid;border-top:#a5c4e3 1px solid;border-right:#a5c4e3 1px solid;border-bottom:#a5c4e3 1px solid;z-index:2;} .newsmain ul li a{ background:#fff;display:block;text-decoration:none;padding:3px 5px;font-size:12px;} .newsmain ul li a:hover{ background:#f4f8fc;display:block;} /* For Calendar */ .cal_Maindiv{ background:#000;} .caldiv{border: 1px solid #c5c5c5;border-top:none; padding:5px 5px 0px 5px;background-color:#fff; overflow:visible; text-align:center; line-height:20px;} .lcal{width:200px;table-layout:fixed; border: 1px solid #5e8cd0;margin:10px 10px 14px 10px;background:#fff;} .lcal tr{height:22px;} .lcal td{text-align:center; width:25px; } .lcal tr.day td{background-color:#dceef8; border-bottom:1px solid #e2e2e2;font-size:0.8em; font-weight:bold; background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) repeat-x left -664px;} .lcal tr.tit td{ width:100%;background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) repeat-x left -639px;color:#FFFFFF;font-size:17px;padding:3px;font-weight:bold;} .lcal tr.foot td{ width:100%; font-weight:bold;} .lcal tr.tit td span{ font-size:1em;} .lcal .red{color:#fd1500;} .lcal .bdr{border:1px solid #000000;} .lcal .hover{background-color:#a1bae7;} .lcal .row{background-color:#e6e7e6;} .lcal .sel{background-color:#b4d6f6;} .pm,.nm{background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) no-repeat ; width:20px; height:19px; vertical-align:middle; cursor:pointer;margin:0 3px; } .pm{float:left;background-position:left -1002px;} .nm{background-position:-24px -1002px;} /* End of Calendar here */ .expand,.collapse,.minus,.plus,.corner,.tee,.teeplus,.teeminus,.line,.fop,.fcl,.fopnew,.fclnew{background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) no-repeat; height:22px; width:17px; overflow:hidden;background-repeat:no-repeat;vertical-align:middle;float:left;} .votree td span {cursor:pointer;display:block;height:0;padding:5px 0 0;} .fclnew{background-position:-26px -3px;} .fopnew{background-position:-133px -10px;} .fop{background-position:-44px -22px;height:12px;margin:4px 0 0;} .fcl{background-position:-26px -18px; } .minus{background-position:-24px -41px;height:14px;} .plus{background-position:-24px -62px;height:18px;} .corner{background-position:-20px -87px;height:13px;} .tee{background-position:-53px -62px;} .teeplus{background-position:-24px -60px;height:21px;} .teeminus{background-position:-24px -42px;height:13px;} .line{background-position:-41px -69px;height:15px;margin:0 -2px; background-repeat:repeat-x;} .expand{background-position:-44px -42px;} /*Index Pages CSS */ .imgDocs,.imgPlanner,.imgbusinessTasks, .imgProjects, .imgCal, .imgMail, .imgPeople, .imgDiscussions,.imgEmbedIcon,.imgFacebookIcon,.imgPeople,.imgIgoogleIcon,.imgorkutIcon,.imgNing,.imgLogo,.imgSavebut,.imgWeblogo,.imgAddcontent,.imgLeftcurve,.imgLRightcurve,.imgbottomLeftcurve,.imgbottomRightcurve,.imgHelpIcon,.imgopenSocial,.imgNotes,.imgLink,.imgInvoice,.imgSheet,.imgcrmleads, .imgcrmAccounts, .imgcrmcontacts, .imgcrmTask, .imgcrmSearch, .imgcrmcontactsbig, .imgcrmAccountsbig, .imgcrmleadsbig, .imgcrmmainicon {background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) no-repeat;height:48px;width:48px;} .imgDocs{background-position:-4px -395px;margin:2px 1px;} .imgPlanner{background-position:-2px -494px; } .imgCal{background-position:-59px -241px; } .imgMail{background-position:-63px -289px; } .imgPeople{background-position:-169px -1956px; } .imgDiscussions{background-position:-111px -204px;} .imgbusinessTasks{background-position:-128px -348px;} .imgEmbedIcon{background-position: -195px -314px; width:18px;height:14px; cursor:pointer;} .imgFacebookIcon{background-position: -156px -293px; width:18px;height:19px; cursor:pointer;} .imgIgoogleIcon{background-position: -178px -293px; width:18px;height:18px; cursor:pointer;} .imgInvoice{background-position:-2px -345px; } .imgProjects{background-position: -2px -543px; } .imgFeeds{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) no-repeat -45px -1235px; height:46px;width:40px;margin-right:6px; } .imgorkutIcon{background-position: -132px -317px; width:18px;height:18px;cursor:pointer;} .imgNing{background-position: -112px -292px; width:18px;height:18px; cursor:pointer;} .imgLogo{ background-position: left top; width:179px; height:27px;} .imgSavebut{ background-position: -57px -212px; width:54px;height:25px; margin:10px 10px 0 0} .imgWeblogo{background-position: left -688px;width:165px;height:33px;} .imgAddcontent{background-position: -112px -252px;width:100px;height:24px;} .imgHelpIcon{background-position:-194px -505px;width:17px;height:16px;} .imgLeftcurve{ width:5px; height:4px;background-position: -167px -319px;margin-top:-1px;} .imgLRightcurve{ width:5px; height:4px;background-position: -179px -319px;margin-top:-1px; margin-right:-1px} .imgbottomLeftcurve{ width:5px; height:4px;background-position: -167px -330px;margin-top:-1px;} .imgopenSocial{width:16px; height:16px;background-position: -132px -392px;margin-left:3px;margin-top:3px;} .imgLink{background-position: -120px -431px; height:42px;width:52px;} .imgNotes{background-position: -126px -477px;height:42px;width:52px;} .imgSheet{background-position: -62px -507px;} .imgcrmleadsbig{background-position:left -1179px;height:42px;width:42px;} .imgcrmAccountsbig {background-position:-36px -1179px;height:42px;width:42px;} .imgcrmcontactsbig{background-position:-78px -1179px;height:42px;width:42px;} .imgcrmTask{background-position:-121px -1173px;height:36px;width:42px;} .imgcrmmainicon{background-position:-112px -1368px;height:30px;width:42px;} .imgcrmSearch{background-position: -168px -1179px; width:18px;height:25px;cursor:pointer;} .imgcrmpre{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -185px -1123px; width:12px;height:9px;} .imgcrmnextselect{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -198px -1123px; width:12px;height:9px;} .imgcrmnext{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -198px -1133px; width:12px;height:9px;} .imgcrmpreselect{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -185px -1133px; width:12px;height:9px;} .imgmaildrpdown{background:url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) no-repeat -180px -1051px;width:31px;height:18px;margin-left:7px;cursor:pointer;} .imgProjecthelp{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -143px -1238px no-repeat; height:16px;width:16px;cursor:pointer;float:left;margin:5px 0 0 4px;} .imgFacebooksmallIcon, .imgIgooglesmallIcon, .imgorkutsmallIcon{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) no-repeat;} .imgFacebooksmallIcon{background-position: -154px -191px; width:12px;height:12px; cursor:pointer;} .imgIgooglesmallIcon{background-position: -117px -191px; width:12px;height:12px; cursor:pointer;} .imgorkutsmallIcon{background-position: -137px -191px; width:12px;height:12px;cursor:pointer;} /*invoice*/ .linkEdit{background:url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) no-repeat -193px -483px;height:13px;width:18px;} .imginvoiceExpense{background: url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -28px -477px; height:12px;width:12px;} .imginvoice{background: url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -28px -493px;height:12px;width:12px;} .imgRecurringInvoice{background: url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -28px -511px;height:12px;width:12px;} .imgEstimate{background: url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -28px -528px; height:12px;width:12px;} .imginvoiceOverdue, .imginvoiceDraft, .imginvoiceClosed, .imginvoiceOpen, .imginvoiceVoid{ min-width:50px;margin:0 6px 0 6px;padding:0px 5px 5px 5px;min-height:12px;font-size:10px; -moz-border-radius:2px;color:#105cb6;font-family:'Lato 2', sans-serif; -webkit-border-radius:2px;font-weight:bold;text-transform:lowercase; } .imginvoiceClosed{color:#6ab859;} .imginvoiceDraft{color:#a1a1a1;} .imginvoiceOpen{color:#4f8bc3;} .imginvoiceVoid{ color:#c37c4e;} .imginvoicePrint{background: url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -26px -417px; height:16px;width:16px;margin:0 6px} .imginvoicePdf{background: url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -2px -218px; height:16px;width:16px;margin:0 0px 0 6px;} .curveBoxtop{border-top:1px solid #9dbfde; height:3px;} .curveBoxbottom{border-bottom:1px solid #9dbfde; height:2px;} /*invoice End /*invoice .linkEdit{background:url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) no-repeat -193px -483px;height:13px;width:18px;} .imginvoiceExpense{background: url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -28px -477px; height:12px;width:12px;} .imginvoice{background: url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -28px -493px;height:12px;width:12px;} .imgRecurringInvoice{background: url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -28px -511px;height:12px;width:12px;} .imgEstimate{background: url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -28px -528px; height:12px;width:12px;} .imginvoiceVoid{background: url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -33px -314px; height:16px;width:18px;margin:0 4px 0 6px;} .imginvoiceClosed{background: url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -27px -398px; height:18px;width:18px;margin:0 0px 0 6px;} .imginvoiceDraft{background: url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -27px -380px; height:18px;width:18px;margin:0 0px 0 6px;} .imginvoiceOverdue{background: url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -28px -458px; height:18px;width:18px;margin:0 0px 0 6px;} .imginvoiceOpen{background: url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -26px -560px; height:18px;width:19px;margin:0 0px 0 6px;} .imginvoicePrint{background: url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -26px -417px; height:16px;width:16px;margin:0 6px} .imginvoicePdf{background: url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -2px -218px; height:16px;width:16px;margin:0 0px 0 6px;} .curveBoxtop{border-top:1px solid #9dbfde; height:3px;} .curveBoxbottom{border-bottom:1px solid #9dbfde; height:2px;} /*invoice End*/ .mainContainer {width:100%;} .headerMain .menu {height:21px; padding:0px 0 0 0;border-top:none; top:0px;color:#f4f4f4;} .headerMain .menu a, .menuLink a{ color:#fff; text-decoration:none;} .headerLogoarea {height:41px; padding:10px 0 5px 0;} .headerLogoarea h1{ padding:18px 0 0 0px;} .logo {float:left; height:37px;padding:4px 0 0 0px;} .raised {background:transparent; width:90%; margin:0 auto;width:1000px; padding-bottom:1px} .raised .boxcontent {display:block;border-left:1px solid #9dbfde;border-right:1px solid #9dbfde;background:#FFF;padding-bottom:40px;} .raised .boxcontent .header{ height:131px;background: url(../images/headerBg.f0dfb03bcbb57d337e0e4d2b65e23b29.png) repeat-x;text-align:left;/*-moz-border-radius-topright:3px;-moz-border-radius-topleft:3px;*/ } .raised .boxcontent .header .logoArea{ background: url(../images/logoBg.5537985a1d3f1edde330b34a50a97e24.png) no-repeat center;height:131px;} .raised .boxcontent .header .logoArea h1{ font-size:24px;color:#fff;padding-top:70px;text-align:center;} .raised .boxcontent .content{ padding:15px 0 15px 0; float:left; /*-moz-border-radius:3px;*/border-bottom:1px solid #efefef;width:100%;} .raised .boxcontent .content .dimText{ color:#999999;} .raised .boxcontent .content:hover{ background:#ffffdd;} .raised .boxcontent .textArea{ width:58%;float:left; padding-top:2px;padding-right:5px;} .raised .boxcontent .textArea h4{ font-weight:bold;font-size:14px;} .raised .boxcontent .buttonArea{ padding-top:5px;float:right;} .raised .boxcontent .buttonArea ul { margin:0;padding:0;} .raised .boxcontent .buttonArea ul li{ float:left;cursor:pointer;border:1px solid #e0e0e0;margin:0 12px 0 0;padding:3px;background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) repeat-x left -1149px; min-width:110px;text-align:center;} .raised .boxcontent .buttonArea ul li:hover{border:1px solid #ccc;} .raised .boxcontent .iconArea{ width:45px;height:43px;float:left; padding:2px; margin-right:10px;margin-left:10px;_margin-left:10px;} .gadgetscategory{} .gadgetscategoryheader{ border-bottom:1px solid #ccc;margin:15px 5% 15px 5%;padding:5px 0;clear:both;} .gadgetcategoryCont{padding:0 70px;} .listEmbedicon{margin-right:10px; float:left;padding:1px;} .listEmbedicon ul{ width:100px;} .listEmbedicon ul li{ padding:3px;color:#4279CC; text-decoration:none;cursor:pointer; border-bottom:1px solid #f4f4f4;width:124px;} .listEmbedicon ul li:hover{ background:#f0f8ff;} .listEmbedicon ul li a{ text-decoration:none;cursor:pointer;width:124px;display:block} .listEmbedicon ul li a img{ margin-right:5px;} /*SocialButton*/ .openSocialButton a{ margin:0 2px;color:#44619c;text-decoration:none;} .openSocialButton img{ margin-top:2px;} .openSocialButton .buttonLeft{width:20px; height:24px;float:left;} .buttonRight{width:7px; height:24px;float:left;} .buttonCenter{ float:left;padding:3px;} .openSocialButton:hover .buttonLeft{width:20px; height:24px;background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -170px -218px;float:left;} .openSocialButton:hover .buttonRight{width:7px; height:24px;background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -204px -218px;float:left;} .openSocialButton:hover .buttonCenter{ background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) repeat-x 0 -932px; height:18px;float:left;padding:3px;cursor:pointer;} .imgXml{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) no-repeat -37px -166px; height:18px;width:84px;} .xmlBut{ text-align:right} .xmlBut input{ background:#ff8000;border:1px solid #000;width:50px;color:#fff;} /*SocialButton END*/ /*page Footer */ .pageFooter{height:17px; color:#fff;padding:7px 10px;} .poweredbyLogo{ background:url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) no-repeat -165px -1088px;width:50px;height:20px;margin:0 0 0 3px;cursor:pointer;} .widgetsAreaFooter{background:url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) no-repeat left -607px; width:145px; height:26px;margin-top:-8px;position:relative;} .widgetsAreaFooter a,.sheetwidgetsFooter a{ padding:2px 0 0 20px;display:block;} /*fromArea*/ .fromLable{ width:90px; text-align:right;padding:5px 14px 0 0;height:35px;#height:25px;} .fromInputbox{ width:383px;height:17px;padding:2px 0 0 2px;} .fromBroder{ width:40px;height:17px;padding:5px 0 0 0px;} .broderInputbox{ width:50px;margin-right:3px;height:17px;padding:2px 0 0 2px;} .fromTextarea{ width:385px;height:67px; margin:4px 0 5px 26px; background:#fff; border:1px solid #7f9db9; overflow: hidden;} .textareaLable{padding:0 0 0 83px; float:left} /*widgetsArea*/ .widgetsBox{margin:13px 0 0 13px; float:left; width:32%;} .outerBox span.outerCurve1, span.outerCurve2, span.outerCurve3, span.outerCurve4{display:block; overflow:hidden; font-size:1px;background:#e5eef6; border-left:1px solid #e5eef6; border-right:1px solid #e5eef6;height:1px;} .outerBox span.outerCurve1 {margin:0 4px; background:#e5eef6;} .outerBox span.outerCurve2{margin:0 3px; border-width:0 2px;} .outerBox span.outerCurve3{margin:0 2px;} .outerBox span.outerCurve4{height:2px; margin:0 1px;} .outerBox .outerBoxContainer {display:block;background:#e5eef6; border-left:1px solid #e5eef6; border-right:1px solid #e5eef6;} .outerBoxContainer h3{ padding:8px 0 10px 0;} .innerBoxPadding{ padding:0px 3px;} .backGround, #backGround{border-left:1px solid #fff ;border-right:1px solid #fff; background:#fff; } .helpContainer{padding:5px; min-width:540px;} .helpouterContainer{float:left; padding:0px 0 0 0px;} .outercurveBox{ width:523px;} .innerBox span.innerCurve1, span.innerCurve2, span.innerCurve3, span.innerCurve4{display:block; overflow:hidden; font-size:1px;background:#fff; border-left:1px solid #fff; border-right:1px solid #fff; height:1px;} .innerBox span.innerCurve1 {margin:0 4px; background:#a5c4e3;border-left:1px solid #a5c4e3;border-right:1px solid #a5c4e3;} .innerBox span.innerCurve2{margin:0 3px; border-width:0 2px; border-left:1px solid #a5c4e3;border-right:1px solid #a5c4e3;} .innerBox span.innerCurve3{margin:0 2px;border-left:1px solid #a5c4e3;border-right:1px solid #a5c4e3;} .innerBox span.innerCurve4{height:2px; margin:0 1px;border-left:1px solid #a5c4e3;border-right:1px solid #a5c4e3;} .innerBox .innerBoxContainer {background:#fff; border-left:1px solid #a5c4e3; border-right:1px solid #a5c4e3;min-height:90px;} .innerBox .innerBoxContainer .header{padding:2px 12px 0px 10px;color:#000;font-size:13px;min-height:22px;color:#000;font-weight:bold; border-bottom:1px solid #e1ebf5;background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) repeat-x left -924px; clear:both;} /*.innerBox .innerBoxContainer .header div{padding:0px 12px 0px 10px;color:#000;font-size:13px;min-height:19px;}*/ .settingMain{ padding:10px 0 5px 10px; border-bottom:1px solid #E1EEFE; background:#f3f7fb; clear:both;} .settingMain select{ margin-bottom:4px; margin-left:4px;} .settingMain label{ width:30%;float:left;text-align:right;} .mailPopupBg{ width:50%; margin:10px;} .mailPopupBg .topHeader{ height:25px; background:none;} .mailPopupBg .topHeadercontent{ background:#add0f1; width:98.35%;height:20px;#height:25px; padding-top:5px; float:left;overflow:hidden;} .mailPopupBg .topHeadercontent p{ padding-left:6px;} .mailp0pupLeftcurve{ width:3px; background: url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -57px -1016px; height:25px} .mailp0pupRightcurve{ width:7px; background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -63px -1016px;height:25px} .mailPopupBg .contentArea{ background:#ebf3fb url(../images/bg.1c7c606d066806617d42701229b41619.png) right repeat-y; border-left:1px solid #8fbfec;width:99.8%;_width:100%; padding-bottom:0px} .mailPopupBg .contentArea .innerContent{ padding:10px 10px 0px 10px;min-height:350px;background:#fff; border:1px solid #b0d2f1; width:90%;margin:14px 10px 0 13px;} .footercenter{background:#ebf3fb url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) left -1055px; width:97.90%; height:9px; float:left;overflow:hidden;} .mailp0pupLeftbottomcurve{ width:4px; background: url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -53px -1044px; height:9px;float:left;} .mailp0pupRightbottomcurve{width:8px; background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -61px -1044px;height:9px;float:right;} .addToButton{border-bottom:1px dotted #ccc;width:566px;height:50px;} .addTO{ padding:5px 0;} .backhomeButton{ padding:0px 3px 0 0;#padding:0px 3px 0 0;} .backhomeButton .left,.right{ width:4px; height:20px;background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) left -1098px;} .backhomeButton li a{height:20px; padding:2px 3px;background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) repeat-x left -1072px; display:block; cursor:pointer; color:#000;text-decoration:none;} .right{background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -14px -1098px;} /*Docs Share*/ .docsShare{ background:#fff;min-height:200px;padding-right:3px;} .docsShare img{ float:none;display:inline;margin:0 3px;padding:0;width:15px;} .docsShare textarea{ background:#fff;height:80px;width:100%;border:1px solid #B0D2F1;margin:6px 0px;overflow:auto;} .docsShare h3{border-bottom:1px dotted #ccc;padding:5px 0;margin-bottom:5px;} .docsShare h4{color:#689019;} .docsShare input{width:55px;} /* zoho Chat*/ .chatHeader{background:#F4F4F4;border-left:1px solid #C5C5C5;border-right:1px solid #C5C5C5;padding:9px 0 9px 0;} .chatAvailable{padding-left:64px;display:block;} .chatContentOuter{border:1px solid #C5C5C5;border-top:none;} .chatContentinner{ min-height:200px;padding:12px;} .chatContentinnerTextarea{ background:#f4f4f4;padding:15px;} .chatContentinnerTextarea textarea{ width:98%;height:50px;border:1px solid #ccc;padding:3px;overflow:auto;} .dropdown { border: 1px solid #A5C4E3;visibility: hidden; position:absolute;font-family: 'Lato 2', sans-serif; z-index:1000; margin-top:-10px;width:360px;position:absolute;min-height:100px;color:#000000;background:#fff; } .dropdown-on {width: 100%;color: #000;font-weight: bold;margin: 0px;padding:5px;min-height:18px;cursor: hand;cursor: pointer;background:#c3d9f1;} .dropdown-off {background-color: #fff;width: 100%;color: #000;font-weight: bold;margin: 0px;padding:5px;min-height:18px;} /*OpenSocial XML helpArea*/ .openSocialXMLHelp{ width:330px;background:#fff;position:relative; border:1px solid #ccc;color:#6f6e6e;padding:10px 30px 10px 10px;} .imgopenSocialHelpicon{width:15px;background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) repeat-x -194px -531px;height:15px;cursor:help;} .imgopenSocialarrowiconBottom{width:18px;background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) repeat-x -194px -560px;height:14px;margin-bottom:-24px;margin-top:10px;position:relative;width:18px;} .imgopenSocialarrowicon{width:18px;background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) repeat-x -194px -546px;height:14px;position:relative;margin-top:-18px;} /*Add Widgets*/ .addWidgetsArea{ width:538px;background:#fff;} .addWidgetsAreaheader{background:#f4f4f4;color:#333333;height:30px;border-bottom:1px dotted #ccc;} .addWidgetsAreaheader h2{ width:182px;padding:5px 9px 0 9px;margin-right:6px;height:25px;} /*.addWidgetsAreaheader h2{ padding:5px 0 0 0;}*/ .listWidgets{ width:200px;float:left;} .listWidgets ul .selected,.listWidgets ol .selected{ border:1px solid #3295E6;background:#FFFFCC;} .listWidgets ul { padding:10px;} .listWidgets ul li{ list-style:none;padding:5px;} .listWidgets ul ol{ padding:5px;margin:0 25px; } .addWidgetsContent{ width:538px;float:left;padding:0px 0px;height:300px;overflow:auto;} .addWidgetsContentArea{border-bottom:1px dotted #D1E0ED;padding:15px 15px;} .addWidgetsText{width:330px;padding:0 10px 0 10px;float:left;} .addWidgetsContentArea h4{ color:#3264C7; font-weight:bold;} .addWidgetsContent textarea{ width:100%;border:1px solid #cccccc; height:100px;} .addWidgetsContent input[type="radio"]{ margin-top:3px; margin-right:3px;} .listWidgetsImgLeft{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) repeat-x -60px -1113px;width:2px;height:19px;float:left;} .listWidgetsImgright{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) repeat-x -66px -1113px;width:2px;height:19px;float:left;} .listWidgetsImgcenter{ background:#fff;border-bottom:1px solid #ccc;border-top:1px solid #ccc;float:left;width:10px;} /*Add gadget*/ .addContent{ float:left;padding-top:0px;padding-left:10px;} .addContentCenter{background:#2B9F05 ;color:#FFFFFF;display:block;float:left;cursor:pointer;padding:3px;font-weight:bold;text-decoration:none;} .addContentCenter a{color:#FFFFFF;font-weight:bold;text-decoration:none;} .imgBackhome{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -208px -575px;height:6px;width:7px;} .imgAddgadget{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -131px -415px;height:10px;width:11px;margin:0 5px;} /* No widgets */ .noWidgetsouter{ background:#f5f6f8;padding:4px;position:absolute;width:500px;} .noWidgetsinner{ background:#fff;border:2px solid #e6ebef;padding:20px 20px;} .imgNowidgets{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -126px -530px ;width:50px;height:50px;} /*zohoNotes*/ .addNotesContender{border-right:1px solid #bfbfbf;background:#D8F9B7;border-bottom:1px solid #bfbfbf;margin:10px 10px;} .zohoNotes{padding:0 10px;} .notesList{border:1px solid #c2daff; padding:0px 5px 0px 0px;} .notesList h6{ padding:5px 0 0 0;margin:0;float:right;} .notesSelected{border:1px solid #c2daff;border-right:2px solid #c2daff;border-bottom:2px solid #c2daff;} .docsUpload{ background:#f7f7f7; height:80px;width:100%;} .plusiconouter{width:20px;min-height:25px;text-align:center;float:left;} .zohonotesList{ border:1px solid #bfbfbf; margin:10px;clear:left;width:93%;min-height:25px;} .zohonotesList .icon{height:18px;width:20px;float:right;cursor:pointer;visibility:hidden; padding-top:5px;} .zohonotesList:hover .icon{display:block;height:18px;cursor:pointer;width:20px; float:right;visibility:visible;padding-top:5px;} .zohonotesList .content{float:left;width:78%;padding-top:4px;padding-left:4px;white-space:nowrap} .zohoNotesouter{ border-right:1px solid #BFBFBF;border-bottom:1px solid #BFBFBF;margin:0 10px 10px 10px;} .zohoNotesinner{border:1px solid #C2DAFF;padding:0px;} .zohoNotesinner .contentArea{border-left:17px solid #d8f9b7; border-bottom:0px;border-right:0px;border-top:0px;width:100%; background:red} .zohoNotesinnerTextarea{padding:3px 0px 0px 0px;width:95%;background:#f4f4f4;} .zohoNotesinnerTextarea textarea,.zohoNotesinnerTextBox{height:80px;overflow:auto;width:100%;float:left;border:1px solid #ccc;background:#D8F9B7;margin-bottom:10px;margin-top:16px;width:110%;#width:104%;} .zohoNotesinner span .imgMaildelete{ margin-top:5px;} .zohoNotesinner img{position:relative;margin-right:-10px; float:left;} .colorBox{ width:75px;background:#FFFFFF;padding:3px 0;} .colorBox b{ float:left;border:1px solid #000;height:8px;width:8px; margin:3px;float:left;display:block;} .greenColor{float:left;height:8px;width:8px;background-color:#E5FFCB;border:1px solid #000; margin:3px;} .yellowColor{float:left;height:8px;width:8px;background-color:#FEFAD1; border:1px solid #000;margin:3px;} .blueColor{float:left;height:8px;width:8px;background-color:#C4E4FC;border:1px solid #000; margin:3px;} .colorBox li{ list-style:none;padding:0px 3px;} /*zohoNotes END*/ /*Zoho invoice */ .overdue{ color:red;} .draft{ color:#999999;} .invoiceclosed{ color:#009900} .invoiceditLink{border:1px solid #a5c4e3;-moz-border-radius:5px;color:#fff;} .invoiceditLink div{border:1px solid #fff;-moz-border-radius:5px;background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) left -25px ;padding:2px 5px;} .invoiceditLinkleft{ width:5px; background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -30px -296px;height:18px;float:left;margin:-1px 0 0 -1px;} .invoiceditLinkright{ width:5px; background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -36px -296px;height:18px;float:right;} .invoiceContent{ background:#fff; border:1px solid #ebebeb;width:95%;margin:0 auto;margin-top:7px;} .invoiceContent ul .invoiceContentheader{min-height:28px;padding-right:0;padding-left:0;padding-bottom:10px;} .invoiceContent ul{ margin:0 auto; padding:10px 20px;border-right:1px solid #c5c5c5;border-bottom:1px solid #c5c5c5;} .invoiceContent ul .selected{ background:#f1f7ff;border-bottom:1px solid #d1e1f5;border-top:1px solid #d1e1f5;} .invoiceContent ul li{ min-height:18px;padding:5px;clear:both;border-top:1px solid #fff;} .invoiceContent ul li span{ width:50%;display:block;} .invoiceContent ul li h4{ color:#105cb6;font-size:16px;margin:0;padding:0;} .invoiceContent ul li .flRight{ text-align:right;} /*Zoho invoice END*/ /*drpdownMenu*/ .drpdownMenu{ background:#fff; padding-bottom:3px; border:1px solid #ccc;border-right:2px solid #ccc;border-bottom:2px solid #ccc;position:absolute;float:left; min-height:40px;left:28px;margin-top:28px;min-width:120px;} .drpdownMenu ul{ padding:0 0px;margin:0;float:left;} .drpdownMenu ul li{ margin:0; border:none; background:#fff;clear:both;text-decoration:none; text-align:left;display:block;padding:0;width:100%;border-top:1px dotted #ddd;} .drpdownMenu ul > li:first-child{ border:none;} .drpdownMenu ul li:hover{background:#e3ebf8;text-decoration:none;} .drpdownMenu ul{ width:100%;padding:0;margin:0;} .drpdownMenu ul li a{ display:block;text-decoration:none;padding:5px 5px;} .drpdownMenu ul li a:hover{background:#e3ebf8; text-decoration:none;color:#000000;} .drpdownMenu ul li img{ float:none;display:inline;margin:0;} .tabs ul .dropSelected{background-color:#FFFFFF;border:1px solid #BFBFBF;cursor:pointer;text-decoration:none;border-bottom:none;position:relative;z-index:3;padding-right:5px;margin-top:1px;} #mlAcctDrpMenu{width:160px;overflow:hidden;} .drpdownMenu a:hover{ text-decoration:none;} /*drpdownMenu END*/ /*Zoho Sheet*/ .sheetLink a{ text-decoration:underline;padding:3px 5px 0 0;color:#4279CC;} .sheetLink .imgDownIcon{ width:15px;border;none;margin-left:-1px;} .sheetwidgetsFooter{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -73px -985px;height:33px;width:137px;#width:138px;padding-left:5px;margin-top:-1px;} .imgsheethelp{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -182px -680px;height:19px;width:30px;} .imgerase{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -190px -699px;height:18px;width:18px;margin-top:2px;} .sheetMenu{ background:#fff;position:absolute;border-left:#C5C5C5 1px solid;border-top:#a5c4e3 1px solid;border-right:#a5c4e3 1px solid;border-bottom:#a5c4e3 1px solid;z-index:200} .sheetMenu ul,.sheetMenu ul li{ width:130px;margin:0;padding:0;} .sheetMenu ul li a{ background:#fff;display:block;padding:4px 2px;text-decoration:none;color:#4279CC;} .sheetMenu ul li a:hover{ background:#f4f8fc;display:block;padding:4px 2px;text-decoration:underline;} /*Zoho Sheet END*/ /*zoho CRM*/ .zohocrmMain{border:1px solid #C5C5C5 ;clear:both;border-top:none;} .zohocrmMain ul{ list-style:none;padding:0;margin:0; } .zohocrmMain ul li{ border-bottom:1px dotted #ccc;clear:both;float:left;width:100%;min-height:20px;} .zohocrmMainListwrapper{ padding:5px;clear:both;} .zohocrmMainList{ width:23%;float:left;margin:0 3px;white-space:pre;overflow:hidden;} /*zoho CRM Task*/ .crmTaskContainer{border-left:1px solid #C5C5C5; border-right:1px solid #C5C5C5;} .crmTaskContainer .topheader{background:#F4F4F4;padding:5px 8px;min-height:20px;color:#54ABD5;} .crmTaskContainer .topheader a{color:#54ABD5;} .crmTaskContainer .mailContent a{color:#54ABD5;text-decoration:underline;} .crmTaskContainer .topheader .subHeading{padding:4px 0} .crmTaskContainer .topheader b{color:#444444;} .crmTaskContainer .button{clear:none;float:right;padding:0;margin:0;} .crmTaskContainer .widgetscontent{ border:none;overflow:hidden;} .crmTaskContainer .searchBox{width:100%;height:27px;padding:5px 0 0 0;text-align:center;border-bottom:1px dotted #CCCCCC;} .crmTaskContainer .searchBox input[type='text']{border:1px solid #DFDFDF;width:78%;float:left;height:18px;margin-left:5px;#margin-right:5px;} .crmTaskContainer .searchBox input[type='button']{ border:1px solid #BBD4F3;width:15%;background:transparent url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) repeat-x scroll -3px -331px;padding:2px 3px;} .crmTaskContainer .widgetscontent input[type='button']{ border:1px solid #ccc;background:#f4f4f4;} .crmTaskContainer .widgetscontent ul li span{line-height:13px;} .crmMail{overflow:hidden;white-space:pre;width:40%;text-align:right;float:right} /*#crtaskDet .addwidgetscontent_form label{width:80px;} #craddContact .addTasks_label{width:85px;} #craddLead .addTasks_label{width:75px;}*/ #craddAccount .addTasks_label{width:37%;} #craddAccount .input_box{width:57%;} /*zoho projects*/ .zohoprojects{background:#FFFFFF;margin:0 0px;padding: 0 0px;line-height:18px;} .portalsHeader{min-height:16px;padding:7px 11px 4px 8px;border-bottom:1px solid #f4f4f4;clear:both;overflow:hidden;background:#f7f7f7} .portalsHeader .flLeft,.portalsHeader #backPort{ padding:8px 5px 0px 5px;z-index:15;position:relative;margin-bottom:5px;cursor:pointer;} .portalsHeader .flLeft{white-space:pre;overflow:hidden;float:left;} .companyHeader{ font-size:14px;color:#2F2F2F;padding:0px 4px;} .portalsHeader .selectProjectcontent{white-space:pre;overflow:hidden;float:left;max-width:83%;} .portalsHeader .selected{ background:#fff;border:1px solid #ccc;border-bottom:1px solid #fff;z-index:15;cursor:pointer;} .textarrowLeft{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -2px -1235px; height:47px;width:23px;} .textarrowcenter{ width:68%;float:left;border-bottom:2px solid #d1d1d1;border-top:1px solid #d1d1d1;height:39px;} .textarrowcenter input{ width:98%;height:26px;border:none;padding-top:9px;color:#919191;font-size:14px;background:none;} .textarrowRight{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -30px -1235px; height:44px;width:7px;padding:2px 0;} .projectsuserimage{border-bottom:1px solid #d7d7d7;padding:0px 0px 0px 0;clear:both;} .projectsuserimage .imagearea{border:1px solid #d7d7d7;width:45px;height:45px;padding:0px;float:left;margin-left:12px;} .projectsuserimage b{padding:0px 10px 0px 0;display:block;text-align:right;height:17px;} .zohoprojects .widgetscontent{ min-height:150px;border-left:none;border-right:none;} .zohoprojects .widgetscontent ul li a{padding:8px 0px;} .zohoprojects .tabs{padding-left:3px;} .zohoprojects .statusArea{ padding:0px 0;} .zohoprojectslistcontent{float:left;width:75%; padding-left:10px;} .timesheetcontent{width:66%;} .imgNoPhotorojects{background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) no-repeat -12px -738px; width:45px;height:45px;} .imgNoPhotorojects2{background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) no-repeat -19px -740px; width:30px;height:30px;border:1px solid #ccc;margin:3px 0px 0 12px;padding:1px;} .imgcalclose{background:url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) no-repeat -171px -593px; width:20px;height:16px;cursor:pointer;margin-right:6px;position:relative;top:8px;} .zohoprojectsDescription{line-height:22px;} #prjPortals a{color:#3264C7;text-decoration:none;} #prjPortals a:hover{text-decoration:underline;color:#3264C7;} #prjPortals a.bold_text { color:#000;text-decoration:none;cursor:default;} #prjPortals a.bold_text:hover{text-decoration:none;cursor:default;} .zohoprojectscontent{padding:0px 5px;cursor:pointer;color:#3264C7;} .zohoprojects .widgetscontent ul li a span{padding:0 2px;} .zohoprojects .widgetscontent a.selected{ color:#000000;background:#F5F9FF;} .zohoprojects .dimText{color:#A4A4A4;} .zohoprojects .linktext{ text-decoration:none;} .zohoprojects .linktext:hover{ text-decoration:underline;} .zohoprojects .mailContent,.zohoprojects .docsLeftContent{margin-left:10px;} .projectsContent{ color:#424242;} .zohoprojects .widgetscontent ul li .piconArea{ float:left;visibility:hidden;} .zohoprojects .widgetscontent ul li a:hover .piconArea{visibility:visible;} .zohoprojects .button{padding:10px;text-align:center;clear:both;} .zohoprojects .mandatoryFields{padding:10px;clear:both;} .zohoprojects .checkBoxcontent{ padding-left:20px;} #pport{ display:none;} /*addtimesheet Area*/ /**Form Container*/ .formContainer{ min-height:148px;width:100%;} .formContainer div.elementCont{ padding:10px 9px;clear:both;} .formContainer div.textStyle{color:blue;} .formContainer div label{ width:31%;float:left;text-align:right;padding:3px 5px 3px 5px;} .formContainer div .inputWrapper{ width:65%;float:left;} .radioButContent{padding-top:5px;float:left;} .formContainer input.custom,.formContainer select,.formContainer textarea{font-size:12px;width:83%;border:1px solid #bababa;float:left;height:17px;font-weight:bold;padding:3px;color:#575757;} .formContainer select{ height:26px;width:87%;} /**.formContainer select optgroup,.formContainer select option{width:190px;}**/ .taskSelectBox{width:190px;} .formContainer textarea{ height:40px;overflow:auto;font-weight:normal;} .formContainer input[type="button"]{ background:#FFFFFF url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) repeat-x scroll 0 -1492px;border:1px solid #B3B3B3;font-size:14px;-moz-border-radius:3px;min-width:90px;;#min-width:0px;text-align:center;padding:2px 7px 2px 2px;color:#4D4D4D;} .imgzpplus{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -162px -1209px;width:10px;height:10px;margin-right:5px;} .imgzpminus{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -162px -1221px;width:10px;height:10px;margin-right:5px;} /**Form Container End*/ /*zoho projects END*/ /*Google Docs*/ .imBiggdocs{ background:url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) no-repeat left -1309px;width:103px;height:112px;} .imguncheck{ background:url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) no-repeat -175px -1209px;width:10px;height:12px;} .imgcheck{ background:url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) no-repeat -175px -1249px;width:10px;height:12px;} .imgdeletedocs{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -187px -1270px; width:8px;height:9px;cursor:pointer;margin-left:3px;} .imgGPre{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -195px -1200px no-repeat; height:17px;width:18px} .imgGSpr{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -195px -1220px no-repeat; height:16px;width:18px} .imgGDoc{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -195px -1178px no-repeat; height:16px;width:18px} .imgEgal{background: url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -54px -1254px no-repeat; height:16px;width:18px} .imgGPdf{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -106px -1253px no-repeat; height:16px;width:18px} .imgLeft{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -197px -1261px; width:5px;height:20px;} .imgRight{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -207px -1261px no-repeat; width:5px;height:20px;} .imgCenter{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) left -1283px repeat-x; height:17px;padding:1px 0 0 0;} .imgGoogledocs{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -146px -645px no-repeat; height:40px;width:40px;cursor:pointer;} .imgGprev{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -1px -168px no-repeat; height:14px;width:14px;cursor:pointer;} .imgGnextselected{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -21px -168px no-repeat; height:14px;width:14px;cursor:pointer;} .imgGprevselected{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -1px -183px no-repeat; height:14px;width:14px;cursor:pointer;} .imgGnext{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -21px -183px no-repeat; height:14px;width:14px;cursor:pointer;} .imgGDocs_big{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -3px -1105px no-repeat; height:40px;width:40px;cursor:pointer;} .imgGSpr_big{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -47px -1105px no-repeat; height:40px;width:40px;cursor:pointer;} .imgGPre_big{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -87px -1105px no-repeat; height:40px;width:40px;cursor:pointer;} .imgGPdf_big{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -128px -1109px no-repeat; height:40px;width:40px;cursor:pointer;} /*.imggdocssearch{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -108px -1254px no-repeat; height:12px;width:13px;cursor:pointer;margin-left:-20px; position:relative;top:10px;display:none}*/ .gdocscurvetopHeader{ height:25px;background:#ADD0F1;} .maingdocs{width:620px;margin:10px auto;clear:both} .maingdocs .footercenter{ width:608px;} .maingdocs .topHeadercontent{ width:610px;} .maingdocs .contentArea{ width:619px;_width:620px;} .selecteddocumentsArea{display:'';float:left;border:1px solid #b0d2f1;background:#fff;width:490px;} .attachDocsmain .attachDocsheader{ background:#f5f8fe;padding:5px 5px 5px 5px;font-size:11px;margin:1px;height:15px;} .attachDocsmain .attachDocscontent{ background:#fff;} .attachDocsmain .attachDocscontent ul{border:none;margin:0;height:300px;overflow:auto;float:left;background:#fff; margin:0;padding:0;width:490px;} .attachDocsmain .attachDocscontent ul li{ padding:8px;border-bottom:1px solid #f8f8f8;font-size:11px;clear:both;overflow:hidden;white-space:pre;min-height:15px;} .attachDocsmain .attachDocscontent ul li span{ width:86%;overflow:hidden;float:left;} .attachDocsmain .attachDocscontent ul li img{ margin:0 11px 0 0px;float:left;} .attachDocsmain .attachDocscontent ul .selected{ background:#E8F4FF;} .googleButtonArea{ text-align:right; padding:10px 10px 10px 0px;clear:both;} .googleButtonArea input{width:100px;margin-left:5px;text-align:center;} .productsList{float:left;min-height:200px;width:100px;} .productsList ul { text-align:center;padding:0;margin:0 10px 0 15px;} .productsList ul li{ text-align:center;padding:0;margin:5px auto;} .productsList ul .selected{background:#FFFFFF} .loadingArea{background:#0568B2;height:10px;padding:2px 5px;color:#FFFFFF;font-size:11px;font-weight:bold;margin:0;z-index:10;position:relative;margin-right:22px;top:3px;min-height:15px;} .gdocsSearch{ padding:5px 9px 5px 5px;height:23px;margin-right:58px;} .gdocsSearch input[type="text"]{ width:96%;border:0px;} .gdocsearchbutt{background:#5b74a8; border:1px solid #1a356e;-moz-border-radius:3px;margin-top:4px;margin-right:4px;} .gdocsearchbutt input[type="button"]{ background:none;border:none;color:#fff;font-weight:bold;margin:0;padding:0;cursor:pointer;} .gdocsearchbutt div{ border-top:1px solid #8a9cc2;border-left:1px solid #8a9cc2;-moz-border-radius:3px;padding:2px 2px;} /*gocs closedarea*/ .closedarea{ border:0px solid #f4f4f4;padding:4px 4px 0 4px; height:24px;overflow:hidden;} .closedarea ul{margin:0;border:none;padding:0;} .zg-attachFiledocsSearch ul{margin:0;border:none;padding:0;} .closedarea ul li{ padding:0px 0px;font-size:11px;float:left;margin:0 4px 0 0;text-align:center;min-height:5px;} .zg-attachFiledocsSearch ul li{ padding:0px 0px;font-size:11px;float:left;margin:0 4px 0 0;text-align:center;min-height:5px;} /*gocs closedarea End*/ .authenticateContent{ padding:10px 10px;min-height:130px;background:#fff;} .b_authenticateContent{ background : none repeat scroll 0 0 #fff ; font-family : 'Lato 2' ; min-height : 130px ; padding : 10px ; } .authenticateContent p{padding:10px 0 0 115px;} .authenticateContent .buttonAra{ background:#6079ab;border:none;overflow:hidden;-moz-border-radius:2px; width:170px;border:1px solid #26446e;display:block;text-align:center;margin-left:240px;margin-top:20px;-moz-border-radius:3px;-webkit-border-radius:3px;} .b_authenticateContent .buttonAra{ background : none repeat scroll 0 0 #16c5b4 ; border : 1px solid #26446e ; display : block ; margin-left : 230px ; margin-top : 20px ; overflow : hidden ; text-align : center ; width : 200px ; } .authenticateContent input[type='button']{ background:#6079ab;color:#FFFFFF;padding:5px 5px 6px 5px; cursor:pointer;font-weight:bold;font-size:14px;text-align:center;width:170px;border:none; } .b_authenticateContent input[type='button']{ background : none repeat scroll 0 0 #16c5b4 ; border : medium none ; color : #ffffff ; cursor : pointer ; font-size : 14px ; font-weight : bold ; padding : 10px ; text-align : center ; text-shadow : 1px 1px 1px rgba(0, 0, 0, 0.3) ; width : 170px ; } .authenticateContent input[type='button']:hover{ background:#6e89be;} /*Google Docs End*/ /*mailGadgets*/ .mailcontent{ border-left:1px solid #C5C5C5;border-right:1px solid #C5C5C5;padding:0 0px;} .mailcontent ul{ list-style:none;margin:0;padding:0 0px;} .mailcontent ul li{ padding:5px 5px;border-bottom:1px dotted #ddd;line-height:20px;cursor:pointer;} .mailcontent ul li:hover{background:#F4F8FC;} .dateContent{margin-left:5%;margin-right:2px;} .mailSubject{overflow:hidden;white-space:pre;min-height:19px;} .mailcontent .small_text{white-space:pre;overflow:hidden;} /*mailGadgets END*/ /*Gadgets New*/ .gadgetscontentContenter{border-left:1px solid #C5C5C5;border-right:1px solid #C5C5C5;padding:0 0px;} .gadgetscontentContenter ul{ list-style:none;margin:0;padding:0 0px;} .gadgetscontentContenter ul li{ padding:5px 5px;border-bottom:1px dotted #ddd;line-height:1.2;cursor:pointer;} .gadgetscontentContenter ul li:hover{background:#F4F8FC;} .gadgetscontentContenter .imgPhone{ margin-top:0;} .subjectcontent{ white-space:pre;overflow:hidden;min-height:19px;} .gadgetscontentContenter ul li .iconArea{ visibility:hidden;} .gadgetscontentContenter ul li:hover .iconArea{ visibility:visible;} /*Gadgets New END*/ /* open sheets*/ .Activetab { cursor: pointer;background: #ffffff;border: 1px solid #D1D1D1;padding: 2.5px 21px;border-bottom: none;float: left;margin-left: 3px; } .InActivetab{ cursor: pointer; background: #efefef; border: 1px solid #d0d0d0; float: left;padding: 2px 21px;margin-left: 3px; } .imgzsheet{background: url(../images/Sheet-16.31ffeebef5a4f352071cb017fcb7c410.png);width: 16px;height: 16px;cursor:pointer;} /*zoho meeting*/ #meetTab{ height:29px;} .zohoMeeting{ } .zohoMeetingHeader{ padding:5px 10px;background:#f4f4f4; border-bottom:1px solid #ddd;overflow:auto; } .zohoMeeting ul li{ color:#444444; overflow:auto;padding:5px; } .zohoMeeting ul li .iconArea{ visibility:hidden;text-align:right; min-height:19px; } #viewtopic{ width:50%;} .zohoMeeting ul li:hover .iconArea{ visibility:visible; text-align:right; } .zohoMeetingHeader a, .zohoMeeting ul li a{ text-decoration:none; } .zohoMeetingHeader a:hover, .zohoMeeting ul li a:hover{ text-decoration:underline; } .checkboxDiv{ padding:0 10px 0 5px; } .meetinIcon{ background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -4px -1867px no-repeat; width:83px;height:17px; } #addMeeting .formContainer select{ margin-right:5px; } .dashboardMailphotos{ background:transparent url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) no-repeat scroll -9px -738px; width:50px;height:50px;border:1px solid #CCCCCC; margin-right:8px; } .imgmeetingEdit{ background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -53px -1865px no-repeat; height:17px;width:13px;margin:0 2px; } .imgmeetingStart{ background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -110px -1865px no-repeat; height:17px;width:13px;margin:0 2px; } .imgmeetingStop{ background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -148px -1865px no-repeat; height:17px;width:13px;margin:0 2px; } .imgmeetingJoin{ background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -28px -1865px no-repeat; height:17px;width:20px;margin:0 2px; } .imgmeetingnotStart{ background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -4px -1865px no-repeat; height:17px;width:20px;margin:0 2px; } .imgmeetingnotStart1{ background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -163px -1865px no-repeat; height:17px;width:14px;margin:3px 2px 0 2px;float:right; } .imgmeetingnoStartAccess{ background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -129px -1865px no-repeat; height:17px;width:13px;margin:0 2px; } .imgmeetingdelete{ background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -72px -1865px no-repeat; height:17px;width:13px; } .meetingDetails{ padding:0 0px;display:none; } .meetingDetails h4{ padding:5px 5px 5px 5px;margin:0; background:#f4f4f4; } .meetingDetails ul li{ padding:5px 0px;margin:0; overflow:auto } .meetingDetails .dottedcontent{ padding:0 5px;float:left; } .meetingDetailscontent{ width:40%;float:left; text-align:right; } .addMeetingHeading{ padding:8px 10px 8px 10px; background:#f4f4f4;overflow:auto; } #addMeeting .formContainer select{ width:50px;height:25px; } .viewmeetingDetails{ position:absolute;border:1px solid #00ADEB; background:#fff;height:80px; overflow-y:scroll; z-index:2; } .viewmeetingDetails ul li{ padding:3px 5px;color:#105CB6; cursor:pointer;white-space:pre; overflow:hidden;width:175px; } .viewmeetingDetails ul li:hover{ text-decoration:underline; } .headerView{ padding:4px 4px;background:#f4f4f4; overflow:auto; } .sucessfullycontent{ background:#EAF8DC; border:1px solid #E0F5CC; color:#DA6565;width:250px; padding:5px 0;position:absolute; text-align:center; } .deletedsucessfully{ -moz-border-radius:4px;-webkit-border-radius:4px; background:#eaf8dc;border:1px solid #aed872; color:#506b2a;text-align:center;border-top:none; width:220px;padding:5px 5px; -moz-border-radius-topLeft:0px; -moz-border-radius-topRight:0px; -webkit-border-top-left-radius:0px;-webkit-border-top-right-radius:0px; position:absolute; } /*Gapps */ .gappsDiv{ border:3px solid #c7c9cb; margin:0 auto; width:630px; background:#fff; margin-top:15%; overflow:hidden; } .gappsDivHeader{ border-bottom:1px solid #dcdcdc; display:block; padding:7px 10px; background:url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) repeat-x 0px -1736px;height:26px; } .gappsContent{ border:1px solid #fcf9c0; background:#ffffe0; padding:16px; margin:10px 10px;display: flex;flex-flow: row;gap: 8px; } .gappsContent ul { color:#484848; } .gappsContent ul li{ padding:5px 0; list-style:disc; line-height:20px; } .gappsDiv .dimText{ color:#4f4f50; } .instImg{ background:url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) no-repeat -188px -1305px; width:18px; height:18px; margin-right:5px; } .imgZohoGadgets{ background: url(../images/zohogadgets-logo.5a3ce778fac51ebee0b8823c4f0b6780.svg) no-repeat; height:25px;width:145px;cursor:pointer;background-size:100%; } .imgGoolgeapps{ background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -3px -1905px no-repeat;width:124px;height:45px; } .imgStar{ background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -195px -1365px no-repeat;width:16px;height:16px; } /*Gapps End*/ .popupBox{ width:620px;margin:0 auto;overflow:auto; border:4px solid #add0f1; -moz-box-shadow: 2px 2px 4px #a3a3a3; -webkit-box-shadow: 2px 2px 4px #a3a3a3; filter: progid:DXImageTransform.Microsoft.Shadow(color='#a3a3a3', Direction=145, Strength=3); -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;margin-top:10px; background-color:#fff; } .b_popupBox{ background-color : #fff ; border : 4px solid #ddd ; border-radius : 4px ; margin : 10px auto 0 ; overflow : auto ; width : 620px ; } .popupBoxheader{ background:#add0f1;padding:3px 5px 8px 10px; font-size:14px;color:#000; font-weight:bold;overflow:auto;height:27px; } .b_popupBoxheader{ background : #ddd ; color : #000 ; font-size : 14px ; font-weight : bold ; height : 27px ; overflow : auto ; padding : 3px 5px 8px 10px ; font:600 16px 'Lato 2',sans-serif; } .gcontacts{ overflow:auto; } .docsmentheader{ background:#f7f7f7;overflow:auto; padding:8px 10px;border-top:1px solid #fff; } .gcontacts ul{ margin:0;padding:0;list-style:none; height:250px;overflow:auto; } .gcontacts ul li{ padding:8px 10px; overflow:auto; border-bottom:1px solid #F8F8F8; } .popupBox .googleButtonArea{ background:#f3f3f3;border-top:1px solid #d0d0d0; } .gcontacts ul .selected{ background:#f1f1f1; } .gcontacts .closedarea{ background:#f3f3f3;border-bottom:1px solid #d0d0d0; padding:7px 0px 3px 8px; } .gcontacts .imgcheck, .gcontacts .imguncheck{ margin-right:8px;float:left;margin-top:3px } .gcontatcontent{ overflow:hidden;float:left; white-space:nowrap; width:95%; } .imgCloseSmall{ background:url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) no-repeat -183px -1355px; width:8px; height:8px; } .groupList{ margin:0; background:#f4f4f4; width:150px;float:left;font-size:13px;background:#ddd;min-height:300px; } .groupList ul{ margin:0;padding:0; list-style:none; } .groupList ul li{ background:#fff; } .groupList ul .selected{ background:#000066; color:#fff; } .imgPicasa{ width: 152px; height: 130px; } .imgGooglePlus{ background:url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -0px -2152px; width:152px;height:52px; } .imgAnalytics{ background:url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -0px -2263px; width:208px;height:42px; margin-top: 20px; } .imgFlickr{ background:url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -0px -2225px; width:202px;height:38px; margin-top: 33px; margin-bottom: 20px; } .imgGoogleContacts{ background:url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -0px -2300px; width:202px;height:78px; } .imgGoogleCalendar{ background:url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) 20px -2400px; width:125px;height:100px; } .imgDO{ background:url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -2px -2722px; width:152px;height:123px; } .imgBasecamp{ background:url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -2px -2990px; width:152px;height:123px; } .imgdrive{ background: url(../images/gdrive.jpg); width: 100px; height: 100px; } .zppromptOverlay{background-color:rgba(204,204,204,0.7); height:100%; overflow:hidden; position:absolute; left:0; top:0; width:100%; text-align:center; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99CCCCCC, endColorstr=#99CCCCCC); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99CCCCCC, endColorstr=#99CCCCCC)";} .zppromptBox{background:#FAFAFA; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -webkit-box-shadow:0 0 120px rgba(0,0,0,0.4);-moz-box-shadow:0 0 120px rgba(0,0,0,0.4);box-shadow:0 0 120px rgba(0,0,0,0.4); margin:35px auto 0px; text-align:left; width:750px;} .zmpromptBox{background:#FAFAFA; -moz-border-radius:10px; -webkit-border-radius:0px; border-radius:0px; -webkit-box-shadow:0 0 120px rgba(0,0,0,0);-moz-box-shadow:0 0 120px rgba(0,0,0,0.4); margin:0px auto 0px; text-align:left; width:735px;} .zppromptCont{overflow:hidden; border-bottom:1px solid #EAEAEA; color:#666; font-size:12px; padding:25px 20px; text-align:center;} .zppromtBtn{padding:10px 20px;} .buttonNew { background:#4787ED;background: -webkit-gradient(linear, left bottom, left top, color-stop(0.90, #498AF3), color-stop(0.70, #3079ED));background: -moz-linear-gradient(center bottom, #3079ED 40%, #498AF3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#498AF3', endColorstr='#3079ED'); border-color:#246FE5 #246FE5 #246FE5 #246FE5; border-style:solid; border-width:1px; color:#FFFFFF; font: normal 11px/17px 'Lato 2', sans-serif; padding:2px 10px; text-align:center; text-shadow:0px 1px 1px #000; cursor:pointer; box-shadow:0 1px 0 rgba(141, 182, 248, 0.8) inset, 0 4px 3px -4px #AAA; -moz-box-shadow:0 1px 0 rgba(141, 182, 248, 0.8) inset, 0 4px 3px -4px #AAA; -webkit-box-shadow:0 1px 0 rgba(141, 182, 248, 0.8) inset, 0 4px 3px -4px #AAA; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;} .buttonNew:hover { background:#4787ED;background: -webkit-gradient(linear, left bottom, left top, color-stop(0.90, #498AF3), color-stop(0.70, #3079ED));background: -moz-linear-gradient(center bottom, #3079ED 40%, #498AF3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#498AF3', endColorstr='#3079ED'); border-color:#246FE5 #246FE5 #246FE5 #246FE5; border-style:solid; border-width:1px; color:#FFFFFF; font:normal 11px/17px 'Lato 2', sans-serif;padding:2px 10px; text-align:center; cursor:pointer;-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);box-shadow:0 1px 1px rgba(0, 0, 0, 0.1); border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; } .buttonCancel { background:#F0F0F0; background: -webkit-gradient(linear, left bottom, left top, color-stop(0.90, #f1f1f1), color-stop(0.70, #f6f6f6));background: -moz-linear-gradient(center bottom, #f6f6f6 40%, #f1f1f1); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#f6f6f6'); border-style:solid; border-width:1px; border-color:#cfcfcf #cfcfcf #cfcfcf #cfcfcf; color:#444; font:normal 11px/17px 'Lato 2', sans-serif; padding:2px 10px; text-align:center; cursor:pointer; box-shadow:0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 4px 3px -4px #CCC; -moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 4px 3px -4px #CCC; -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 4px 3px -4px #CCC; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;} .buttonCancel:hover { background:#F0F0F0; background: -webkit-gradient(linear, left bottom, left top, color-stop(0.90, #f1f1f1), color-stop(0.70, #f6f6f6));background: -moz-linear-gradient(center bottom, #f6f6f6 40%, #f1f1f1); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#f6f6f6'); border-style:solid; border-width:1px; border-color:#cfcfcf #cfcfcf #cfcfcf #cfcfcf; color:#444; font:normal 11px/17px 'Lato 2', sans-serif; padding:2px 10px; text-align:center; cursor:pointer;-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);box-shadow:0 1px 1px rgba(0, 0, 0, 0.1); border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;} .zppromptCont h2{margin-bottom:30px; white-space: nowrap; color:#333; font-size:14px; font-weight:100; text-align:center; font-family:'Lato 2';} .zppromptpath{color:#999; cursor:pointer;} .zpfileImportHed{float:left; width:450px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #eaeaea;} .zpfileImportHed th {background: #F5F5F5; font-weight:600; padding:10px 0px;} .zptbHdrrhtbrdr{border-right:1px solid #EDEDED;font-size:11px;font-family:'Lato 2';color:#666} .zpfileImportbdy{height:275px; overflow-y:auto; float:left; width:450px; -moz-border-radius:0px 0px 3px 3px; -webkit-border-radius:0px 0px 3px 3px; border:0px 0px 3px 3px;} .zpfileImportbdy td{padding:7px 10px; border-bottom:1px solid #e8e8e8; color: #666; text-align:left;font-size:12px;width:614px} .zppromptRhscont ul{float:left; margin:5px 0px 0px 10px; max-height:280px; overflow-y:auto; text-align:left; width:225px; list-style:none; padding:0px;} .zpuicontHed{ color:#666; font-weight:700; text-align:center; font-size:12px; margin-bottom:10px;font-family:'Lato 2'} .zpuicontSel {border-radius: 4px; -moz-border-radius:4px; -webkit-border-radius:4px; cursor: pointer; font-size: 12px; margin-bottom: 4px; overflow: hidden; padding: 5px; position: relative; white-space: nowrap;} .zpuicontSel:hover{background-color: #F0F0F0; color: #000; padding:5px; text-shadow: 1px 1px 0px #F7F7F7;} .zpuicontRemove{color:#D14836; font-weight:bold; position:absolute; top:4px; right:10px; display:none;} .zpuicontSel:hover .zpuicontRemove{display:block;} .zppromptback{font-weight:bold; color:#666; padding:0px 10px; cursor:pointer;} .zpfileImportbdy .select td{background-color: #F0F0F0;} .zpfileImportbdy #zoho_add_docs_busy{margin-top: 150px; float: left; margin-left: 170px;} .zpfileImportbdy .txtcenter{text-align: center;margin-top:120px;} .imgshow { cursor:pointer; } .evrbok { background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) no-repeat; height:22px; width:18px; overflow:hidden;background-repeat:no-repeat;vertical-align:middle;float:left; background-position:-19px -1254px; } .evrnot { background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) no-repeat; height:22px; width:18px; overflow:hidden;background-repeat:no-repeat;vertical-align:middle;float:left; background-position:-35px -1254px; } .fld {margin-top: -2px;margin-left: 2px;background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) no-repeat; height:22px; width:18px; overflow:hidden;background-repeat:no-repeat;vertical-align:middle;float:left; background-position:-26px -20px; } .imgNewDoc{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -196px -1178px no-repeat; height:20px;width:20px} .srch { background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) no-repeat; height:22px; width:18px; overflow:hidden;background-repeat:no-repeat;vertical-align:middle;float:left; background-position:-39px -1156px } .clrtxt { background:url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) no-repeat; height:22px; width:18px; overflow:hidden;background-repeat:no-repeat;vertical-align:middle;float: right; background-position: -21px -1156px;position: relative;left: 196px;top: 8px;} .imgNewSpr{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -195px -1220px no-repeat; height:18px;width:20px} .imgNewPre{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -195px -1199px no-repeat; height:20px;width:21px} .imgNewPdf{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -108px -1253px no-repeat; height:20px;width:20px} .imgSharePoint{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -108px -1253px no-repeat; height:16px;width:20px} .zppopupBoxheader{background:#F5F5F5;padding:3px 5px 5px 10px;font-size:14px;color:#666;font-weight:bold;#height:27px; margin: 10px; float: left; width:93%; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .zpimgmailclosed{background: url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -30px -1024px; width:16px; height: 16px; margin-right:5px; cursor: pointer;} .zpcontentarea{padding:10px;height:220px;background:#fff; border:1px solid #EDEDED; width:90%;margin:5px 10px 0 13px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .zpformContainer{ height:180px;width:100%; overflow: auto;}.mTb10{margin:10px 0px;} .zpformContainer td{font-size:13px; padding:5px 0px; border-bottom:1px dashed #EAEAEA; color: #666;} .zpauthenticateContent{ padding:10px 10px; color:#666;} .zpauthenticateContent p{padding:10px 0 0 115px; line-height:22px; font-size:13px;} .imBigever{ background:url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) no-repeat left -2871px;width:120px;height:112px;} .imBigddocs{ background:url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) no-repeat left -2509px;width:120px;height:112px;} .imBigsdocs{ background:url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) no-repeat left -3101px;width:108px;height:69px;} .imBigssharepoint{ background:url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) no-repeat left -3170px;width:105px;height:101px;} .noFolder{font-weight:bold;text-align:center;margin-top:10px;} .zmmask{border:0;width:100%;height:100%;z-index:301;left:0px;position:absolute;top:0px;background-color:#000000;opacity:0.2;filter:alpha(opacity=20);-moz-opacity:0.2;} /*prompt overlay New CSS */ .zppromptLftSide ul{float:left; margin:5px 0px 0px 0px; max-height:465px; overflow-y:auto; text-align:left; width:145px; list-style:none; padding:0px 0px 0px 10px;} .zppromptLftSide ul li {float:left; clear:left; text-align:center;width:100px; padding:9px 0px;margin: 2px 0px;} .zppromptLftSide ul .selected{background:#f2f2f2; -moz-box-shadow:0px 0px 5px #ccc; -webkit-box-shadow:0px 0px 0px 5px #ccc; box-shadow:0px 0px 5px #ccc; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .zppromptLftSide ul li p{display:inline-table; margin:0px; padding:0px;} .zpfileImportHed1{float:left; width:530px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #eaeaea;} .zpfileImportHed1 th {background: #F5F5F5; font-weight:600; padding:10px 0px; text-align: left; padding-left: 30px;} .zg-attachFileDropboxCont .zptbHdrrhtbrdr.zg-fileImportBackButt{ padding-left:2px;} .zpfileImportbdy1{height:373px; position: relative; overflow-y:auto; float:left; width:530px; -moz-border-radius:0px 0px 3px 3px; -webkit-border-radius:0px 0px 3px 3px; border:0px 0px 3px 3px;} .zpfileImportbdy1 td{padding:7px 10px; border-bottom:1px solid #e8e8e8; text-align:left;color: #666666;font-size: 12px;} .mR15{margin-right:15px;}.clrLeft{clear:left;} .signinTxt{float:right; font-size:12px; margin:0px 30px 5px 0px;}.signinTxt a{color:#598FDE; text-decoration:underline;} .signinTxt a:hover{text-decoration:none;} .gdocsSearch1{ padding:5px 9px 5px 2px;height:23px; width:325px; float:left;} .gdocsSearch1 input[type="text"]{ width:96%;border:0px;} .searchBoxNew{border-style:solid; border-width:1px; border-color:#cfcfcf #cfcfcf #cfcfcf #cfcfcf; color:#444; box-shadow:0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 4px 3px -4px #CCC; -moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 4px 3px -4px #CCC; -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 4px 3px -4px #CCC; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;} /*prompt overlay New CSS */ .gdocsSearch2{ padding:5px 9px 5px 5px;height:23px;margin-right:58px;width: 143px;} .gdocsSearch2 input[type="text"]{ width:96%;border:0px;} .zppromptBoxC{background:#FAFAFA; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -webkit-box-shadow:0 0 120px rgba(0,0,0,0.4);-moz-box-shadow:0 0 120px rgba(0,0,0,0.4);box-shadow:0 0 120px rgba(0,0,0,0.4); margin:0px auto 0px; text-align:left; width:750px;} .zppromptContC{overflow:hidden; border-bottom:1px solid #EAEAEA; color:#666; font-size:12px; padding:25px 20px; text-align:center;} .zppromptContC h2{padding-bottom:18px;margin-bottom:25px; white-space: nowrap; color:#333; font-size:17px; font-weight:100; text-align:center; font-family:'Lato 2';} .zpfileImportbdy1 .select td{background-color: #F0F0F0;} .zppopupBoxheader{background:#F5F5F5;padding:3px 5px 5px 10px;font-size:14px;color:#666;font-weight:bold;#height:27px; margin: 10px; float: left; width:93%; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .zpimgmailclosed{background: url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) -30px -1024px; width:16px; height: 16px; margin-right:5px; cursor: pointer;} .zpcontentarea{padding:10px;height:220px;background:#fff; border:1px solid #EDEDED; width:90%;margin:5px 10px 0 13px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .zpformContainer{ height:180px;width:100%; overflow: auto;}.mTb10{margin:10px 0px;} .zpformContainer td{font-size:13px; padding:5px 0px; border-bottom:1px dashed #EAEAEA; color: #666;} .zpauthenticateContent{ padding:10px 10px; color:#666;} .zpauthenticateContent p{padding:10px 0 0 115px; line-height:22px; font-size:13px;} .imBigddocs{ background:url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) no-repeat left -2509px;width:120px;height:112px;} /* New CSS for docs*/ .bodyDocs { font-family:'Lato 2', sans-serif; font-size:12px; height: 100%; overflow: hidden; position: absolute; left: 0; top: 0; width: 100%; text-align: center; } .popupBoxDocs { background-color: #FFFFFF; border: 1px solid silver; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25); color: #5C5C5C; margin: 0 auto; overflow: hidden; padding: 0; text-align: left; position:relative; width: 654px; z-index: 10002; } .popupBoxheaderDocs { padding: 20px 20px 5px 20px; margin: -1px; background: none; border: none; font-size: 16px; font-weight: normal; } .popupBoxheaderDocs span { display:inline-block; } .productsListDocs { float:left; min-height:200px; width:124px; margin-top:5px; } .productsListDocs ul { text-align:center; padding:0; margin:0 10px 0 0px; border-right:1px solid #dad7d7; padding:0 10px 0 0; } .productsListDocs ul li { text-align:center; padding:5px; margin:0px auto 10px auto; } .productsListDocs ul li:hover { background:#f5f4f4; cursor:pointer; } .productsListDocs ul .selected { background:#EBEBEB; } .imgGDocs_big { background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -3px -1105px no-repeat; height:40px; width:40px; cursor:pointer; } .selecteddocumentsAreaDocs { display:''; float:left; width:490px; margin-top:5px; } .attachDocsmainDocs .attachDocsheader { border-bottom:1px solid #efefef; border-top:1px solid #efefef; padding:5px 5px 5px 5px; font-size:11px; margin:1px; height:20px; line-height:20px; } .attachDocsmainDocs .attachDocscontent { background:#fff; } .attachDocsmainDocs .attachDocscontent ul { border:none; margin:0; height:400px; overflow:auto; float:left; background:#fff; margin:0; padding:0; width:490px; } .attachDocsmainDocs .attachDocscontent ul li { padding:8px; font-size:12px; clear:both; overflow:hidden; white-space:pre; min-height:15px; } .attachDocsmainDocs .attachDocscontent ul li span { width:80%; overflow:hidden; float:left; margin-top:1px; } .attachDocsmainDocs .attachDocscontent ul li img { margin:0 11px 0 0px; float:left; } .attachDocsmainDocs .attachDocscontent ul .selected { background:#E8F4FF; } .gdocsearchbuttDocs { background:#5b74a8; border:1px solid #1a356e; -moz-border-radius:3px; margin-top:4px; margin-right:4px; } .gdocsearchbuttDocs input[type="button"] { background:none; border:none; color:#fff; font-weight:bold; margin:0; padding:0; cursor:pointer; } .gdocsearchbuttDocs div { border-top:1px solid #8a9cc2; border-left:1px solid #8a9cc2; -moz-border-radius:3px; padding:2px 2px; } .gdocsSearchDocs { height: 23px; line-height: 23px; } .gdocsSearchDocs input[type="text"] { width:96%; border:0px; } .googleButtonAreaDocs { text-align:right; padding:10px 0px 0px 0px; clear:both; margin: 10px 0px; } .googleButtonAreaDocs input { background-image: none; background: -webkit-linear-gradient(top, whiteSmoke, #DEDEDE); background: -o-linear-gradient(top, whiteSmoke, #DEDEDE); background: -moz-linear-gradient(top, whiteSmoke, #DEDEDE); border: 1px solid #CCC; min-width:75px; margin-left:5px; text-align:center; border-radius: 2px; color: #5B5B5B; text-shadow: 0 1px white; background-color: #E0E0E0; box-shadow: inset 0 0 4px #CCC; padding:5px; cursor:pointer; } .docsButton { background-color:transparent; border:none; display: block; line-height: 1.4; padding: 8px 5px; font-size:14px; } /*gocs closedarea End*/ .authenticateContentDocs { padding:10px 10px; min-height:130px; background:#fff; } .contentAreaDocs { margin: 5px 20px 5px 20px; border-width: 1px 0 0 0; border-style: dotted; padding: 15px 0; border-color: #DDD!important; } .authenticateContentDocs p { padding:10px 0 0 115px; } .authenticateContentDocs .buttonAra span { background-image: none; background: -webkit-linear-gradient(top, whiteSmoke, #DEDEDE); background: -o-linear-gradient(top, whiteSmoke, #DEDEDE); background: -moz-linear-gradient(top, whiteSmoke, #DEDEDE); border: 1px solid #CCC; overflow:hidden; display:block; text-align:center; margin-left:240px; margin-top:20px; margin: 0 auto; border-radius: 2px; color: #5B5B5B; text-shadow: 0 1px white; background-color: #E0E0E0; box-shadow: inset 0 0 4px #CCC; width:142px; } .authenticateContentDocs input[type='button'] { text-shadow: 0 1px white; color:#5B5B5B; cursor:pointer; } .authenticateContentDocs input[type='button']:hover { background-color:transparent; } /*Google Docs End*/ .contentAreaDocs { margin: 5px 20px 5px 20px; border-width: 1px 0 0 0; border-style: dotted; padding: 15px 0; border-color: #DDD!important; } .pagecount { font-size: 11px; padding: 0 8px; } .zd_preDis { background-position: 0px -938px; width: 18px; height: 18px; line-height: 12px; } .zd_next { background-position: -33px -974px; cursor: pointer; width: 18px; height: 18px; line-height: 12px; } .zd_preDis, .docsdialog .zd_next { background-image: url(images/openfiledialog.gif) !important; background-repeat: no-repeat; text-decoration: none; } .imgGprevDocs{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -105px -2400px no-repeat; height:15px;width:16px;cursor:pointer;} .imgGnextselectedDocs{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -128px -2418px no-repeat; height:15px;width:16px;cursor:pointer;} .imgGprevselectedDocs{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -105px -2418px no-repeat; height:15px;width:16px;cursor:pointer;} .imgGnextDocs{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -128px -2400px no-repeat; height:15px;width:16px;cursor:pointer;} .imgSearchDocs{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -150px -2400px no-repeat; height:12px;width:12px;float: left;margin: 5px;background-color: #fff !important;} .imgdocclose{background: url(../images/widgets.da47debe1c9a189a2c68205f249d696c.png) -150px -2418px no-repeat; height:16px;width:16px;cursor:pointer;} .authButtonDocs { background-color: transparent; border: none; display: block; line-height: 1.4; padding: 5px 5px; font-size: 14px; } .loadingDocs { background:#FDF8D1; color:#000; border:1px solid #F0DA0C; border-radius:0px 0px 3px 3px; border-top:none; padding:3px 6px; position:absolute; top:0px; margin:0px auto; text-align:center; right:250px; } .docsltcon{ display:inline-block; height:20px; margin:2px 0 0 125px; } .docselected{ font-size: 10px; border: 1px solid #DDDFDE; color: #7F7F7F; text-shadow: 0 1px #FFFFFF; float: left; margin-right: 5px; padding:0px 6px 3px 1px; position: relative; border-radius:4px; margin-top: 1px; } .docsltcls{ border: 1px solid transparent; display: inline-block; height: 11px; left: 5px; position: relative; top: 2px; width: 11px; cursor: pointer; } .docsltclsbut{ display: block; margin-top: 3px; } .attachDocsmainDocs .attachDocscontent ul .select { background: none repeat scroll 0 0 #EDEDED; } .zmpromptBox{background:#FAFAFA; -moz-border-radius:10px; -webkit-border-radius:0px; border-radius:0px; -webkit-box-shadow:0 0 120px rgba(0,0,0,0);-moz-box-shadow:0 0 120px rgba(0,0,0,0.4); margin:0px auto 0px; text-align:left; width:735px;} .productsListDocs ul li p{ margin:0px; padding: 0px; } .zppromptBoxDocs{background:#FAFAFA; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin:35px auto 0px; text-align:left; width:750px;} .zppromptOverlayDocs{background-color:#FAFAFA; height:100%; overflow:hidden; position:absolute; left:0; top:0; width:100%; text-align:center; } .zppromptContDocs{overflow:hidden; border-bottom:1px solid #EAEAEA; color:#666; font-size:12px; padding:0px 20px; text-align:center;} .zppromptContDocs h2{padding-bottom:18px;margin-bottom:25px; white-space: nowrap; color:#333; font-size:17px; font-weight:100; text-align:center; font-family:'Lato 2';} .divNoItm{text-align: center;font-weight: bold;} .zppromptLftSideDocs ul{float:left; margin:5px 0px 0px 0px; overflow-y:auto; text-align:left; width:145px; list-style:none; padding:0px 0px 0px 10px;} .zppromptLftSideDocs ul li {float:left; clear:left; text-align:center;width:100px; padding:1px 0px !important;margin: 2px 0px;} .zppromptLftSideDocs ul .selected{background:#f2f2f2; -moz-box-shadow:0px 0px 5px #ccc; -webkit-box-shadow:0px 0px 0px 5px #ccc; box-shadow:0px 0px 5px #ccc; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .zppromptLftSideDocs ul li p{display:inline-table; margin:0px; padding:0px;} @-moz-document url-prefix() { .zppromptLftSideDocs ul li { padding:0px !important; } } /*Starts here - Styles for Mailchimp-Zoho Survey*/ .mcbody{ background:url(../images/mailBg.png); margin:0; padding:0; font-family:'Lato 2', sans-serif; } h1{text-align:center} .mcHeader{ min-height:100px; background-color: #FFFFFF; box-shadow: 1px 1px 8px #E3E3E3; } .mcHeader h1{ margin:0; padding: 30px 0 0; font-weight: normal; } .mcPageWrapper { margin: 0 auto; max-width: 1200px; width: 900px; } .mcStepContentArea{ margin:50px 0 20px; 0; overflow:hidden; } .mcStepArea{ margin:0 auto; width:99%; } .mcStepArea ul{ margin:0 auto; padding:0; width:54%; } .mcStepArea ul li{ /*background: url("../images/arrow.6f130e00cb32360dd8ad6935de1bf7df.png") no-repeat scroll 88px 10px transparent;*/ display: inline-block; list-style-type: none; /* padding: 0 100px 0 0; width: 100px;*/ } .mcStepArea ul li:last-child{ background: none repeat scroll 0 0 transparent; padding: 0; width: auto; } .mcStepNumberBlueBG,.mcStepNumberGrayBG{ background-color: #78C3E8; border-radius: 35px 35px 35px 35px; color: #FFFFFF; font-size: 0.9em; height: 23px; margin: 0 auto; padding-top: 5px; text-align: center; width: 27px; } .mcStepNumberGrayBG{ background-color: #bababa; } .mcStepgrayFont{ color:#9f9f9f !important; } .mcStepArea ul li em{ clear: both; color: #212121; display: block; font-style: normal; padding: 10px 0; text-align: center; width: 100%; text-shadow: 1px 1px #FFFFFF; } .mcStepArrowBG{ vertical-align: top; margin:4px 13px 0 4px; } .mcMainContentArea{ margin:0; padding:0; } .mcMainContentBg{ background-color:#efefef; border:1px solid #fff; box-shadow:0 0 5px 0 #DDDDDD inset; padding:30px; position:relative; margin-bottom: 30px; } .mcMainContentBg h1{ color:#5e5e5e; font-size:1.5em; font-weight:normal; text-align:left; margin:0; padding:0; text-shadow: 1px 1px #FFFFFF; } .mcRecipientsList{ margin:15px 0 0 20px; height: 200px; overflow: auto; } .mcRecipientsList ul{ margin:0; padding:0; } .mcRecipientsList ul li{ list-style-type:none; font-size:0.85em; color:#6e6e6e; text-shadow: 1px 1px #FFFFFF; padding:8px 0; } .mcRecipientsList ul li input[type="radio"]{ margin:0 10px 0 1px; } .mcStepTopArrow,.mcSetupTopArrow,.mcDesignTopArrow{ left: 238px; position: absolute; top: -8px; width: 22px; z-index: 11; } .mcSetupTopArrow{ left: 442px; } .mcDesignTopArrow{ left: 635px; } .mcTopArrow{ background: url(../images/stepToparrow.png) no-repeat; height: 10px; width: 17px; } .mcButtonArea { clear: both; margin: 20px 0 0; padding: 0 0 4px; text-align: center; } .mcButtonArea input[type="button"]:first-child:hover, .mcButtonArea input.hover[type="button"] { background-color:#000; } .mcButtonArea input[type="button"]:first-child, .mcButtonArea input.active[type="button"] { background-color:#78c3e8; border:none; border-radius: 3px 3px 3px 3px; color: #FFFFFF; padding:6px 10px; font-size:0.90em; text-transform: uppercase; } .mcButtonArea input[type="button"] { background-color: #22ab56; border-radius: 3px 3px 3px 3px; color: #fff; cursor: pointer; margin-left: 3px; padding:6px 10px; border:none; font-size:0.90em; text-transform: uppercase; } .mcButtonArea input[type="button"]:hover{ background-color:#000; } .mcSetupArea{ margin:0; } .mcSetupArea ul{ margin:0; padding:0; } .mcSetupArea ul li{ margin:0; padding:15px 0; list-style-type:none; } .mcSetupSettingList{ float: left; margin: 9px 20px 0 0; text-align: right; width: 39%; font-size:0.90em; color:#818181; text-shadow: 1px 1px #FFFFFF; } .mcSetupTextFiled{ background-color: #FFFFFF; border: 1px dashed #DDDDDD; padding: 10px; font-size:0.90em; width: 45%; font-family:'Lato 2', sans-serif; } .mcSetupTextFiled:hover{ border:1px solid #D2D2D2; } .mcSetupTextFiled:focus{ background-color: #FFFFFF; border: 1px solid rgba(121, 187, 238, 0.75); box-shadow: 0 0 5px rgba(82, 168, 236, 0.5); } .mcNoContMT{ background-color: #EDEDED; border: 1px solid #E1E1E1; color: #DDDDDD; font-size: 2em; margin-top: 20px; padding: 100px 0; text-align: center; text-shadow: 1px 1px #FFFFFF; } .messagePopup { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #BBBABA; border-radius: 3px 3px 3px 3px; box-shadow: 2px 2px 12px rgba(150, 150, 150, 0.65); padding: 12px; position: fixed; top: 230px; width: 400px; z-index: 10001; } .error .popMsgIcon { background: url("../images/erroricon.3d740e3ed8ce57807b5c1ddfa4431399.png") no-repeat; height: 42px; width: 39px; } .popupCloseIcon{ background: url("../images/popup_close.59b446d85e418384060b38efc5ec5d43.png") no-repeat scroll 0 -14px transparent; cursor: pointer; height: 9px; margin: 0 0 10px; width: 9px; } .popupCloseIcon:hover{ background: url("../images/popup_close.59b446d85e418384060b38efc5ec5d43.png") no-repeat scroll 0 0 transparent; } .flRight{ float:right; } .warning .popMsgIcon { background: url("../images/erroricon.3d740e3ed8ce57807b5c1ddfa4431399.png") no-repeat; height: 42px; width: 39px; } .messagePopup .messageContainer { margin: 0 0 0 50px; padding: 0; font-size: 0.90em; color: #515151; } .mandatoryStar { color: red; font-size: 0.85em; font-weight: normal; } .editLoading { background: no-repeat scroll 0 0 transparent !important; height: 16px; margin: 7px 0 0 4px; position: absolute; width: 16px; } .mailchimpBody{ background:url(../images/bg_pattern.dbb1c645fa37696b90f3b9b58f016467.jpg); margin:0; padding:0; font-family:'Lato 2', sans-serif; } .topPatternBg{ background:url(../images/top_pattern_img.f786d629e8eb2fa9b178bad39561cfc6.png) repeat-x; height:8px; } .mainContentArea{ width:1000px; margin:0 auto; padding:100px 30px; overflow:auto; } .surveyToMailChimpImg{ background:url(../images/zoho_mailchimp_img.88613641fc59c9c689530ed26ebefaaa.png) no-repeat; height:391px; width:384px; float:left; } .surveyMailChimpCont{ float:left; width:55%; line-height:25px; margin-left: 15px; padding-top: 48px; } .surveyh1{ margin-top: 30px; margin-bottom: 30px; font-size:2.8em; font-weight:normal; } .surveyMailChimpCont b{ color:#c37f15 !important; } .grayColor{ color:#888888; font-size:0.95em; float:left; } .green{ color: #e8f0de; border: solid 1px #59952A; background: #64991e; background: -webkit-gradient(linear, left top, left bottom, from(#69BE26), to(#459208)); background: -moz-linear-gradient(top, #69BE26, #459208); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#69BE26', endColorstr='#459208'); } .green:hover{ background: #538018; background: -webkit-gradient(linear, left top, left bottom, from(#32a60e), to(#287d1c)); background: -moz-linear-gradient(top, #32a60e, #287d1c); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#32a60e', endColorstr='#287d1c'); border-color: #1B631A; box-shadow: 0 0 3px rgba(42, 111, 31, 0.75) inset; -moz-box-shadow: 0 0 3px rgba(42, 111, 31, 0.75) inset; -webkit-box-shadow: 0 0 3px rgba(42, 111, 31, 0.75) inset; } .authenticateButton{ padding:3px 10px; float:left; cursor:pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-top:25px; } /* Ends here - Styles for Mailchimp-Zoho Survey*/ /* New docs view */ body, html{ margin: 0; overflow-x: hidden; } .flLeft{ float:left;} .flRight{ float:right;} /* Media Queries */ @media all and (max-width: 730px) { #attachPopup, .attachPopupContent{ height: 380px !important; } .attachSidebarText{ display: none; } .attachSidebarIcon{ float: none; margin-right: 0 !important; margin-left: 25% !important; margin-top: 2px !important; } .attachSidebarIcon:first-child{ margin-top: 4px !important; } .attachPopupSidebar{ width: 11% !important; overflow-y: hidden !important; height: 330px !important; } .attachPopupRight{ width: 89% !important; height: 280px !important; } .attachFileSelectWrapper{ height: 250px !important; } .attachSidebarElement{ height: 32px !important; border-bottom: 1px solid rgba(217,217,217,0.6); } .attachSidebarElement:first-child{ padding-top: 0px !important; } .attachSidebarIcon{ display: inline !important; } .attachSidebarIcon48{ display: none !important; } .attachFileSingle{ height: 24px !important; padding-top: 0 !important; } .attachSearchBox{ width: 50% !important; } .attachHeaderPagination{ display: none; } .attachFileType{ display: none; } .attachButton{ width: 80px !important; height: 30px !important; margin-top: 4px !important; } } #attachModal{ text-decoration: underline; position: absolute; z-index: 1; } /* Modal popup dialog box */ #attachPopup{ display: none; width: 90%; max-width: 800px; position: absolute; height: 510px; left: 50%; z-index: 10; top: 40%; margin-top: -150px; } .attachPopupContent{ position: relative; left: -50%; background: #FFF; height: 510px; color: #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #attachPopupBg{ background: rgba(0,0,0,0.5); height: 100%; width: 100%; position: absolute; z-index: 3; display: none; } /* Popup Header */ .attachPopupHeader{ height: 50px; border-bottom: 1px solid #d9d9d9; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; padding: 14px 0 0 14px; color: #434343; font-family: 'Lato 2'; font-weight: lighter; text-align: left; } .attachPopupCloseBtn{ width: 25px; float: right; padding-right: 14px; cursor: pointer; background:url(../images/popupClsIcon.cc0ff3264b6f5f1a204b4dd663bed12b.png) no-repeat 6px 7px; height:25px; } .attachPopupCloseBtn:hover{ background:url(../images/popupClsIcon.cc0ff3264b6f5f1a204b4dd663bed12b.png) no-repeat 6px -24px; } .attachPopupInner{ } /* Popup Sidebar */ .attachPopupSidebar{ height: 460px; width: 15%; min-width: 30px; max-width: 120px; border-right: 1px solid #d9d9d9; position: relative; float: left; overflow-y: auto; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; background-color:#f7f7f7; } .attachSidebarElement{ height: 80px; width: 100%; cursor: pointer; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; padding-top: 5px; transition:background-color 0.5s linear 0s; -moz-transition:background-color 0.5s linear 0s; -webkit-transition:background-color 0.5s linear 0s; } .attachSidebarElement:hover,.attachSidebarElement:active,.attachSidebarElement:focus{ background: #FFFBEC; } .active,.active:hover{ background-color: #fff; box-shadow:2px 0px 2px 0px #C2C2C2 inset; -webkit-box-shadow:2px 0px 2px 0px #C2C2C2 inset; } .attachSidebarElement:first-child{ padding-top: 7px; } .attachSidebarElement:last-child{ border-bottom: 0; } .attachSidebarIcon{ float: left; width: 16px; height: 16px; margin: 8px 5px 5px 5px; display: none; } .attachSidebarIcon48{ width: 48px; height: 48px; margin: 0 auto; padding-top: 4px; } .attachSidebarText{ font-family: 'Lato 2'; font-size: 12px; padding: 0px 0 0 2px; margin: 0 auto; text-align: center; min-width: 80px; } /* Popup Right panel */ .attachPopupRight{ float: right; width: 85%; min-width: 70%; height: 460px; } .attachSearchbarWrapper{ height: 40px; width: 100%; } .attachSearchbar{ height: 40px; } .attachSearchBox{ width: 35%; float: left; margin: 0px 0px 0; border-radius: 3px; border: 1px solid #f0f0f0; padding: 7px 0px 5px 5px; } .attachSearchBox input[type="text"]{ font:normal 12px 'Lato 2', sans-serif; color:#aaaaaa; border: 0px solid #f0f0f0; padding:0; line-height:0; width:90%; } .attachSearchBox input[type="submit"]{ background: url('../images/icon_search.0212494e7973b81e23393e8d35343845.png') 2px center no-repeat #FFF; width:20px; height:14px; border: 0px solid #f0f0f0; float:right; padding:0; line-height:0; cursor:pointer; } .attachRightHeader{ width: 100%; height: auto; float:left; border-bottom: 1px solid #ccc; text-align: left; color: #434343; font-family: 'Lato 2'; font-size: 14px; padding: 7px 0 7px 10px ; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; } .attachHeaderDivider{ width: 1px; background: #d9d9d9; height: 20px; float: left; margin: 0 10px 0 10px; } .attachHeaderPagination{ float: right; } .attachViewIcons-list,.attachViewIcons-grid{ float: left; margin: 4px 0 0 10px; width: 11px; height: 11px; background: url('../images/docs_viewType.16fb831b5a8a10997e5f5928033e017e.png') no-repeat left top; cursor:pointer; } .attachViewIcons-list:hover{ background-position:left center; } .attachViewIcons-listactive{ background-position:left bottom; } .attachViewIcons-grid{ background-position:right top; } .attachViewIcons-grid:hover{ background-position:right center; } .attachViewIcons-gridactive{ background-position:right bottom; } .attachPaginationCount{ float: left; text-align: left; font-size: 11px; margin-top: 7px; } .attachPageNavigation-left,.attachPageNavigation-right{ width: 26px; height: 26px; background-color:#fff; float: left; margin: 0px 0 0 10px; cursor:pointer; border:solid 1px #f0f0f0; overflow:hidden; } .attachPageNavigation-left{ border-radius:2px 0 0 2px; border-right:none; } .attachPageNavigation-right{ margin-left:0; margin-right:10px; border-radius:0 2px 2px 0px; } .attachPageNavigation-right:hover,.attachPageNavigation-left:hover{ border-color:#1f6ee6; background-color:#227aff; } .attachPageNavigation-leftIcon,.attachPageNavigation-rightIcon{ display:block; width:100%; height:100%; background: url('../images/arrows.45979e60c14f02cbd182f0858478a001.png') 0 0 no-repeat; } .attachPageNavigation-rightIcon{ background-position:-26px 0px; } .attachPageNavigation-right:hover .attachPageNavigation-rightIcon{ background-position:-26px -46px; } .attachPageNavigation-left:hover .attachPageNavigation-leftIcon{ background-position:0px -46px; } .attachPageNavigation-right:hover .attachPageNavigation-rightIcon{ -moz-animation-name: toRightFromLeft; -moz-animation-timing-function:linear; -moz-animation-iteration-count: 1; -moz-animation-direction: forwards; -moz-animation-duration: 500ms; /* Webkit */ -webkit-animation-name: toRightFromLeft; -webkit-animation-timing-function:linear; -webkit-animation-iteration-count: 1; -webkit-animation-direction: forwards; -webkit-animation-duration: 500ms; -o-animation-name: toRightFromLeft; -o-animation-timing-function:linear; -o-animation-iteration-count: 1; -o-animation-direction: forwards; -o-animation-duration: 500ms; animation-name: toRightFromLeft; animation-timing-function:linear; animation-iteration-count: 1; animation-direction: forwards; animation-duration: 500ms; } @-moz-keyframes toRightFromLeft { 0% { -moz-transform: translate(-100%); } 50% { -moz-transform: translate(100%); } } @-webkit-keyframes toRightFromLeft { 0% { transform: translate(-100%); } 50% { transform: translate(100%); } } @keyframes toRightFromLeft { 0% { transform: translate(-100%); } 50% { transform: translate(100%); } } .attachPageNavigation-left:hover .attachPageNavigation-leftIcon{ -moz-animation-name: toLeftFromRight; -moz-animation-timing-function:linear; -moz-animation-iteration-count: 1; -moz-animation-direction: forwards; -moz-animation-duration: 500ms; /* Webkit */ -webkit-animation-name: toLeftFromRight; -webkit-animation-timing-function:linear; -webkit-animation-iteration-count: 1; -webkit-animation-direction: forwards; -webkit-animation-duration: 500ms; -o-animation-name: toLeftFromRight; -o-animation-timing-function:linear; -o-animation-iteration-count: 1; -o-animation-direction: forwards; -o-animation-duration: 500ms; animation-name: toLeftFromRight; animation-timing-function:linear; animation-iteration-count: 1; animation-direction: forwards; animation-duration: 500ms; } @-moz-keyframes toLeftFromRight { 0% { -moz-transform: translate(100%); } 50% { -moz-transform: translate(-100%); } } @-webkit-keyframes toLeftFromRight { 0% { transform: translate(100%); } 50% { transform: translate(-100%); } } @keyframes toLeftFromRight { 0% { transform: translate(100%); } 50% { transform: translate(-100%); } } .attachFileBreadcrum{ width:100%; background-color:#fff; box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.17); -webkit-box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.17); padding-left:15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .attachFileBreadcrum ul{ width:100%; list-style-type:none; margin:0; padding:0; color:#4e4e4e; font:normal 12px 'Lato 2', sans-serif; line-height:32px; } .attachFileBreadcrum li a{ text-decoration:none; color:#227aff; } .attachFileBreadcrum li a:hover{ text-decoration:underline; } .attachFileBreadcrumIcon{ background:url(../images/breadcrumIcon.2c921bd3677e7ae6d3b142ba957abc52.png) no-repeat 5px 1px; width:8px; height:8px; display:inline-block; padding:0 5px; } .attachFileSelectWrapper{ max-height: 370px; border-bottom: 1px solid rgba(217,217,217,0.6); width: 100%; overflow-y: scroll; } .attachFileSingle{ width: 100%; border-bottom: 1px solid #f8f8f8; padding:10px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; float: left; transition:background-color 0.5s linear 0s; } .attachFileSingle:hover,.addedFile{ background-color:#fffbec; cursor:pointer; } .attachCheckBox-header{ float: left; height: 19px; margin-right: 0px; margin-top: -1px; } .attachCheckBox{ float: left; height: 19px; } .attachFileType{ float: left; width: 16px; height: 16px; margin: 0px 5px 0 9px; } .attachFileName{ float: left; font-family: 'Lato 2'; font-size: 12px; padding: 2px 0 0 0; } .attachFileName a{ color:#227aff; text-decoration:none; } .attachButton{ background: none repeat scroll 0 0 #27AE2D; border: 0 none; border-radius: 2px 2px 2px 2px; box-shadow: 0 3px 0 #198323; -webkit-box-shadow: 0 3px 0 #198323; color: #FFFFFF; cursor: pointer; float: right; font-size: 15px; height: auto; line-height: 0; margin: 7px 15px 0 5px; padding: 4px 15px; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2); width: auto; } .attachCancelButton{ float: left; width: 100px; height: 30px; border-radius: 2px; border: 1px solid #BD3831; background: #d35a53; /* Old browsers */ background: -moz-linear-gradient(top, #d35a53 0%, #be3231 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d35a53), color-stop(100%,#be3231)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d35a53 0%,#be3231 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d35a53 0%,#be3231 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d35a53 0%,#be3231 100%); /* IE10+ */ background: linear-gradient(to bottom, #d35a53 0%,#be3231 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d35a53', endColorstr='#be3231',GradientType=0 ); /* IE6-9 */ -moz-box-shadow: inset 0 0 1px #EEE; -webkit-box-shadow: inset 0 0 1px #eee; box-shadow: inset 0 0 1px #eee; margin: 5px 0 0 5px; color: #FFF; text-shadow: -1px -1px 1px rgba(0,0,0,0.2); cursor: pointer; font-size: 13px; } /*Selected Files List*/ .attachSelectedFileList{ width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border: 5px solid #f2f2f2; box-shadow:0 1px 2px 0px #DDDDDD; -webkit-box-shadow:0 1px 2px 0px #DDDDDD; -moz-box-shadow:0 1px 2px 0px #DDDDDD; } .attachSelectedFileListUl{ width:100%; padding:6px 10px 0; margin:0; height:auto; overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background-color:#fff; border:solid 1px #e9e9e9; } .attachSelectedFileListUl li{ background-color:#e8eff5; border:solid 1px #99bbce; color:#186490; font: normal 11px 'Lato 2'; list-style-type:none; padding:2px 0 2px 6px; margin:0 10px 6px 0; } .attachSelFilesDelete{ display:block; background:url(../images/clsIcon.54062cebb546ae9a3c2e9168d286653f.png) no-repeat 7px -16px; width:15px; height:10px; padding:4px 0 0 5px; } /*CSS FOR ZOHO PICKER*/ .zg-attachFileOverlay{ background-color: rgba(0,0,0,0.5); font-family: 'Lato 2', sans-serif; } .zg-attachFileBox{ border-radius: 3px; margin-top: 2%; width: 750px;position:relative } .zg-attachFileContainer{ padding: 0; font-family: 'Lato 2', sans-serif; background-color: #ffffff; border-radius: 3px; } .zg-attachFileContainer h2{ font-family: 'Lato 2', sans-serif; font-size: 17px; text-align: left; line-height: 50px; padding:0 20px; font-weight: 400; margin: 0px; border-bottom: solid 1px #f5f5f5; background-color: #ffffff; } .zg-attachFileClsIcon{ background: url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) 1px -1158px no-repeat; width: 20px; height: 20px; margin-top: -36px; margin-right: 15px; } .zg-attachFileContainerLft{ width: 15%; } .zg-attachFileContainerLft .imgGDocs_big,.zg-attachFileContainerLft .imgDropbox_big, .zg-attachFileContainerLft .imgSkydrive_big,.zg-attachFileContainerLft .imgBox_big,.zg-attachFileContainerLft .imgZohodocs_big,.zg-attachFileContainerLft .imgEvernote_big,.zg-attachFileContainerLft .imgMycomputer_big,.zg-attachFileContainerLft .imgBox_big,.zg-attachFileContainerLft .imgWorkdrive_big,.zg-attachFileContainerLft .imgSharePoint_big,.zg-attachFileContainerLft .imgNoteBook_big{ width: 48px; height: 48px; } .zg-attachFileContainerLft .imgGDocs_big{ background: url(../images/gdrive_icon_48.c72801b4d712b001bb810b260e41e44a.png) no-repeat left top; } .zg-attachFileContainerLft .imgDropbox_big{ background-image: url(../images/dropbox_icon_48.466cfd6e76ad93e3d6bb1897f2037a5e.png); } .zg-attachFileContainerLft .imgSkydrive_big{ background-image: url(../images/skydrive_icon_48.a20bef9f68555dda99c4ffc6524410a0.png); } .zg-attachFileContainerLft .imgBox_big{ background-image: url(../images/box_icon_48.f37ae0bc3c15f5298f2d35ec7e9ca23f.png); } .zg-attachFileContainerLft .imgZohodocs_big{ background-image: url(../images/zdocs_icon_48.f256384eb61578134d120a20dff32ae9.png); } .zg-attachFileContainerLft .imgEvernote_big{ background-image: url(../images/evernote_icon_48.342a236a64271b024edde851a06e6bea.png); } .zg-attachFileContainerLft .imgWorkdrive_big{ background-image: url(../images/wd_icon_48.03ad60573455ee92c99b8c6c36753cdf.png); } .zg-attachFileContainerLft .imgMycomputer_big{ background-image: url(../images/mycomputer_icon_48.ce89b2b3ae9399d004be6e6020771b32.png); } /* SHAREPOINT*/ .zg-attachFileContainerLft .imgSharePoint_big{ background-image: url(../images/spoint_icon_48.690a247cb9bdfbd23aec8c6460d4c9b2.png); } #sharepointButtons{text-align:right;flex:1;} .zg-attachFileContainerLft .selected .imgSharePoint_big,.zg-attachFileContainerLft li:hover .imgSharePoint_big, .zg-attachFileContainerLft .selected .imgGDocs_big,.zg-attachFileContainerLft .selected .imgDropbox_big, .zg-attachFileContainerLft .selected .imgSkydrive_big,.zg-attachFileContainerLft .selected .imgBox_big, .zg-attachFileContainerLft li:hover .imgGDocs_big,.zg-attachFileContainerLft li:hover .imgDropbox_big, .zg-attachFileContainerLft li:hover .imgSkydrive_big,.zg-attachFileContainerLft li:hover .imgBox_big, .zg-attachFileContainerLft .selected .imgZohodocs_big,.zg-attachFileContainerLft li:hover .imgZohodocs_big, .zg-attachFileContainerLft .selected .imgEvernote_big,.zg-attachFileContainerLft li:hover .imgEvernote_big, .zg-attachFileContainerLft .selected .imgMycomputer_big,.zg-attachFileContainerLft li:hover .imgMycomputer_big { background-position: left bottom; } .zg-attachFileContainerLft .selected .imgWorkdrive_big,.zg-attachFileContainerLft li:hover .imgWorkdrive_big { background-position: left -81px; } .zg-attachFileContainerLft ul{ margin: 0; padding: 0; width: 100%; } .zg-attachFileContainerLft ul li{ clear: none; width: 100%; margin: 0; padding: 0; cursor: pointer; transition: background-color 0.2s linear 0s; -moz-transition: background-color 0.2s linear 0s; -webkit-transition: background-color 0.2s linear 0s; } .zg-attachFileContainerLft ul li.selected{ background: none repeat scroll 0 0 #F2F2F2; border-radius: 0 0 0 0; box-shadow: NONE; } .zg-attachFileContainerRht{ position: relative; border: 0; border-radius: 0; border-left: solid 1px #eee; background-color: #fff; box-shadow: none; margin: 0; min-height: 530px; width: 84.5%; *width: 80%; } .zg-attachFileContainerRht .zppromptCont{ padding: 0; } .zg-attachFileContainerRht .zppromptLftSide ul { background-color: #F0F0F0; box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.09) inset; -webkit-box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.09) inset; margin: 0; padding: 0; width: 100%; } .zg-attachFileContainerRht .zppromptLftSide ul li{ float: left; clear: none; width: auto; margin: 0; padding: 0 16px; border-top: solid 2px #f0f0f0; line-height: 34px; cursor: pointer; transition: background-color 0.15s linear 0s; -moz-transition: background-color 0.15s linear 0s; -webkit-transition: background-color 0.15s linear 0s; } .zg-attachFileContainerRht .zppromptLftSide ul li:hover{ background-color: #ccc; border-top: solid 2px #ccc; } .zg-attachFileContainerRht .zppromptLftSide ul li.selected { background: none repeat scroll 0 0 #FFFFFF; border-radius: 0 0 0 0; border-top: 2px solid #4689FA; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.09); -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.09); } .zg-attachFileContainerRht .zppromptLftSide ul li p{ display: none; } .zg-attachFileContainerRht .closedarea { border-bottom: 1px solid #F4F4F4; height: auto; line-height: normal; margin: 0; padding: 5px 0; text-align: right; width: 100%; } .zg-attachFileContainerRht .closedarea ul{ margin:0 5px; } .zg-attachFileContainerRht .closedarea li,.zg-attachFileContainerRht .zppromptRhscont li, .mycomp-list{ background-color:#e8eff5; border:solid 1px #99bbce; color:#186490; font: normal 11px 'Lato 2'; list-style-type:none; margin:0 5px; padding: 2px 0 4px 2px; border-radius: 0; float: left; width: auto; max-width: 120px; line-height: normal; } .zg-attachFileContainerRht .zppromptRhscont ul{ padding: 0; margin: 0; width: auto; } .zg-attachFileContainerRht .closedarea li .imgCenter{ background: none; height: auto; padding: 0; } .zg-attachFileContainerRht .closedarea li .imgdeletedocs,.zg-attachFileContainerRht .zppromptRhscont li .imgdeletedocs{ display:block; background:url(../images/clsIcon.54062cebb546ae9a3c2e9168d286653f.png) no-repeat 7px -16px; width:15px; height:12px; padding:0px 2px; } .zg-attachFiledocsSearchCont{ border-bottom: 1px solid #F0F0F0; height: auto; padding: 7px 0; width: 100%; } .zg-attachFiledocsSearch{ width:32%; padding: 0 10px; margin-top: -4px;position:relative; float: right; } .zg-attachFiledocsSearch #searchDiv{ display: none; } .zg-attachFiledocsSearch .searchBoxNew{ outline:none; border:none; border: solid 1px #f0f0f0; border-radius: 2px; box-shadow: none; height: auto; width: 75%; padding: 0 0 0 6px; } .gdocsSearch1 .zg-attachFiledocsSearch input[type="text"],.gdocsSearch1 .zg-attachFiledocsSearch input[type="text"]:focus, .zg-attachFileSearchArea,.gdocsSearch1 .zg-attachFiledocsSearch input[type="text"].zg-attachFileSearchArea, .gdocsSearch1 .zg-attachFiledocsSearch input.textcontent{ margin: 0; float: left; padding: 6px 0; box-shadow: none; border: none; color: #ccc; text-shadow: none; line-height: 15px; width:90%; } .gdocsSearch1 .zg-attachFiledocsSearch input[type="text"]:focus{ color: #333; } .zg-attachFiledocsSearch .buttonNew{ width:9%; background: url("../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png") no-repeat scroll -41px -1154px transparent; height: 25px; border: none; box-shadow: none; border-radius: 0; padding: 0; text-indent: -999px; margin-top: 2px; filter:none; border:0; float:right; } .zg-attachFileNavigation{ margin-top: 0; width: 25%; } .zg-attachFileNavigation span{ float: left; font-weight: bold; font-size: 11px; font-family:'Lato 2', sans-serif; line-height: 22px; } .zg-attachPageNavigation-left .imgGprevDocs,.zg-attachPageNavigation-right .imgGnextDocs, .zg-attachPageNavigation-left .imgGprevselectedDocs,.zg-attachPageNavigation-right .imgGnextselectedDocs{ width: 20px; height: 20px; background-color:#fff; background:url("../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png") no-repeat scroll -26px -1225px transparent; float: left; cursor:pointer; border:solid 1px #ccc; overflow:hidden; opacity: 0.5; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); } .zg-attachPageNavigation-left .imgGprevDocs,.zg-attachPageNavigation-left .imgGprevselectedDocs{ border-radius:2px 0 0 2px; border-right:none; } .zg-attachPageNavigation-right .imgGnextDocs,.zg-attachPageNavigation-right .imgGnextselectedDocs{ margin-left:0; margin-right:0px; border-radius:0 2px 2px 0px; } .zg-attachFileNavigation .imgGnextDocs,.zg-attachFileNavigation .imgGnextselectedDocs{ background:url("../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png") no-repeat scroll -26px -1196px transparent; } .zg-attachPageNavigation-left .imgGprevselectedDocs,.zg-attachPageNavigation-right .imgGnextselectedDocs{ opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); } .zg-attachPageNavigation-left:hover .imgGprevselectedDocs,.zg-attachPageNavigation-right:hover .imgGnextselectedDocs{ border-color:#1f6ee6; background-color:#227aff; } .zg-attachPageNavigation-left:hover .imgGprevselectedDocs{ background:url("../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png") no-repeat scroll -51px -1225px #227aff; } .zg-attachPageNavigation-right:hover .imgGnextselectedDocs{ background:url("../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png") no-repeat scroll -51px -1196px #227aff; } .zg-attachFileName,.zg-attachFileName .zpfileImportbdy1{ border: 0; width: 100%; } .zppromtBtn{ clear: both; } .zppromtBtn{ border-top:solid 1px #eee; } .zg-attachFileName .zpfileImportbdy1 td{ padding: 8px 14px 9px; } .zg-attachFileName .zpfileImportbdy1 td:hover{ background-color: #FAFAFA; } .zg-attachFileName .zpfileImportbdy1 .select td,.zg-attachFileName .zpfileImportbdy1 .select td:hover { background-color: #F0F0F0; } .zg-attachFileName .zpfileImportbdy1 td span{ padding-left: 5px; } .zg-attachFileFooter{ width:100%; padding: 10px 0px; } .zg-attachFileFooter .buttonNew,.zg-attachAuthenticateCont .buttonNew,.zg-attachFileFooter .buttonCancel{ background: #2c77f6; border: solid 0px #2d76f6; box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1); border-radius: 2px; text-shadow: none; padding: 5px 20px; font-size:13px; font-family:'Lato 2', sans-serif; font-weight: 500; width:auto; *width:85px; } .zg-attachAuthenticateCont .sharepointauthbutton{ background: #5ea9af; } .zg-attachFileFooter .buttonDisabled{ background: rgba(242, 242, 242, 1); border: solid 0px #2d76f6; box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1); border-radius: 2px; text-shadow: none; padding: 5px 20px; font-size: 13px; font-family: 'Lato 2', sans-serif; font-weight: 500; width: auto; color: #B6B6B6; outline:none } .zg-attachAuthenticateContever .buttonNewever{ background: #6FB536; border:solid 0px #6FA13C; box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1); border-radius: 2px; text-shadow: none; padding: 5px 20px; font-size:13px; font-family: 'Lato 2', sans-serif; font-weight: 500; width:auto; color:#fff; } .zg-attachFileFooter .buttonCancel{ background: none; border:0; box-shadow: none; border-radius: 0; font-size:13px; font-weight: normal; font-family: 'Lato 2', sans-serif; width:auto; *width:85px; } .zg-attachFiledocsSearchCont { border-bottom: 1px solid #F0F0F0; height: auto; padding: 7px 0; width: 100%; } /*file picker styles for drop box area */ .zg-attachFileContainer .zg-attachFileDropboxCont h2{ font-size: 13px; padding:0 10px; line-height:30px; width:100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } h2#pathheadGdrive{margin-top:-5px;width:auto;float:left} .zg-popupAccountSelection{ background: transparent; box-shadow: none; border-radius: 0; width:60%; min-height: 350px; margin-top: 50px; font-family:'Lato 2', sans-serif; position: relative; } .zg-popupAccountSelHead{ margin: 0; width: 100%; background: #747474; border: solid 1px #747474; border-bottom: none; font-size: 16px; font-weight: 500; line-height: 40px; border-radius: 3px 3px 0 0; color: #fff; padding: 0; text-align: center; box-shadow: 1px 0px 1px 0 rgba(0,0,0,0.07); -webkit-box-shadow: 1px 0px 1px 0 rgba(0,0,0,0.07); } .zg-popupAccountSelContent{ margin: 0; width: 100%; background: #f8f8f8; border: solid 1px #eee; border-top: none; border-radius:0 0 3px 3px; padding: 10px 0; padding-top: 0px; box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.07); -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.07); } .zg-popupAccountSelHead .zpimgmailclosed{ display: none; } .zg-popupAccountSelContent .buttonNew{ background: none; border:0; box-shadow:none; border-radius: 0px; text-shadow: none; padding: 0; text-indent: -999px; margin-right: 10px; } .zg-popupAccountSelContent .zpformContainer td { border-bottom: 1px solid #f1f1f1; color: #666666; font-size: 13px; padding: 10px; } .zg-popupAccountSelContent .zpformContainer .last_span{text-align:center;} .zg-popupAccountSelContent .zpformContainer td:hover{ color: #2d76f6; background-color: #fff; } .zg-popupAccountNew{ position: absolute; top: 15px; right: 5px; } .zg-popupAccountNew .buttonNew{ background: url("../images/add.b4a80beff61db9ad0bb5be823d44be0a.png") no-repeat; width:12px; height: 12px; } .zg-attachAuthenticationBox{ width: 90%; margin: 60px auto; height: 350px; } .zg-attachAuthenticateCont{ padding: 0px 0px; } .zg-attachAuthenticateContever{ margin:9px 115px 0px 0px; padding: 0px 0px; } .zg-attachAuthenticateCont p{ text-align: left; padding-left: 150px; } .zg-attachAuthenticateCont .buttonAra{ text-align: left; } .zg-attachAuthenticateCont .buttonAra span{ display: block; } .zg-attachAuthenticateCont .buttonNew{ margin: 15px 0 15px 30px; width: auto; *width: 200px; } .zg-attachFileDropboxCont{ width: 100%; border: 0; border-radius: 0; border-left: solid 0px #eee; background-color: #fff; box-shadow: none; margin: 0; } .zg-attachFileDropboxCont .zpuicontHed{ display: none; } .zg-attachFileContainerRht .zg-attachFileDropboxCont .zppromptCont{ border-bottom: 0; } .zg-attachFileDropboxCont .zpfileImportHed { border: 0px solid transparent; border-radius: 0px; float: none; width: 100%; clear: both; } .zg-attachFileDropboxCont .zpfileImportbdy { float: none; height: 373px; overflow-y: auto; width: 100%; } .zg-attachFileDropboxCont .zppromptRhscont{ width: 100%; padding: 7px 0; height: auto; overflow: hidden; } .zg-attachFileDropboxCont .zptbHdrrhtbrdr{ border: 0; } .zg-attachFileDropboxCont .zpfileImportHed1 th,.zg-attachFileDropboxCont .zpfileImportHed th { background: #F0f0f0; padding-left: 30px; text-align: left; } .zg-attachFileDropboxCont .zg-fileImportHead .zg-fileImportBackButt .zppromptback{ font-size: 0; padding: 0; line-height:0; } .zg-attachFileDropboxCont .zpfileImportHed th.zg-fileImportBackButt{ padding-left: 12px; } .zg-leftArrow{border-right: 7px solid #bbbbbb;border-top: 7px solid transparent;border-bottom: 7px solid transparent; font-size: 0;height: 0;line-height: 0;width: 0;} .zg-leftArrowBorder{border-right: 7px solid #f0f0f0;border-top: 7px solid transparent;border-bottom: 7px solid transparent; font-size: 0;height: 0;line-height: 0;width: 0;position:relative;left:-5px;} .zg-fileImportHead .hide{ width: 100px; position: absolute; margin: 0 auto; vertical-align: middle; top: 40%; left: 38%; } .zpfileImportbdy{ position: relative; } .zg-attachFileContainerLft ul li span{ color: #2C77F6; } .zppromptRhscont .linktext,.closedarea .linktext{ margin-right: 15px; padding: 2px 0 1px; } .zg-attachFileContainerRht .zppromptRhscont,.zg-attachFileContainerRht .closedarea{ height: 20px } .error-toast { width: auto; height: auto; padding: 2px 17px 2px 14px; color: #bf4949; background-color: #ffd6d6; border: solid 1px #bf4949; font-family: 'Lato 2', sans-serif; font-size: 13px; position: absolute; top: 50%; left: 50%; z-index: 9;-webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%) -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .picker-head{ font-family: 'Lato 2', sans-serif; font-size: 17px; text-align: left; line-height: 50px; padding:0 20px; font-weight: 400; margin: 0px; border-bottom: solid 1px #f5f5f5; background-color: #ffffff; } .subtype{ float: left; margin: 7px 2px 3px 13px; } .browse { margin: 210px 0px 0px 0px; text-align: center; } .browse span { color: #777; font-family: 'Lato 2', sans-serif; font-size: 14px; font-weight: lighter; } .browse-button { display: block; text-decoration: none; text-align: center; border: 1px solid silver; background-color: #eeeeee; color: #666666; font-weight: bold; font-size: 14px; font-family: 'Lato 2', sans-serif; width: 120px; white-space: nowrap; height: 27px; line-height: 27px; outline: none; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin: 0 auto; margin-top: 20px; } .browse-button:hover { font-family: 'Lato 2', sans-serif; cursor: pointer; border: 1px solid #208eff; background-color: #64b0ff; color: #ffffff; margin: 0 auto; margin-top: 20px; } /*playground styles*/ /*---- Header ----*/ .main { background-color: #fafafa; height: 100%; min-height: 550px; min-width: 640px; overflow: hidden; width: 100%; } .headerPlayground { height: 62px; width: inherit; background-color: #000; } #logo { float: left; padding: 20px 0px 0px 14px; } #search { float: right; padding: 17px 15px 0px 0px; } #search input[type="text"] { background: no-repeat 10px 6px #444; border: 0 none; font: bold 12px 'Lato 2', Sans-serif; color: #d7d7d7; width: 150px; padding: 6px 15px 6px 35px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } #search input[type="text"]:focus { background: no-repeat 10px 6px #fcfcfc; color: #6a6f75; width: 700px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset; text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); outline: none; } /*--- Horizontal Tabs --*/ #hor-tabs { float: left; width: 100%; /*background:#E4E6EB;*/ font-size: 93%; line-height: normal; margin-left: 169px; position: relative; top: 4px; } #hor-tabs ul { margin: 0; padding: 10px 10px 0 50px; list-style: none; } #hor-tabs li { display: inline; margin: 0; padding: 0; } #hor-tabs a { float: left; /*background: url(img/tabright.gif) no-repeat left top;*/ margin: 0; padding: 0 0 0 4px; text-decoration: none; margin-right: 1px; font-family: 'Lato 2', sans-serif; font-weight:lighter; } #hor-tabs a span { float: left; display: block; /*background: url(img/tabright.gif) no-repeat right top;*/ background:#666666; padding: 9px 15px 11px 15px; color: #FFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #hor-tabs a span { float: none; } /* End IE5-Mac hack */ #hor-tabs a:hover span { color: #FFF; } #hor-tabs a:hover { background-position: #adadad; } #hor-tabs a:hover span { /*background-position: 100% -42px;*/ background:#adadad; } #current-tab { background: #adadad; } /*--- Tabs Style--*/ .ui-tabs-vertical { width: 55em; } .ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; position: relative; left: 8px; z-index: 50; box-sizing: border-box; } .ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; } .ui-tabs-vertical .ui-tabs-nav li a { display: block; outline: none; } .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: -0.9em; border-right-width: 1px; border-right-width: 1px; } .ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: left; width: 36em; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: 20px 10px 10px 10px; box-sizing: border-box; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; font-family: 'Lato 2', sans-serif; font-weight:lighter; font-size:13px; } .ui-tabs .ui-tabs-nav li a { float: left; padding: 6px 150px 6px 6px; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; outline: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; font-family: 'Lato 2', sans-serif; font-weight:lighter; font-size:13px; } .ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; border-right: solid 1px #aaaaaa; border-bottom: solid 1px #aaaaaa; border-top: solid 1px #aaaaaa; padding: 25px 29px 40px 28px; background: #FFF; margin-top: 123px; position: relative; border-left: solid 1px #aaaaaa; width: 46em; box-sizing: border-box; left: 150px; bottom: 212px; height: auto; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none; } .ui-state-disabled .ui-icon { filter: Alpha(Opacity=35); /* For IE8 - See #6059 */ } /*----- Flat Buttons and Modal Window Styles -----*/ /*#content { display: block; width: 100%; background: #fff; padding: 25px 20px; padding-bottom: 35px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px; }*/ #content li { float: left; list-style: none; margin-right: 30px; margin-bottom: 18px; } #content ul { padding: 3px 0px 0px 0px; width: 41em; position: relative; left: 18px; top: 18px; } #content p { font-family: 'Lato 2', sans-serif; font-size: 13px; color: #666; } #contentContacts li { float: left; list-style: none; margin-right: 30px; margin-bottom: 18px; } #contentContacts ul { padding: 3px 0px 0px 0px; width: 41em; position: relative; left: 18px; top: 18px; } #contentContacts p { font-family:'Lato 2', sans-serif; font-size: 13px; color: #666; } #contentCalendar li { float: left; list-style: none; margin-right: 30px; margin-bottom: 18px; } #contentCalendar ul { padding: 3px 0px 0px 0px; width: 41em; position: relative; left: 18px; top: 18px; } #contentCalendar p { font-family: 'Lato 2', sans-serif; font-size: 13px; color: #666; } .flatbtn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; outline: 0; border: 0; color: #f3faef; text-decoration: none; background-color: #6bb642; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); font-size: 12px; font-family: 'Lato 2', sans-serif; padding: 12px 22px 12px 22px; line-height: normal; text-align: center; vertical-align: middle; cursor: pointer; text-transform: uppercase; text-shadow: 0 1px 0 rgba(0,0,0,0.3); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 0 rgba(15, 15, 15, 0.3); -moz-box-shadow: 0 1px 0 rgba(15, 15, 15, 0.3); box-shadow: 0 1px 0 rgba(15, 15, 15, 0.3); width: 18em; } .flatbtn:hover { color: #fff; background-color: #73c437; } .flatbtn:active { -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1); } /** custom login button **/ .flatbtn-blu { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; outline: 0; border: 0; color: #edf4f9; float: right; text-decoration: none; background-color: #4f94cf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); font-size: 15px; font-weight: bold; padding: 12px 26px 12px 26px; line-height: normal; text-align: center; vertical-align: middle; cursor: pointer; text-transform: uppercase; text-shadow: 0 1px 0 rgba(0,0,0,0.3); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .flatbtn-blu:hover { color: #fff; background-color: #519dde; } .flatbtn-blu:active { -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1); } /** modal window styles **/ #lean_overlay { position: fixed; z-index: 100; top: 0px; left: 0px; height: 100%; width: 100%; background: #000; display: none; } #loginmodal h1 { font-size: 20px; font-family: 'Lato 2', sans-serif; padding-bottom: 10px; border-bottom: solid 1px #999999; } #loginmodal { max-height: 370px; min-height: 165px; width: 347px; padding: 15px 20px; background: #f9f9f9; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 2px; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); } #loginform { width: 335px; /* no default styles */ } #loginform label { display: block; font-size: 14px; color: #7c8291; margin-bottom: 3px; font-family:'Lato 2', sans-serif; margin-top: 15px; } .txtfield { display: block; width: 100%; padding: 6px 5px; margin-bottom: 15px; font-family: 'Lato 2', sans-serif; color: #7988a3; font-size: 1.4em; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8); background-color: #fff; /*background-image: -webkit-gradient(linear, left top, left bottom, from(#edf3f9), to(#fff)); background-image: -webkit-linear-gradient(top, #edf3f9, #fff); background-image: -moz-linear-gradient(top, #edf3f9, #fff); background-image: -ms-linear-gradient(top, #edf3f9, #fff); background-image: -o-linear-gradient(top, #edf3f9, #fff); background-image: linear-gradient(top, #edf3f9, #fff);*/ border: 1px solid; border-color: #abbce8 #c3cae0 #b9c8ef; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.4); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.4); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.4); -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; transition: all 0.25s linear; } .txtfield:focus { outline: none; color: #525864; border-color: #84c0ee; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 7px #96c7ec; -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 7px #96c7ec; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 7px #96c7ec; } /*----- Code View style ---*/ .code-view { width: 388px; height: 500px; border: solid 1px #999; float: left; position: relative; right: 184px; padding: 16px; overflow: scroll; display: block; background: #efefef; font-family: monospace; font-weight: lighter; left: 184px; box-sizing: border-box; top: -209px; margin-top:121px; } .code-view h3 { font-size: 18px; font-family: 'Lato 2', sans-serif; color: #000000; border-bottom: #333 solid 1px; margin-bottom:8px; } /* Styles for hangout demo - starts here*/ .hangout-main { width: 500px; height: 250px; position: absolute; left: 50%; top: 50%; margin-left: -250px; margin-top: -150px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #FBFBFB; border: solid 1px #E5E5E5; -webkit-box-shadow: 0px 9px 27px 0px rgba(50, 50, 50, 0.29); -moz-box-shadow: 0px 9px 27px 0px rgba(50, 50, 50, 0.29); box-shadow: 0px 9px 27px 0px rgba(50, 50, 50, 0.29); } .email-box { max-width: 350px; width: 350px; height: 165px; max-height: 165px; background: #FFF; border: solid 1px #CCC; float: right; box-sizing: border-box; margin: 18px 18px 0 0; font-size: 14px; font-family: 'Lato 2', sans-serif; padding: 8px; resize:none; } .hangout-span { font-family: 'Lato 2', sans-serif; font-size: 14px; position: absolute; top: 27px; left: 17px; color: #7B7B7B; } .grey-button a { font-size: 14px; background-color: #E8E8E8; width: 67px; height: 22px; position: relative; left: 351px; top: 208px; /* 200px */ border-radius: 2px; border: 1px solid #DEDEDE; font-family: 'Lato 2', sans-serif; padding: 6px 34px 4px 40px; font-weight: 500; color: #555555; text-decoration: none; } .grey-button a:hover { font-size: 14px; background-color: #c8c8c8; width: 67px; height: 22px; position: relative; left: 351px; top: 208px; /* 200px */ border-radius: 2px; border: 1px solid #DEDEDE; font-family: 'Lato 2', sans-serif; padding: 6px 34px 4px 40px; font-weight: 500; color: #7F7F7F; text-decoration: none; } /* Styles for hangout demo - ends here*/ /* gapps.jsp new enable settings page */ /* Enable policy for GDrive */ .notify { width: 500px; height: inherit; position: absolute; left: 50%; top: 410px; margin-left: -250px; margin-top: -250px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; display: block; cursor: auto; z-index: 9999; color: #7A7B7A; background-color: #f7f7f7; border: solid 1px #DCDCDC; font-family: 'Lato 2', sans-serif; font-size: 13px; line-height: 18px; padding: 18px 9px 18px 16px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 3px 6px rgba(50, 50, 50, 0.31); -moz-box-shadow: 0px 3px 6px rgba(50, 50, 50, 0.31); box-shadow: 0px 8px 6px rgba(50, 50, 50, 0.31); text-shadow: 0px 1px 1px #ffffff; } #err-ul li { list-style: none; margin-right: 30px; } #imgPreButton { width: 10em; height: 30px; background: #4d90fe; /*2a64b7 */ float: left; text-align: center; padding: 10px 20px 0px 20px; border-radius: 3px; color: #fff; text-shadow: none; font-size: 14px; margin-right: 19px; border: 1px solid #3079ed; } #imgPreButton:hover { width: 10em; height: 30px; background: #2a64b7; float: left; text-align: center; padding: 10px 20px 0px 20px; border-radius: 3px; color: #fff; text-shadow: none; font-size: 14px; margin-right: 19px; border: 1px solid #3079ed; } #err-ul a { text-decoration: none; color: #FFF; } /* Close Button Style */ .gdclose { background: #333; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; -webkit-box-shadow: inset 0 1px 1px rgba(191, 191, 191, 0.75), 0 2px 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0 1px 1px rgba(191, 191, 191, 0.75), 0 2px 1px rgba(0, 0, 0, 0.25); box-shadow: inset 0 1px 1px rgba(191, 191, 191, 0.75), 0 2px 1px rgba(0, 0, 0, 0.25); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); border: 2px solid #e6e6e6; color: #FFF; float: right; height: 25px; width: 25px; text-decoration: none; outline: none; position: relative; bottom: 30px; left: 20px; font-size: 13px; } /* styles for cloud uploader */ .create-folder { width: 120px; height: 36px; background: #fff; border-right: #E9E9E9 solid 1px; float: left; position: relative; bottom: 5px; font-family: 'Lato 2', sans-serif; font-size: 13px; padding: 13px 2px 2px 6px; box-sizing: border-box; } .create-folder:hover { width: 120px; height: 36px; background: #f1f1f1; border-right: #E9E9E9 solid 1px; float: left; position: relative; bottom: 5px; font-family: 'Lato 2', sans-serif; font-size: 13px; padding: 13px 2px 2px 6px; box-sizing: border-box; } .create-folder-img { background: url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) no-repeat; background-position: 1px -1276px; width: 18px; height: 14px; float: left; margin-right: 7px; } .file-name { width: 162px; height: 27px; background: #eeeeee; border-radius: 2px; border: 1px solid #c2c2c2; padding: 5px 0 0 6px; box-sizing: border-box; font-family: 'Lato 2', sans-serif; font-size: 13px; position: relative; top: 9px; left: 17px; text-align: left; } .file-edit { width: 162px; height: 27px; background: #FFF; border-radius: 2px; border: 1px solid #c2c2c2; padding: 5px 0 5px 6px; box-sizing: border-box; font-family: 'Lato 2', sans-serif; font-size: 13px; position: relative; top: 9px; left: 17px; } .modalDialog { position: absolute; height: 150px; width: 390px; margin: -195px 0 0 -215px; top: 50%; left: 50%; padding: 21px 20px 1px 20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: #fff; z-index: 10000; } .modalDialog span { font-size: 16px; color: #555; font-family: 'Lato 2', sans-serif; } .modalDialog p { font-size: 13px; color: #555; font-family: 'Lato 2', sans-serif; } .modalDialog ul li { float: left; text-decoration: none; margin-right: 10px; list-style: none; font-size: 13px; color: #555; font-family: 'Lato 2', sans-serif; } .create { width: 69px; height: 27px; background: #2c77f6; border: 1px solid #0053ec; color: #FFF; font-size: 13px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px } .create:hover { width: 69px; height: 27px; background: #1460e0; border: 1px solid #0053ec; color: #FFF; font-size: 13px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px } .cancel { width: 69px; height: 27px; background: #eee; border: 1px solid #bebebe; color: #555; font-size: 13px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px } .cancel:hover { width: 69px; height: 27px; background: #d2d2d2; border: 1px solid #bebebe; color: #555; font-size: 13px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px } .close-newFld { width: 14px; height:14px; background: url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) no-repeat; background-position: -28px -1276px; float: right; cursor: pointer; } :focus { outline: -webkit-focus-ring-color auto 3px; } .addDropbox, .addZoho { padding: 0; margin: 0; width: auto; position: relative; bottom: 5px; } /* style for cloud uploader ends here */ /* style for zoho docs - org in cloud picker*/ .combo { float: right; margin: -2px 9px 0px 11px; background: rgb(242, 242, 242); width: 110px; height: 24px; border: 1px solid rgb(223, 223, 223); border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; outline: none; } #searchZDocs { width: 200px; position: relative; top: 4px; padding-left: 22px; border: 1px solid #e0e0e0; } #table_buttonArea_zohodocs { position: relative; } .fitScreen{ width:118% } #gdsearch.gdsearch input{ width: 200px; position: relative; top: 4px; padding:0 21px; border: 1px solid #e0e0e0;} #dropboxSearch.gdsearch input{ width: 200px; position: relative; top: 9px; padding:0 21px; border: 1px solid #e0e0e0;} #boxSearch.gdsearch input{ width: 200px; position: relative; top: 9px; padding:0 21px; border: 1px solid #e0e0e0;} ul#selFiles li{ background-color: #e8eff5; border: solid 1px #99bbce; color: #186490; font: normal 11px 'Lato 2'; list-style-type: none; margin: 0 5px; padding: 2px 0 2px 3px; border-radius: 0; float: left; width: auto; max-width: 120px; line-height: normal;} ul#selFiles li span.imgCenter{background:none} ul#selFiles li span.imgdeletedocs{ background: url(../images/clsIcon.54062cebb546ae9a3c2e9168d286653f.png) no-repeat 0px -19px; margin-left: 6px; margin-top: 4px; margin-right: 4px;} .gSearch{position: absolute; right: 11px; top: 7px; background: url(../images/icon.b09fe482b93b4b5cf2c87f0e42a3d3e1.png) no-repeat; height: 22px; width: 18px; overflow: hidden; background-repeat: no-repeat; vertical-align: middle; float: right; background-position: -21px -1156px; } /*cloud picker sync popup*/ .popup_yesno{ width: 100%; height: 100%; position: absolute; z-index: 9; display: none; text-align:center; } .transparent_bg{left:0; top:0; width: 100%; height: 100%;background:rgb(255,255,255);background: transparent\9;background:rgba(255,255,255,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff,endColorstr=#ccffffff);zoom: 1;position:absolute;} .content_popup{position:absolute;left:50%;top:50%;width:79%;background:#fff;-webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%);border-radius: 3px;box-shadow: 0 2px 28px 11px rgba(0,0,0,0.08);-o-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);} .content_popup p{font-size: 15px;color: #000000;padding: 10px 0;} .content_popup span{display:block;width:275px;margin:10px auto 10px} .content_popup .cpyesnobutton{border-radius: 3px;width:130px;transition: all 0.5s ease;text-transform:uppercase;color:#fff;font-weight:500;font-size:12px;display: inline-block;text-decoration: none;padding: 7px 0;margin: 0 2px; text-align: center} .content_popup .orange_btn{background: #FF9920;} .content_popup .orange_btn:hover{background: #e0851a;} .content_popup .grey_btn{background: #A8A8A8;} .content_popup .grey_btn:hover{background: #6d6d6d;} #gdriveRevokeDisclaimer {font-size: 12px; padding: 10px;} #gdriveRevokeDisclaimer a {font-size: 12px;} /* Cloud Picker OneDrive Account Type */ .account_type { font-size: 20px; position: absolute; top: 220px; left: 50%; width: 62%; /* height: 100%; */ background: rgb(255, 255, 255); z-index: 99; display: block; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .account_type_button { padding: 7px 10px; border-radius: 3px; color: #fff; text-align: center; font-size: 14px; width: 160px; /* margin-right: 20px; */ background: #a9a9a9; cursor: pointer; } /*One Drive Changes*/ .reauthbut{color:#54abd5;float: right;} .account_type_button:hover { background: #3079ed; } /* CLOUD PICKER PASSWORD DIV CHANGES */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } em{font-style:normal} .renamedivZohodocs{width: 166px;float: left; margin-left: 18px;} .renamedivZohodocs .uploadfile_wr{background: #E0ECFF; display: flex; align-items: center; justify-content: space-around; } .renamedivZohodocs .uploadfile_wr .file_ic{float: left;padding: 6px;} .renamedivZohodocs .uploadfile_wr span.fl_name{ float: left; padding: 6px; border-right: 1px solid #abcaff; padding-right: 8px; width: 61%; padding-left: 0;} .renamedivZohodocs .uploadfile_wr span.fl_name em.txt{ line-height: 19px; font-size: 12px; max-width: 85%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left;} .renamedivZohodocs .uploadfile_wr .icon-lock_ic { margin-top: 3px; margin-left: 3px; float: right;} .renamedivZohodocs .uploadfile_wr .icon-threedots_ic{padding: 6px; cursor: pointer;display: inline-block;padding-top: 8px;} .renamedivZohodocs .uploadfile_wr .icon-threedots_ic svg{fill:#676767} .renamedivZohodocs .uploadfile_wr .icon-threedots_ic:hover svg{fill:#2d76f7} .popup_filenamechange{display:none} .popup_filenamechange:before{content: '';width: 100%; height: 100%; background: rgba(0, 0, 0, 0.77); display: block; position: absolute; top: 0; left: 0; z-index: 7;} .popup_filenamechange ul{width:326px; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); position: absolute; left: 50%; top: 50%; height: 346px; overflow: auto; z-index: 9; background: #fff; padding: 25px; } .popup_filenamechange ul li{margin-top: 20px; float: left; width: 100%;} .popup_filenamechange ul li:first-child{margin:0;} .popup_filenamechange ul li .label{font-size: 13px; color: #272727; display: block; text-align: left;} .popup_filenamechange ul li .text_bx { border: 1px solid #CFCFCF; background:#fff; font-size: 13px; width:85%; display: block; margin-top: 12px; padding: 10px; height:25px; } .popup_filenamechange ul li .text_bx:focus { border: 1px solid #5F9AFF; box-shadow: none; outline: none; } .popup_filenamechange ul li .swtich_txt { font-size: 13px; min-width: 90px; text-align: left; color: #272727; float: left; margin-right: 12px; } .popup_filenamechange .inside_input { width: 100%; margin-top: 15px; margin-left:7%; } .popup_filenamechange .inside_input .label{ font-size: 12px; color: #333;} .switch { position: relative; float: left;} .popup_filenamechange ul li.fixed_btns{position: fixed; bottom: 0; left: 0;} .popup_filenamechange ul li .cancel_btn { width: 100%; float: left; text-align: center;} .popup_filenamechange ul li .cancel_btn { background: #BDBDBD; width: 50%; float: left; padding: 12px 0;cursor:pointer;transition: all 0.3s ease; border: none; box-shadow: none; font-size: 13px; color: #fff; text-transform: uppercase; text-align: center;} .popup_filenamechange ul li .cancel_btn:hover{ background: #9a9a9a;} .popup_filenamechange ul li .update_btn{ width: 100%;background: #5F9AFF; transition: all 0.3s ease; padding: 12px 0; border: none; box-shadow: none;cursor:pointer; font-size: 13px; color: #fff; text-transform: uppercase; float: left; text-align: center;} .popup_filenamechange ul li .update_btn:hover{ background: #4179da;} .uploadformatselect select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; outline: 0; box-shadow: none; background: #fff; border: 1px solid #CFCFCF; border-radius: 0; background-image: none; height:25px; } .md-checkbox { position: relative;margin-bottom:10px; text-align: left; } .md-checkbox.md-checkbox-inline { display: inline-block; } .md-checkbox label { font-size: 13px; color: #272727; line-height: 15px; text-align: left; float: left; margin-left: 23px; cursor: pointer; } .md-checkbox label:before, .md-checkbox label:after { content: ""; position: absolute; left: 0; top: 0; } .md-checkbox label:before { width: 14px; height:14px; background: #fff; border: 1px solid #c0c0c0; border-radius: 2px; cursor: pointer; transition: background .3s; } .md-checkbox input[type="checkbox"] { outline: 0; margin-right: 10px; visibility: hidden; } .md-checkbox input[type="checkbox"]:checked + label:before { background: #5F9AFF; border: none; } .md-checkbox input[type="checkbox"]:checked + label:after { transform: rotate(-45deg); top: 4px; left: 3px; width: 7px; height: 3px; border: 2px solid #fff; border-top-style: none; border-right-style: none; } /* Custom Select */ .uploadformatselect { position: relative; display: block; width: 85%; height: 36px; line-height: 3; overflow: hidden; } .uploadformatselect select { width: 100%;font-size: 13px; margin: 0; padding: 0 0 0 10px;color: #1d1d1d; cursor: pointer; } .uploadformatselect select::-ms-expand { display: none; } .uploadformatselect::before {content:''; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; position: absolute; top: 48%; z-index: 2; right: 10px; bottom: 0;pointer-events: none; } .uploadformatselect::after {content:''; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #232323; position: absolute; top: 30%; right: 10px; bottom: 0;pointer-events: none; } .uploadformatselect::after { -webkit-transition: .25s all ease; -o-transition: .25s all ease; transition: .25s all ease; } .switch-input { display: none; } .switch-label { display: block; width: 42px; height: 18px; text-indent: -150%; clip: rect(0 0 0 0); color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .switch-label:before, .switch-label:after { content: ""; display: block; position: absolute; cursor: pointer; } .switch-label:before { width: 100%; height: 100%; background-color: #dedede; border-radius: 9999em; transition: background-color 0.25s ease; } .switch-label:after { top: 0; left: 0; width: 18px; height: 18px; border-radius: 50%; background-color: #fff; box-shadow: 0 0 2px rgba(0, 0, 0, 0.45); transition: left 0.25s ease; } /* When input is checked */ .switch-input:checked + .switch-label { } .switch-input:checked + .switch-label:before { background-color: #5F9AFF; } .switch-input:checked + .switch-label:after { left: 24px; } .lock_ic svg g{ display:none; } .googleTDBack:hover { color:#3e3c3c; } .googleTDClose { width: 17px; height: 17px; cursor:pointer; border-radius: 100px; border: 1px solid gray; margin-top: -8px; background: #a9a6a6; margin-right: -10px; text-align: center; } .googleTDClose:hover { color:#3e3c3c; } .tooltip { position: relative; display: inline-block; } .tooltip .tooltiptext { visibility: hidden; width: 56px; background-color: #0A0A18; color: #f0f0f0; text-align: center; border-radius: 6px; padding: 3px 0; position: absolute; left: -18px; bottom: -16px; z-index: 1; font-size: 12px; } .tooltip:hover .tooltiptext { visibility: visible; } .WDComponent{ font-size: 12px !important; position:inherit !important; margin-left:0px !important; position:inherit !important; width:100% !important; } .icon-file_ic{font-size: 18px !important;} @font-face { font-family: 'cloudpicker'; src: url('../fonts/cloudpicker.fa60223872c609bcf7579eb9ec4cee4e.eot'); src: url('../fonts/cloudpicker.fa60223872c609bcf7579eb9ec4cee4e.eot') format('embedded-opentype'), url('../fonts/cloudpicker.6c29221a15e0a77b57f672c4abe5cac5.woff2') format('woff2'), url('../fonts/cloudpicker.d3508d767a0aaca1cd5153fe1514412d.ttf') format('truetype'), url('../fonts/cloudpicker.299eba71e8c9c0f5ce445183762898b0.woff') format('woff'), url('../fonts/cloudpicker.64311889125695f129c333bcf76cf78b.svg') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class="icon-"] { font-family: 'cloudpicker' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-file_ic .path1:before { content: "\e900"; color: rgb(104, 160, 255); font-size: 18px !important; font-family: 'cloudpicker' !important;} .icon-file_ic .path2:before { content: "\e901"; margin-left: -0.841796875em; color: rgb(255, 255, 255); font-size: 18px !important; font-family: 'cloudpicker' !important; } .icon-file_ic .path3:before { content: "\e902"; margin-left: -0.841796875em; color: rgb(255, 255, 255); font-size: 18px !important; font-family: 'cloudpicker' !important;} .icon-lock_ic:before { content: "\e903"; color: #727272; } .icon-threedots_ic:before { content: "\e904"; }