/*----------------------------------- Basic All CSS RESET -----------------------------------*/ *{padding:0;margin:0;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;} body{padding:0;margin:0;-webkit-text-size-adjust:none;font-family: 'Montserrat', sans-serif;} h1,h2,h3,h4,h5,h6,hgroup,ul,li,ol,p,nav,a,img{padding:0;margin:0;list-style:none;text-decoration:none;outline:none;} div,section,aside,nav,span,article,address,header,footer{padding:0;margin:0;outline:none !important;} img{outline:none;border:0;} ::selection{background-color:#e3f0f7;color:#000;} ::-moz-selection{background-color:#e3f0f7;color:#000;} ::-ms-selection{background-color:#e3f0f7;color:#000;} .clear{clear:both;} select::-ms-expand {display: none;} html,body{height:100%;} .whitecolor{color:#fff;} a{color:#2d364b;font-size:14px;} label{color: #868fae;font-size: 14px;line-height: 16px;font-family: 'proxima_nova_rgregular';font-weight: normal;} .main{height: 100%;} .fluid-container{float: left;width: 100%;height: 100%;} .nomargin{margin-bottom:0 !important;} p{font-size: 14px;color: #2d364b;font-family: 'PT Sans', sans-serif;} h1 {font-size: 56px;font-family: 'Libre Baskerville', serif;} h1 em{font-family: 'Playfair Display SC', serif;} h2,.pro-fl-detils h2 a {color: #2d364b;font-family: "Montserrat",sans-serif;font-size: 24px;font-weight: normal;text-transform: uppercase;} h3{font-size: 36px;color: #2d364b;font-family: "Montserrat",sans-serif;} h4{font-size: 18px;color: #949db2;font-family: 'PT Sans', sans-serif;font-weight: normal;} h5{font-size: 16px;color: #949db2;font-family: "Montserrat",sans-serif;font-weight: normal;} h6{font-size: 14px;font-family: 'PT Sans', sans-serif;} input,select,textarea,input:focus,select:focus,textarea:focus,select option:focus{outline: none;} .white{color: #fff;} .black{color: #2d364b;} small{font-family: 'Muli', sans-serif;} .transition{transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;} .conatiner{width: 1560px;margin: 0 auto;max-width: 96%;} .fl-right {float: right;} .fl-left {float: left;} input,select,textarea{-webkit-appearance: none;border-radius:0;-webkit-border-radius:0;-o-border-radius:0;} .alltextbox,.alltextarea{border: none;border-bottom: 1px solid #656c7b;border-style: none none solid;border-width: 0 0 2px;box-shadow: none !important;-moz-box-shadow: none !important;-webkit-box-shadow: none !important;-o-box-shadow: none !important;color: #2d364b;font-family: montserrat;font-size: 14px;max-width: 100%;padding-bottom: 10px !important;padding-left: 0 !important;padding-right: 0 !important;padding-top: 25px;width: 100%;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;-o-border-radius: 0;} .allselect{border: none;background: url(../images/select-arrow.svg) no-repeat right 35px !important;border-bottom: 1px solid #b5bccd;color: #2d364b;color: #a2abc0;font-family: montserrat;font-size: 14px;line-height: 16px;padding: 25px 0 10px;padding-right: 15px;width: 100%;-moz-appearance: none;-webkit-appearance: none;-o-appearance: none;} .flotinglabel.ng-hide.show-hide { opacity: 0;filter:alpha(opacity=0); pointer-events: none;top: 24px;} .flotinglabel.show-hide {display: block !important;opacity: 1;pointer-events: auto;top: 0;filter:alpha(opacity=100);} .flotinglabel {color: #007abc; display: block !important;font-family: montserrat;font-size: 11px;left: 0;position: absolute;top: 0;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;width: auto;} .flower-container{width: 1400px;margin: 0 auto;max-width: 96%;} label.responsive{display: none;} /*----------------------------------- Header -----------------------------------*/ .header-part{float: left;width: 100%;} header {float: left;left: 0;position: fixed;right: 0;top: 0;width: 100%;z-index: 9;} header.nav-header {z-index: 99;} .headert-top{float: left;width: 100%;padding: 50px 50px 0 50px;transition: all 0.4s ease 0s;-mzo-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;} .logo{float: left;width: auto;} .logo-img{display: inline-block;margin-right: 20px;vertical-align: middle;} .donate{display: inline-block;vertical-align: middle;font-size: 16px;color: #fff;font-family: 'Muli', sans-serif;} .donate img{margin-right: 8px;} .fixed header {background-color: #fff;border-bottom: 1px solid #ccc;transform: skew(0deg, 1.5deg);-moz-transform: skew(0deg, 1.5deg);-webkit-transform: skew(0deg, 1.5deg);-o-transform: skew(0deg, 1.5deg);/*transition: all 0.4s ease 0s;*/} .fixed header::before {background-color: #fff;content: "";height: 50px;left: 0;position: absolute;right: 0;top: -30px;width: 100%;} .fixed .links,.fixed .links a,.head-project .links,.head-project .links a {color: #000;} .fixed header.nav-header {height: 100%;transform: skew(0deg);-moz-transform: skew(0deg);-webkit-transform: skew(0deg);-o-transform: skew(0deg);-ms-transform: skew(0deg);z-index: 99;} .logo-f {left: 50px;opacity: 0;position: absolute; top: 50px;/*transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;*/filter:alpha(opacity=0);} .fixed .logo-f {top:51px;opacity: 1;filter:alpha(opacity=100);transform: skew(0deg, -1.5deg);-moz-transform: skew(0deg, -1.5deg);-webkit-transform: skew(0deg, -1.5deg);-o-transform: skew(0deg, -1.5deg);-ms-transform: skew(0deg, -1.5deg);} .fixed .logo{opacity: 0;/*transition: all 0.4s ease 0s;*/} .fixed .navbar-parts {position: relative;top: -30px;transform: skew(0deg, -1.5deg);-moz-transform: skew(0deg, -1.5deg);-webkit-transform: skew(0deg, -1.5deg);-o-transform: skew(0deg, -1.5deg);-ms-transform: skew(0deg, -1.5deg);} .fixed .nav-header .navbar-parts{opacity: 0;} .fixed .nav-bar-part.opennav .logo {opacity: 1;} /*.fixed header .headert-top{padding: 20px 50px 0;}*/ .head-project .logo-f{opacity: 1;} /*--- Banner -- */ .banner,.contenet-area {float: left;width: 100%;height: 100%;} .banner{background-size: cover !important;background-attachment: fixed !important;position:relative; overflow: hidden;background-repeat: no-repeat !important;} .banner.home{background: url(../images/banner-home.jpg) no-repeat center -30px #061119;/*background-attachment: fixed;*/height: 100vh;} #ef-header-angle {bottom: 0;height: auto;position: absolute;z-index: 8;} .ef-header-angle {border-left: 0 solid transparent;border-right: 0 solid transparent;border-style: solid;border-top: 90px solid transparent;border-width: 90px 0 0; display: block;} .ef-header-angle, .woocommerce #payment div.payment_box::after, .woocommerce-page #payment div.payment_box::after {border-left-color: #fff;} .banner > div {float: left;height: 100%;width: 100%;} .banner > div > div {float: left;height: 100%;width: 100%;} .banner-container {bottom: 0;left: 0;margin: auto;position: absolute;right: 0;top: 20%;width: 770px !important;overflow: hidden;} .banner-content {float: left;height: 100%;position: relative;text-align: center;width: 100%;} .ttile-content {float: left;text-align: center;width: 100%;} .ttile-content h6::before {background-color: #ffe259;bottom: 0;content: "";height: 8px;left: 0;margin: 0 auto;position: absolute;right: 0;width: 96px;} .ttile-content h6 {color: #fff;float: left;font-family: montserrat;font-size: 30px;font-weight: normal;padding-bottom: 25px;position: relative;width: 100%;margin-top: 130px;} .banner h1 {float: left;font-family: arial;line-height: 58px;margin: 50px 0;text-transform: uppercase;width: 100%;} .banner-reamore {color: #ffe259;display: inline-block;font-family: montserrat;font-size: 20px;line-height: 25px;vertical-align: middle;padding-bottom: 4px;border-bottom: 1px solid #ffe259;} .banner-reamore:hover{background-position: 125px 11px;} .cliktop {bottom: 185px;left: 0;position: absolute;right: 0;text-align: center;margin: 0 auto;width: 90px;} .cliktop img{width: 90px;} /*--- nav --- */ .navbar-parts {color: #fff;float: right;width: auto;/*transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;*/} .links {display: inline-block;float: none;margin-right: 6px;vertical-align: middle;} .links a {color: #fff;display: inline-block;font-family: muli;margin: 0 5px;font-size: 16px;} .nav-bars {float: right;width: 16px;margin-right: 2px;} .nav-ico span::before {background-color: #fff;content: "";height: 2px;position: absolute;top: -6px; width: 16px;} .nav-ico span::after {background-color: #fff;content: "";height: 2px;position: absolute;top: 6px;width: 16px;} .nav-ico span {background-color: #fff; float: right;height: 2px;position: relative;top: 13px;width: 16px;} .fixed .nav-ico span::before,.head-project .nav-ico span::before{background-color: #353d51;} .fixed .nav-ico span::after,.head-project .nav-ico span::after {background-color: #353d51;} .fixed .nav-ico span,.head-project .nav-ico span {background-color: #353d51; } .nav-bar-part .nav-ico {float: right;} .nav-bar-part .donate{color: #353d51} header.nav-header .nav-ico,header.nav-header .navbar-parts{margin-right: 0;} .opensidebarbody .nav-ico{margin-right: 450px;} .nav-bar-part .nav-ico span,.nav-bar-part .nav-ico span::after,.nav-bar-part .nav-ico span::before{background-color: #fff ;transition: all 0.8s ease-in-out 0s;width: 23px;height: 3px;} .nav-bar-part .nav-ico.active > span::before,.project-right .nav-ico.active span::before {top: 0;transform: rotate(135deg);-moz-transform: rotate(135deg);-webkit-transform: rotate(135deg);-o-transform: rotate(135deg);-ms-transform: rotate(135deg);} .nav-bar-part .nav-ico.active > span::after,.project-right .nav-ico.active span::after {top: 0;transform: rotate(-135deg);-moz-transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-o-transform: rotate(-135deg);-ms-transform: rotate(-135deg);} .nav-bar-part .nav-ico.active span,.project-right .nav-ico.active span{background-color: transparent;} .sidebar-ico span::before {background-color: #fff;content: ""; height: 2px;left: 5px;position: absolute;top: 3px;transform: rotate(-43deg);-moz-transform: rotate(-43deg);-webkit-transform: rotate(-43deg);-o-transform: rotate(-43deg);-ms-transform: rotate(-43deg);width: 12px;} .sidebar-ico span::after {background-color: #fff; bottom: 3px;content: "";height: 2px; left: 6px;position: absolute;transform: rotate(43deg);-moz-transform: rotate(43deg);-webkit-transform: rotate(43deg);-o-transform: rotate(43deg);-ms-transform: rotate(43deg);width: 12px;} .sidebar-ico span {background-color: #fff;float: right;height: 16px;left: -13px;position: relative;width: 2px;} .fixed .sidebar-ico span::before,.head-project .sidebar-ico span::before {background-color: #353d51;} .fixed .sidebar-ico span::after,.head-project .sidebar-ico span::after {background-color: #353d51;} .fixed .sidebar-ico span,.head-project .sidebar-ico span {background-color: #353d51;} .nav-ico{width: 16px;height: 25px;float: left;display: none;} .sidebar-ico{width: 16px;height: 17px;float: left;margin-top: 0;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;} .sidebar-ico.active {transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg); } header.nav-header .navbar-parts .sidebar-ico {opacity: 0;filter:alpha(opacity=0);} .sidebar-ico.active span::before { background-color: #007abc; height: 3px; left: 6px; top: 0; transform: rotate(140deg);-moz-transform: rotate(140deg);-webkit-transform: rotate(140deg);-o-transform: rotate(140deg);-ms-transform: rotate(140deg); width: 20px; } .sidebar-ico.active span::after { background-color: #007abc; height: 3px; left: 6px; top: 0; width: 20px; } .sidebar-ico.active span {background-color: transparent;margin-right: 15px;margin-top: 15px;} .nav-bar-part {background-color: #252d36;bottom: 0;color: #fefefe;float: right;left: 0;overflow: hidden;pointer-events: none;position: fixed;right: 0;top: 0; transition: all 0.8s ease 0s;-moz-transition: all 0.8s ease 0s;-webkit-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;/*transition: all 0.8s ease 0.5s;*/width:100%;height: 0;} .nav-bar-part.opennav {left: 0;opacity: 1;filter:alpha(opacity=100);pointer-events: auto;width: 100%;overflow-y:auto;height: 101%;} .all-nav-area {float: left;height: 100%;padding: 50px;position: relative;width: 100%;} .nav-logo {float: left;margin-bottom: 50px;width: 100%;} .main-navigation {float: left;height: calc(100% - 90px);width: 100%;/*overflow-y:auto;*/} .nav-left {float: left;height: 100%;width: 30%; padding-left: 70px;position: relative;} .nav-right {float: right;height: 100%;width: 650px;margin-right: 300px;} .fetures-img {float: left;margin-bottom: 40px;width: 100%;} .fetures-img img{float: left;width: auto;;max-width: 100%;} .my-testimonials {float: left;width: 100%;} .author {float: left;font-size: 22px;font-weight: 600;margin-bottom: 40px;width: 100%;} .author-dp {border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-o-border-radius: 50%;display: inline-block;height: 42px;margin-right: 15px;overflow: hidden;vertical-align: middle;width: 42px;} .my-testimonials .benifits-content {margin-bottom: 70px;padding-bottom: 70px;background: url(../images/testimonial-bottom.svg) no-repeat bottom left;} .my-testimonials .benifits-content p:last-child{margin-bottom: 0;} .nav-back {left: 0;position: absolute;top: 25px;} nav {float: left;margin-bottom: 90px;width: 100%;} nav ul {float: left;width: 100%;} nav ul li {float: left;margin-bottom: 25px;width: 100%;} nav ul li a::before {border-bottom: 6px solid transparent;bottom: -7px;content: "";height: 10px;left: 0;position: absolute;transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-webkit-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;width: 0;} nav ul li a {float: left;font-size: 56px;font-weight: bold;position: relative;width: auto;} nav ul li a:hover::before {width: 100%;border-color: #a976de;} nav ul li.active a::before{width: 100%;border-color: #a976de;} nav ul li.Schools.active a::before{width: 100%;} nav ul li.Schools a::before,nav ul li.Schools.active a::before,nav ul li.Schools:hover a::before {border-color: #05ffff;} nav ul li.Volunteers.active a::before{width: 100%;border-bottom:6px solid #7be47d !important;} nav ul li.Volunteers:hover a::before{width: 100%;border-bottom:6px solid #7be47d !important;} .nav-left .share{margin-top: 110px;} .share {float: left;/* margin-top: 110px;*/width: 100%;position: relative;} .share-icons {background:url("../images/share-icons.svg") no-repeat scroll center center;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-o-border-radius: 50%;bottom: -15px;height: 60px;left: -70px;position: absolute;width: 60px;} .share.open-social .share-icons{background-color: #f3f3f3;} .share.active .socils-parts {overflow: visible;width: 270px;} .share .socils-parts {float: left;width: auto;position: relative;margin-left: 10px;} .share .socils-parts ul::before {display: none;} .share .socils-parts ul {padding: 0;} .share.open-social .socils-parts li {margin: 0 13px;opacity: 1;pointer-events: auto;position: static;} .share .socils-parts li {left: 0;margin: 0 -15px;opacity: 0;pointer-events: none;transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;-} .tab-content {color: #000;float: left;height: 100%;width: 100%;} .tab-pane {float: left;height: 100%;width: 100%;background-color: #fff;} .sub-tabs-panels {float: left;height: 100%;width: 100%;} .sub-tabs-panels .alltabs {float: left;width: 100%;margin-bottom: 40px;} .sub-tabs-panels .alltabs li {float: left;margin-right: 65px;width: auto;} .sub-tabs-panels .alltabs li:last-child {margin-right: 0;} .sub-tabs-panels li a {border-bottom: 6px solid transparent;color: #2e364b;float: left;font-family: montserrat;font-size: 24px;font-weight: bold;letter-spacing: 1px;padding-bottom: 15px;text-transform: uppercase;width: auto;} .sub-tabs-panels .sub-tab {float: left;height: auto;padding-top: 40px;width: 100%;} .scroll-hide {float: left;height: 100%;overflow: hidden;width: 100%;} .sub-tabs-panels .sub-tab {float: left;max-height: calc(100% - 40px);overflow-y: auto;padding-right: 30px;padding-top: 40px;width: 700px;} .sub-tab-pane {float: left;width: 100%;background-color: #fff;} .all-tabs-content {float: left;width: 100%;} .all-tabs-content p {color: #2e364b;font-family: muli;font-size: 22px;font-weight: 400;line-height: 30px;margin-bottom: 70px;} .benifits-content {float: left;width: 100%;} .benifits-content h3 {color: #2e364b;float: left; font-family: montserrat;font-size: 36px; font-weight: normal;margin-bottom: 30px;width: 100%;} .tab-pane.active li.active a{border-color:#a976de;} .tab-pane.Schools li.active a{border-color: #05ffff;} .tab-pane.Volunteers li.active a{border-color:#7be47d;} body.hidescroll{overflow: hidden;} .banner-bottom {float: left;padding: 100px 0;width: 100%;} .watermark-portions {float: left;position: relative;text-align: center;width: 100%;} h3.water-mark-text {color: #dcecf5;float: left;font-family: "Libre Baskerville",serif;font-size: 172px;font-style: italic;font-weight: normal;text-align: center;width: 100%;} .watre-mark-overlay {background-color: rgba(255, 255, 255, 0.2);bottom: 0;left: 0;padding: 99px 0;position: absolute;right: 0;top: 0;} .grod-options {float: left;margin: 85px 0;text-align: center;width: 100%;} .all-project {float: left;width: 100%;overflow: hidden;} .grid-options a {display: inline-block;margin: 0 10px;vertical-align: middle;} .grid-options a img {display: inline-block;vertical-align: middle;} .grid-options {float: left;padding: 75px 0;position: relative;text-align: center;width: 100%;z-index: 1; } .thumb-grid {float: left;width: 100%;} .masonry-brick {display: none;float: left;margin: 15px;width: 360px;background-position: center;background-attachment: fixed;} .masonry-brick.loaded {display: block;} .mythumb {float: left;position: relative;overflow: hidden;width: 100%;} .mythumb > img {max-width: 100%;float: left;transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-webkit-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;-ms-transition: all 0.6s ease 0s;} .masonry-brick:hover .mythumb > img {transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);} .masonry-brick:hover .thumb-content {background-color: #fff;pointer-events:auto;} .masonry-brick:hover .thumb-content h3,.masonry-brick:hover .thumb-content h3 a{color: #2d364b;} .masonry-brick:hover .thumb-content p{opacity: 1;} .masonry-brick:hover .thumb-content .normale-bottom{display: none;} .masonry-brick:hover .thumb-content .hover-bottom{display: block;} .thumb-content {background-color: transparent;/*border: 20px solid transparent;*/bottom: 0;left: 0;padding: 20px;position: absolute;right: 0;margin: 20px;top: 0;transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-webkit-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;} .normale-content {float: left;height: 100%;position: relative;width: 100%;} .normale-content h3{color: #fff;float: left;font-family: montserrat;font-size: 20px;font-weight: 600;line-height: 27px;margin-bottom: 30px;width: 100%;} .normale-content h3 a{color: #fff;font-size: 20px;} .normale-content p {color: #2d364b;float: left;line-height: 25px;opacity: 0;filter:alpha(opacity=0);width: 100%;transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-webkit-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;} .normale-bottom {bottom: 0;left: 0;;position: absolute;right: 0;} .normale-bottom .location {color: #fff;float: left;font-family: montserrat;font-size: 16px;font-weight: 500;text-align: center;vertical-align: middle;width: auto;} .normale-bottom .location img, .like img {display: inline-block;margin-right: 10px;vertical-align: middle;} .like {color: #fff;float: right;font-family: montserrat;font-size: 16px;font-weight: 600; position: relative;} .like.like-fill img:last-child{ display: none; } .like.dislike img:first-child{ display: none; } .dislike-stroke{position: static; margin-right: 14px !important;} /*.like > input[type="checkbox"] {height: 1px;left: 0; opacity: 0; position: absolute; top: 0; width: 1px;} .like img{ display: none; } .like > input[type="checkbox"] + label + img + img{ display: block; } */ .like input[type="checkbox"] { appearance: none; -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; -ms-appearance: none;height: 15px; left: 0; margin: 0;opacity: 0;position: absolute; top: 0; width: 15px;} .like label {background: rgba(0, 0, 0, 0) url("../images/like-dislike.svg") no-repeat scroll left top;color: #acacac;float: none;font-size: 12px;height: 16px;line-height: 18px;margin-right: 0;margin-top: 0;text-transform: capitalize;width: 20px;background-size: 20px auto;display: inline-block;} .like > input:checked + label {background-position: left -18px;} .hover-bottom {border-top: 1px solid #dadfed;bottom: 0;display: none;left: 0;padding-top: 15px;position: absolute;right: 0;} .user-dp {border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-o-border-radius: 50%;float: left;height: 43px;line-height: 37px;overflow: hidden;width: 43px;} .user-dp img {width: 100%;} .other-options {margin-left: 50px;} .other-options span {display: inline-block;text-align: center;vertical-align: middle;width: 52px;} .other-options span img {display: inline-block;transform: scale(1) !important;-moz-transform: scale(1) !important;-webkit-transform: scale(1) !important;-o-transform: scale(1) !important;-ms-transform: scale(1) !important;} .other-options span strong ,.share-social a strong{color: #2d2e30;float: left;font-family: montserrat;font-size: 14px;font-weight: 300;line-height: 20px;margin-top: 5px;text-align: center;text-transform: uppercase;width: 100%;} /*------ Footer ------- */ .footer-part,footer {float: left;width: 100%;} .footer-container,.project-details-container{width: 1531px;margin: 0 auto;} footer{padding:0 0 65px;} .footer-container,.project-details-container {margin: 0 auto;width: 1531px;max-width: 96%;} .socils-parts {float: left;text-align: center;width: 100%;} .socils-parts ul::before {background-color: #ffe259;content: "";height: 8px;left: 0;margin: 0 auto;position: absolute;right: 0;top: 0;width: 42px;} .socils-parts ul {display: inline-block;float: none;padding-top: 45px;position: relative;} .socils-parts li {display: inline-block;float: none;margin: 0 20px;} .socils-parts li a {color: #2d364b;font-size: 25px;position: relative;} .footer-links {float: left;margin-top: 50px;width: 100%;} .footer-left-links {float: left;width: auto;} .footer-left-links > ul {float: left;width: auto;} .footer-left-links > ul li {float: left;margin-right: 25px;width: auto;} .footer-left-links > ul li a{float: left;} .footer-right {float: right;position: relative;width: auto;} .talk-less {color: #2d364b;font-family: pt sans;font-size: 18px;letter-spacing: 0.5px;text-transform: uppercase;} .scroll-up{position: fixed;bottom: 75px;right: 50px;width: 50px;height: 50px;background: url(../images/up-arrow.svg) no-repeat center #ef7810;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-o-border-radius: 50%;box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);-moz-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);-webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);-o-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);z-index: 1;} /*--- Brain storm css -- */ /*.brain-storm {background-color: #252d36;bottom: 40px;height: 250px;overflow: hidden;position: fixed;right: 25px;width: 490px;} */.relatiev {float: right;position: relative;top: 0;width: 160px;} /*-- Animation of storm -- */ #ripple, #ripple2, #ripple3, #ripple4 {width: 200px;height: 200px;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-o-border-radius: 50%;border: 2px solid #3a4450; /* box-shadow: 0 0 20px #3a4450;*/position: absolute;bottom: 100px;margin-bottom: -1001px;right: 100px;margin-right: -1001px;animation: shrink 10s linear infinite;} #ripple2 {animation-delay: 1s;-webkit-animation-delay: 1s;-o-animation-delay: 1s;-moz-animation-delay: 1s;} #ripple3 {animation-delay: 2s;-webkit-animation-delay: 2s;-o-animation-delay: 2s;-moz-animation-delay: 2s;} #ripple4 {animation-delay: 3s;} @-webkit-keyframes shrink {0% {margin-bottom: 0;margin-right: 0;width: 0;height: 0;opacity: 0;}10% { opacity: 0.5;}60% { opacity: 0;} 100% {width: 2000px;height: 2000px;opacity: 0;}} @-o-keyframes shrink {0% {margin-bottom: 0;margin-right: 0;width: 0;height: 0;opacity: 0;}10% { opacity: 0.5;}60% { opacity: 0;} 100% {width: 2000px;height: 2000px;opacity: 0;}} @-ms-keyframes shrink {0% {margin-bottom: 0;margin-right: 0;width: 0;height: 0;opacity: 0;}10% { opacity: 0.5;}60% { opacity: 0;} 100% {width: 2000px;height: 2000px;opacity: 0;}} @-moz-keyframes shrink {0% {margin-bottom: 0;margin-right: 0;width: 0;height: 0;opacity: 0;}10% { opacity: 0.5;}60% { opacity: 0;} 100% {width: 2000px;height: 2000px;opacity: 0;}} .brain-storm {background-color: #252d36;bottom: 0;float: right;height: 230px;margin-right:0;margin-top: -95px;overflow: hidden; padding: 25px;position: fixed;right: 0;width: 490px;transition: all 0.4s ease 0s;-moz-width: 490px;transition: all 0.4s ease 0s;-webkit-width: 490px;transition: all 0.4s ease 0s;-o-width: 490px;transition: all 0.4s ease 0s;z-index:1;} .brain-text-left {float: left;width: 260px;} .brain-text-left > h3 {color: #fff; float: left;font-family: montserrat;font-size: 32px;font-weight: 600;line-height: 42px;width: 100%;} .brain-text-left > h3 {color: #fff;float: left;font-family: montserrat;font-size: 32px;font-weight: 600;line-height: 42px;width: 100%;margin-top: 30px;} .brain-text-left .banner-reamore {font-size: 22px; font-weight: 600; margin-top: 5px;min-width: 120px;position: relative;z-index: 1;padding-right: 30px;background: url(../images/radmore.svg) no-repeat;padding-bottom: 0;border-bottom: 0;background-position: right 11px;} .mini-mize {left: 13px;position: absolute;top: 13px;z-index: 1;} /*---- - All Buttons ---- */ .btn-new-project {border: 2px solid #e2b393;color: #f7a167;display: inline-block;font-family: montserrat;font-size: 36px;font-weight: 600;letter-spacing: 1px;line-height: 48px;padding: 12px 25px;transition: all 0.4s ease 0s;} .btn-new-project:hover{border-color:#f7a167b;background-color: #f7a167;color: #fff;border-color: #f7a167;} .btn-new-project:hover i{color: #fff;} .btn-new-project i {font-weight: bold;margin-left: 13px;} .rippale {background-color: #fff;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-o-border-radius: 50%;bottom: 0;height: 0;left: 0;margin: auto;position: fixed;right: 0;top: 0;transition: all 0.8s ease 0s;-moz-transition: all 0.8s ease 0s;-webkit-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;width: 0;z-index: -1;opacity: 0;filter:alpha(opacity=0);} .hidescroll .rippale {height: 50px;opacity: 1;filter:alpha(opacity=100);transform: scale(100);-moz-transform: scale(100);-webkit-transform: scale(100);-o-transform: scale(100);-ms-transform: scale(100);width: 50px;z-index: 1;} /*.nav-header .rippale {height: 50px;opacity: 1;filter:alpha(opacity=100);transform: scale(100);-moz-transform: scale(100);-webkit-transform: scale(100);-o-transform: scale(100);-ms-transform: scale(100);width: 50px;} */ /*---- Right Sidebar --- */ .right-bar {background-color: #fff;border-left: 1px solid #c9cfde;bottom: 0;position: fixed;/*right: 0;*/right:-450px;top: 0;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;width: 441px;z-index: 10;} .right-bar.opensidebar{right: 0;} .normale-search {float: left;height: 100%;width: 100%;} .normale-search h4,.adnace-wrapper h4 {color: #2d364b;float: left;font-family: montserrat;font-size: 22px;font-weight: normal;padding:20px 40px 25px 30px;width: 100%;} .normale-search form {float: left;width: 100%;} .project-search {background-color: #f7f9fe;border-bottom: 1px solid #dadfed;border-top: 1px solid #dadfed;color: #848ea6;float: left;padding:20px 30px;width: 100%;} .project-search i {display: inline-block;float: none;font-size: 14px;line-height: 20px;margin-right: 20px;vertical-align: middle;width: auto;} .project-search > input {background-color: transparent;border: medium none transparent;color: #848ea6;display: inline-block;float: none;font-family: montserrat;font-size: 14px;font-weight: 300;line-height: 20px;vertical-align: middle;width: 320px;} .category-list {float: left;padding: 0;width: 100%;} .category-tile {background-color: #fff;float: left;padding: 20px 30px;width: 100%;} .category-tile h5 {color: #2d364b;display: inline-block;float: left;font-family: montserrat;font-size: 18px;font-weight: 500;width: auto;} .category-tile > a {color: #a2abc0;display: inline-block;font-weight: normal;margin-left: 22px;text-transform: capitalize;vertical-align: middle;} .all-category {float: left;height: auto;margin: 10px 0 20px;max-height: 330px;overflow-y: auto;padding: 0 30px;width: 100%;} .all-category label {float: left;margin-bottom: 10px;margin-right: 10px;position: relative;text-transform: capitalize;vertical-align: middle;} .all-category label input {left: 0;opacity: 0;filter:alpha(opacity=0);position: absolute;top: 0;} /*.all-category label span:hover {border-color: #38b6b8;} */.all-category label span {border: 1px solid #c9cfde;color: #000;cursor: pointer;float: left;font-family: pt sans;font-size: 14px;padding: 5px;text-transform: capitalize;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;width: auto;box-shadow:0 0 0 1px transparent;-moz-box-shadow:0 0 0 1px transparent;-webkit-box-shadow:0 0 0 1px transparent;-o-box-shadow:0 0 0 1px transparent;-ms-box-shadow:0 0 0 1px transparent;font-weight: 600;} .all-category label input:checked + span,.all-category label span:hover {border-color: #38b6b8;box-shadow: 0 0 0 1px #38b6b8;-moz-box-shadow: 0 0 0 1px #38b6b8;-webkit-box-shadow: 0 0 0 1px #38b6b8;-o-box-shadow: 0 0 0 1px #38b6b8;-ms-box-shadow: 0 0 0 1px #38b6b8;} .others-list {float: left;font-family: montserrat;width: 100%;} .others-list > ul {float: left;width: 100%;} .others-list > ul li {border-top: 1px solid #dadfed;float: left;padding: 25px 30px;width: 100%;} .others-list > ul li:last-child {border-bottom: 1px solid #dadfed;text-align: center;} .others-list label {color: #2d364b;float: left;font-family: montserrat;font-weight: 400;width: auto;} .others-list li select,.others-list > ul li .select2-container,.resultperpage select{-moz-appearance: none; -webkit-appearance: none; -0-appearance: none; -ms-appearance: none;border: medium none;float: right;font-family: montserrat;padding-right: 15px;width: auto;background: url(../images/normale-selct.svg) no-repeat right center;padding-right: 30px;line-height: 22px;} .button-row button,.button-row button {background-color: transparent;border: 1px solid #000;cursor: pointer;display: inline-block;font-family: montserrat; font-weight: 700;margin: 0 10px; min-width: 175px;padding: 16px 15px;text-align: center;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;vertical-align: middle;} .button-row button.btn-advanced {background-color: #feeee0;border-color: #f0780e;color: #f0780e;margin-left: 0;} .button-row button {min-width: 170px;} .button-row .btn-advanced.reset {background-color: #edf0f7;border-color: #a8b1c7;color: #2d364b;} .button-row .btn-advanced.reset:hover{background-color: #a8b1c7;} .button-row button.btn-Search, .button-row button.btn-Search {background-color: #e8f6fd;border-color: #007abc;color: #007abc;margin-right: 0;} .button-row button.btn-Search:hover,.button-row button.btn-Search:hover {background-color: #007abc;color: #fff;} .button-row button.btn-advanced:hover {background-color: #f0780e;color: #fff;} a.checkedall,a.uncheckedall{color: #007abc;} .field {position: relative;margin-bottom: 1em;padding-bottom: 1em;} .field > label {position: absolute;top: -14px;color: #428bca;font-size: 0.8em;} .field > input,.field tags-input .tags .input {border: 0;padding: 0.5em 0!important;box-shadow: none !important;border-radius: 0;border-bottom: 2px solid #555555;max-width: 100%;margin-top: 15px;width: 100% !important; font-family: montserrat; font-size: 14px;} .short-input {max-width: 400px;display: block;} /*-- Advanced Search -- */ .right-sidebar {float: left;height: 100%;width: 100%;} .right-sidebar form {float: left;height: 100%;width: 100%;} .advance-search {float: left;height: 100%;width: 100%;} .normale-wrapper {float: left;max-height: calc(100% - 120px);/*min-height: 810px;*/overflow-y: auto;width: 100%;position: relative;} .advance-search {float: left;width: 100%;} .adnace-wrapper {float: left;/*min-height: 836px;*/overflow-y:auto;width: 100%;max-height: calc(100% - 120px);} .adnace-wrapper > h4 .back {display: inline-block; margin-right: 20px;vertical-align: middle;} .main-advace-serach {float: left;padding: 0 30px 30px;width: 100%;} .main-advace-serach > ul {float: left;width: 100%;} .main-advace-serach li {float: left;width: 100%;} .field {margin-bottom: 40px;padding-bottom: 0;position: relative;} .field > label.ng-hide.show-hide { opacity: 0;filter:alpha(opacity=0); pointer-events: none;top: 24px;} .field > label.show-hide {display: block !important;opacity: 1;pointer-events: auto;top: 0;filter:alpha(opacity=100);} .field > label {color: #007abc; display: block !important;font-family: montserrat;font-size: 11px;left: 0;position: absolute;top: 0;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;width: auto;} .field > input {border: none;border-bottom: 1px solid #656c7b;border-style: none none solid;border-width: 0 0 2px;box-shadow: none !important;-moz-box-shadow: none !important;-webkit-box-shadow: none !important;-o-box-shadow: none !important;color: #2d364b;font-family: montserrat;font-size: 14px;max-width: 100%;padding-bottom: 10px !important;padding-left: 0 !important;padding-right: 0 !important;padding-top: 25px;width: 100%;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;-o-border-radius: 0;} .coulmn {width: 46%;} .main-advace-serach li select,.date-input,.md-icon-float input{border: none;background: url(../images/select-arrow.svg) no-repeat right 35px !important;border-bottom: 1px solid #b5bccd;color: #2d364b;color: #a2abc0;font-family: montserrat;font-size: 14px;line-height: 16px;padding: 25px 0 10px;padding-right: 15px;width: 100%;-moz-appearance: none;-webkit-appearance: none;-o-appearance: none;} .main-advace-serach li select option:first-child {color: #a2abc0;} .main-advace-serach li select.ng-not-empty{color: #2d364b;} md-input-container.md-icon-float.md-input-focused label, md-input-container.md-icon-float.md-input-has-value label{color: #007abc;font-family: montserrat; font-size: 14px;position: absolute;width: auto;} /*--- Checkbox --- */ .checkbox {float: left;width: 100%;} .check-row {display: inline-block;position: relative;vertical-align: middle;margin-right: 40px;} .check-row > input {float: none;height: 19px;margin-right: 15px;vertical-align: middle;width: 19px;opacity: 0;filter:alpha(opacity=0);position: relative;z-index: 1;} .check-row > span {display: inline-block;left: 0;position: relative;right: 0;vertical-align: middle;width: auto;} .check-row label {color: #2d364b;float: left;font-family: montserrat;font-size: 14px;position: relative;width: auto;} .check-row > span::before {background: url('../images/un-checked-check.svg') no-repeat left top;content: "";height: 19px;left: -34px;position: absolute;top: 0;width: 25px;} .check-row input:checked + span::before{background-position: left bottom; } .button-row {background-color: #fff;border-bottom: 1px solid #dadfed;border-top: 1px solid #dadfed;bottom: 0;float: left;padding: 30px;width: 100%;} /* --- Data Tool tip --- */ [data-tool-tip]:hover::after,[data-tool-tip]:hover::before {opacity: 1;visibility: visible;pointer-events: auto;} [data-tool-tip]::after {background: #e8f6fd none repeat scroll 0 0;border: 1px solid #b5d9eb;color: #2d364b;content: attr(data-tool-tip);font-family: pt sans;font-size: 16px;font-weight: normal;left: -24px;line-height: 18px;opacity: 0;padding: 6px 12px;pointer-events: none;position: absolute;text-align: center;top: -37px;transition: all 0.4s ease 0s;visibility: hidden;white-space: nowrap;box-shadow: 1px 10px 18px rgba(0, 0, 0, 0.2);-moz-box-shadow: 1px 10px 18px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 1px 10px 18px rgba(0, 0, 0, 0.2);-o-box-shadow: 1px 10px 18px rgba(0, 0, 0, 0.2);-ms-box-shadow: 1px 10px 18px rgba(0, 0, 0, 0.2); /*z-index: -1;*/} [data-tool-tip]::before {background: rgba(0, 0, 0, 0) url("../images/tooltip-arrows.png") no-repeat scroll 0 0;content: "";box-shadow: 1px 10px 18px rgba(0, 0, 0, 0.2);height: 6px;left: 4px;opacity: 0;pointer-events: none;position: absolute;right: 0;top: -6px;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;visibility: hidden;width: 16px;z-index: 4;} .socils-parts li a.fb[data-tool-tip]::before {left: 4px;} .socils-parts li a.fb[data-tool-tip]::after {left: -33px;} .socils-parts li a.twt[data-tool-tip]::before {left: 4px;} .socils-parts li a.twt[data-tool-tip]::after {left: -25px;} .socils-parts li a.gplus[data-tool-tip]::after {left: -29px;} .socils-parts li a.gplus[data-tool-tip]::before {left: 5px;} .socils-parts li a.email[data-tool-tip]::after {left: -22px;} .main-advace-serach label[data-tool-tip]::after {font-family: montserrat;font-size: 13px;left: -32px;line-height: 20px;padding: 10px 20px;top: 30px;white-space: normal;width: 135px;word-break: break-all;word-wrap: break-word;} .main-advace-serach label[data-tool-tip]::before{left: 50%;top: 25px;transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);} /* --- flag CSS --- */ .others-list > ul li .select2-container {float: right;margin: 0;position: relative;vertical-align: middle;width: auto;} .others-list > ul li .select2-choice.ui-select-match {background-color: transparent;background-image: none;box-shadow: none;border: medium none;padding: 0;text-align: right;height: 29px;line-height:normal;} .others-list > ul li .select2-container .select2-choice > .select2-chosen {display: block;margin-right: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .others-list > ul li .select2-dropdown-open .select2-choice .select2-arrow {background: transparent none repeat scroll 0 0;border-left: medium none;filter: none;} .others-list > ul li .select2-drop {background-color: #fff;border: 1px solid #ccc;float: left;text-align: left;width: 45px;box-shadow: none;margin: 0;} .others-list > ul li .select2-search {display: none;margin: 0;min-height: 26px;padding-left: 4px;padding-right: 4px;position: relative;white-space: nowrap;width: 100%;z-index: 10000;} .others-list > ul li .select2-results {float: left;margin: 0;max-height: 200px;overflow-y: auto;position: relative;width: 100%;padding-left: 0;} .others-list > ul li .select2-results .ui-select-choices-group {padding: 0;} .others-list > ul li .select2-results li {background-image: none;display: list-item;list-style: outside none none;border:none;} .others-list > ul li .select2-results .ui-select-choices-group li {padding: 0;} .others-list > ul li .ui-select-container input {display: none;} .others-list > ul li .select2-container .select2-choice .select2-arrow{display: none;} .others-list > ul li .select2-results .select2-result-label{padding: 0;} .country-flg > label {margin-top: 6px;} .normale-search .button-row {border-top: 0 none;} /*--- Custom Scroll --- */ .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp{display: none !important;} .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: rgba(0, 122, 188, 1) !important;height: 10px;left: 2px;width: 10px !important;} .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {background-color: #dde1eb;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;-o-border-radius: 0;} .mCSB_scrollTools a + .mCSB_draggerContainer{margin: 0 !important;} .mCSB_container_wrapper > .mCSB_container {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;padding-bottom: 30px;padding-left: 2px;padding-right: 30px;} .mCSB_container {height: auto;overflow: hidden;padding: 10px 0;width: auto;} .responsive.brain-storm{display: none;} .nav-heading{display: none;} .normale-wrapper .sidebar-ico {height: 30px;position: absolute;right: 30px;top: 30px;transform: rotate(0deg);-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);width: 30px;} .scull-mini.open {bottom: -37px;pointer-events: auto;right: -18px;z-index: 1;} .scull-mini {background-color: #252d36;/*border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-o-border-radius: 50%;*/bottom: -85px;height: 85px;opacity: 1;filter:alpha(opacity=100);padding: 22px 20px;pointer-events: none;position: fixed;right: -85px;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;width: 85px;} .scull-mini .mini-mize img {width: auto;} .scull-mini .mini-mize {left: 23px;top: 16px; transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);} .brain-storm.close {margin-right: -500px;} .carousel-inner {position: absolute;z-index: 2;} .banner ul{min-height:450px;overflow: visible;} /*--- Animation for banner Arrow -- */ .btn-scrolll-top {animation-duration: 2s;animation-iteration-count: infinite;animation-name: arrows;-webkit-animation-duration: 2s;-webkit-animation-iteration-count: infinite;-webkit-animation-name: arrows;-o-animation-duration: 2s;-o-animation-iteration-count: infinite;-o-animation-name: arrows;background: rgba(0, 0, 0, 0) url("../images/dowan_arrow.svg") no-repeat scroll center 17px;border: 2px solid transparent;display: inline-block;height: 34px;width: 20px;margin-top: -15px;} @keyframes arrows {0% {background-position: center 10px;} 50% {background-position: center 20px;} 100% {background-position: center 10px;}} @-moz-keyframes arrows {0% {background-position: center 10px;} 50% {background-position: center 20px;} 100% {background-position: center 10px;}} @-webkit-keyframes arrows {0% {background-position: center 10px;} 50% {background-position: center 20px;} 100% {background-position: center 10px;}} @-o-keyframes arrows {0% {background-position: center 10px;} 50% {background-position: center 20px;}100% {background-position: center 10px;}} .fixed .donate{color: #000;} /*---- Calender -- */ md-toolbar.md-default-theme.md-hue-1:not(.md-menu-toolbar), md-toolbar.md-hue-1:not(.md-menu-toolbar) {background-color: #007db5;color: #fff;} md-backdrop.md-opaque.md-default-theme, md-backdrop.md-opaque {background-color: #000;} a.md-button.md-default-theme.md-accent.md-raised, a.md-button.md-accent.md-raised, a.md-button.md-default-theme.md-accent.md-fab, a.md-button.md-accent.md-fab, .md-button.md-default-theme.md-accent.md-raised, .md-button.md-accent.md-raised, .md-button.md-default-theme.md-accent.md-fab, .md-button.md-accent.md-fab {background-color: #007db5;color:#fff;} a.md-button.md-default-theme:hover:not([disabled]), a.md-button:hover:not([disabled]), .md-button.md-default-theme:hover:not([disabled]), .md-button:hover:not([disabled]) {background-color: #fff;color: #007db5;} md-backdrop.md-opaque{opacity: 0.33;} a.md-button.md-default-theme.md-accent.md-raised:hover:not([disabled]), a.md-button.md-accent.md-raised:hover:not([disabled]), a.md-button.md-default-theme.md-accent.md-fab:hover:not([disabled]), a.md-button.md-accent.md-fab:hover:not([disabled]), .md-button.md-default-theme.md-accent.md-raised:hover:not([disabled]), .md-button.md-accent.md-raised:hover:not([disabled]), .md-button.md-default-theme.md-accent.md-fab:hover:not([disabled]), .md-button.md-accent.md-fab:hover:not([disabled]) {background-color: #007db5;color: #fff;} mdp-date-picker .md-button.md-icon-button{display: none;} .field .layout-padding,.field .layout-padding div{padding: 0 !important;width: 100%;} .filed md-content{overflow: visible;} .field md-input-container{margin: 0;padding: 0;width: 100%;} .field md-input-container label:not(.md-container-ignore){bottom: 70px;} .field md-input-container label{color: #a2abc0;font-size: 14px;font-family: montserrat; } .field md-input-container .md-input{height: 56px;padding: 12px 2px 1px;} md-dialog.md-default-theme, md-dialog{border-radius: 0;} /*--- Taging input --- */ .tag-list {bottom: 0;height: 75px;overflow-y: auto;position: absolute;top: 45px;left: 0;right: 0;} .field tags-input {border: medium none; display: block;left: 0;position: absolute;right: 0;top: 20px;display: none;} .field tags-input .tags {-moz-appearance: textfield;background-color: #fff;border: medium none;box-shadow: none !important;-webkit-box-shadow: none !important;-o-box-shadow: none !important;-ms-box-shadow: none !important;cursor: text;height: 100%;min-height: 100px;overflow: visible;padding: 1px;position: relative;word-wrap: break-word;} .field tags-input .tags .tag-item {background: transparent none repeat scroll 0 0;border: medium none;color: #2d364b;font-family: montserrat;font-size: 14px;height: auto;line-height: 20px;margin: 0 10px 5px 0;padding: 0;width: auto;max-width: 100%;} .field tags-input .tags .tag-item .remove-button {background: transparent none repeat scroll 0 0;border: medium none;color: #888888;cursor: pointer;display: inline-block;font-size: 18px;margin: -4px 0 0 4px;padding: 0;vertical-align: middle;} .field tags-input .host {height: 100%;margin-bottom: 0;margin-top: 0;min-height: 100px;overflow: visible;position: relative;} .field tags-input .input {height: auto !important;line-height: 18px !important;margin: 0 !important;} .skills input::-moz-placeholder {opacity: 1;color: #2d364b;filter:alpha(opacity=100);} .skills input::-ms-placeholder {opacity: 1;color: #2d364b;filter:alpha(opacity=100);} .skills input::-0-placeholder {opacity: 1;color: #2d364b;filter:alpha(opacity=100);} .skills input::-webkit-input-placeholder{opacity: 1;color: #2d364b;filter:alpha(opacity=100);} label.responsive{display: none;} .location > img {width: 22px;} .normale-bottom .location img{width: 15px;} /*------ Volunteers page ------- */ .flower-projects.banner-bottom{padding:25px 0 0;} .flower-projects {float: left;width: 100%;} .f-project-serach {float: left;width: 100%;} a.backtopro {float: left;font-family: pt sans;font-size: 16px;font-weight: bold;opacity: 0.56;width: auto;} .flowerp-serach {float: left;margin-bottom: 90px;margin-top: 90px;width: 100%;} .fl_left {float: left;} .flowerp-left {max-width: 48%;width: auto;} .fl_right {float: right;} .flowerp-right {max-width: 48%;width: auto;} .flowerp-left > h3 {float: left;margin-bottom: 15px;width: 100%;} .flowerp-left span {color: #2e364b;float: left;font-family: pt sans;font-size: 18px;font-weight: 900;width: 100%;} .floproject-search {float: left;margin-right: 35px;width: 265px;} .field.search {margin-bottom: 0;} .field.search > input {border-color: #dadde6;padding-right: 20px !important;} .field.search .fa.fa-search {color: #dadde6;font-size: 14px;position: absolute;right: 0;top: 25px;} .pages-results {display: inline-block;float: none;margin-top: 20px;vertical-align: middle;width: auto;} .numofpages {border-right: 2px solid #848ea6;color: #848ea6;display: inline-block;font-family: pt sans;font-size: 18px;font-weight: 900;line-height: 18px;margin-right: 20px;padding-right: 20px;vertical-align: middle;} .resultperpage {display: inline-block;vertical-align: middle;} .resultperpage > select {margin-left: 10px;min-width: 40px;padding-right: 15px;} .flower-project-list {float: left;width: 100%;} .flower-project-list > ul {float: left;width: 100%;} .flower-project-list li {float: left;margin-bottom: 80px;margin-right: 160px;width: 360px;} .pro-thumb {border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-o-border-radius: 50%;height: 80px;margin-top: 10px;overflow: hidden;width: 80px;} .pro-thumb img {float: left;height: 100%;max-width: 100%;width: auto;} .pro-fl-detils {margin-left: 115px;} .pro-fl-detils h2,.pro-fl-detils h2 a {float: left;line-height: 24px;margin-bottom: 10px;text-transform: capitalize;width: 100%;} .pro-designation {float: left;font-family: pt sans;font-size: 18px;font-weight: bold;margin-bottom: 10px;width: 100%;} .pro-technology {float: left;font-family: pt sans;font-size: 18px;width: 100%;} .flower-project-list li:nth-child(3n) {margin-right: 0;} .backtopro > img {margin-right: 20px;} .pro-fl-detils h2 a{margin-bottom: 0 !important;} /*---- pagination --- */ .pagination {float: left;margin-bottom: 100px;margin-top: 20px;text-align: center;width: 100%;} .pagination > ul {float: left;width: 100%;} .pagination > ul li {display: inline-block;margin: 0;} .pagination ul li:first-child a {border-right: 2px solid #848ea6;margin-right: 20px;padding-bottom: 0;padding-right: 20px;border-bottom: 0;padding-top: 0;border-bottom-color: transparent !important;} .pagination li.disabale a {color: #848ea6;cursor: no-drop;} .pagination li a {border-bottom: 3px solid transparent;display: inline-block;font-size: 18px;line-height: 15px;margin-right: 20px;padding: 7px 5px;vertical-align: middle;width: auto;} .pagination li.current a , .pagination li a:hover{border-color: #007abc;} .pagination ul li:last-child a {border-left: 2px solid #848ea6;border-bottom: 0;margin-left: 0;margin-right: 0;padding-bottom: 0;padding-left: 20px;padding-top: 0;border-bottom-color: transparent !important;} /*--- project Details page --- */ .project-top {float: left;margin-bottom: 90px;width: 100%;} .joined-sers {color: #464c5d;float: right;font-family: pt sans;font-size: 16px;vertical-align: middle;width: auto;} .joined-sers > img {border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-o-border-radius: 50%;display: inline-block;height: 29px;margin-right: 10px;vertical-align: middle;width: 29px;} .joined-sers > strong {display: inline-block;font-family: montserrat;font-size: 16px;font-weight: bold;vertical-align: middle;} .joined-sers > a {color: #007abc;display: inline-block;font-size: 16px;line-height: 16px;text-decoration: underline;vertical-align: middle;} .main-project-details {float: left;width: 100%;} .project-left {float: left;height: auto;width: 1100px;} .project-header {float: left;width: 100%;} .title-left {float: left;vertical-align: top;width: 745px;} .search-text {float: left;margin-top: 25px;width: 100%;} .stext {color: #2e364b;display: inline-block;font-family: pt sans;font-size: 18px;line-height: 18px;vertical-align: middle;} .stext > strong {border-left: 2px solid #898e9a;border-right: 2px solid #898e9a;display: inline-block;line-height: 18px;margin: 0 15px;padding: 0 15px;} .stext:last-child strong {border-left: 0 none;border-right: 0 none;margin: 0;padding-left: 0;padding-right: 0;} .title-action {border: 1px solid #c7d8e2;float: left;margin-top: 12px;padding: 8px 20px;vertical-align: middle;width: auto;border-radius: 25px;-moz-border-radius: 25px;-webkit-border-radius: 25px;-o-border-radius: 25px;} .action-row {float: left;width: 100%;} .action-row .join {float: left;font-family: montserrat;font-size: 12px;font-weight: bold;line-height: 14px;margin-right: 20px;vertical-align: middle;text-transform: uppercase;} .action-row .join:last-child{margin-right: 0;} .action-row .join img {display: inline-block;margin-right: 10px;vertical-align: top;} .action-row .join:last-child img {height: auto;width: 14px;} .project-details {float: left;margin-bottom: 90px;margin-top: 80px;width: 100%;} .project-points {float: left;width: 100%;} .project-points .alltabs {float: left;width: 100%;} .project-points .alltabs li {float: left;margin-right: 80px;width: auto;} .project-points .alltabs li a::after {background-color: transparent;bottom: 0;content: "";height: 6px;left: 0;position: absolute;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;width: 0;} .project-points .alltabs li a:hover::after,.project-points li.active a::after {background-color: #007abc;width: 100%;} .project-points .alltabs li a {color: #2e364b;float: left;font-family: montserrat;font-size: 24px;font-weight: bold;padding-bottom: 20px;position: relative;text-transform: uppercase;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;width: auto;} .project-points .tab-content {float: left;margin-top: 80px;width: 100%;} .info-top {border-bottom: 2px solid #e6eff4; float: left; margin-bottom: 60px;padding-bottom: 50px;width: 100%;} .info-top h5 {color: #2d364b;float: left;font-family: montserrat;font-size: 18px;font-weight: bold;margin-bottom: 15px;text-transform: capitalize;width: 100%;} .info-top > p {float: left;font-size: 18px;line-height: 30px;margin-bottom: 40px;width: 100%;} .prodetails .all-category {margin: 0;padding: 10px 0 0;} .project-managemnet {float: left;width: 100%;} .project-managemnet > ul {float: left;width: 100%;} .project-managemnet > ul li {float: left;margin-bottom: 35px;width: 100%;} .project-managemnet li strong {color: #2d364b;display: inline-block;font-family: pt sans;font-weight: bold;padding-right: 20px;vertical-align: middle;width: 250px;} .project-managemnet > ul li span {color: #2d364b;display: inline-block;float: none;font-family: pt sans;font-size: 16px;vertical-align: middle;} .project-managemnet li span > img {border: 2px solid #64cacb;display: inline-block;height: 35px;margin-right: 10px;vertical-align: middle;width: 35px;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-o-border-radius: 50%;-ms-border-radius: 50%;} .project-managemnet li.promanager span > img{border-color: #f5c846;} .project-managemnet > ul li span a {display: inline-block;font-family: pt sans;font-size: 16px;font-weight: bold;text-decoration: underline;vertical-align: middle;} .project-managemnet > ul li span a img {display: inline-block;margin-left: 10px;vertical-align: middle;} .task-information {float: left;width: 100%;} .task-table {float: left;width: 100%;} .table-row.thead {border-bottom: 2px solid #c7d8e2;border-top: 2px solid #c7d8e2;padding-bottom: 0;padding-top: 30px;} .table-row {display: table;width: 100%;} .table-row:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: 0;} .table-row.thead .table-cell:first-child {border-left: 0 none;padding-left: 0;} .table-row.thead .table-cell {border-left: 2px solid #c7d8e2;border-right: 2px solid #c7d8e2;padding: 0 25px 25px;vertical-align: top;font-size: 18px;} .table-cell.task-descreeptions {padding-right: 35px;width: 60%;} .table-row.thead .table-cell.task-dedline {border-left: 0 none;border-right: 0 none;} .table-row.thead .table-cell:last-child {border-right: 0 none;padding-right: 0;} .table-row {border-bottom: 2px solid #e6eff4;padding-bottom: 25px;padding-top: 25px;} .table-cell {display: table-cell;vertical-align: middle;} .main-deescree {float: left;max-width: 70%;width: auto;} .main-deescree > p {color: #2d364b;font-size: 18px;font-weight: bold;margin-bottom: 5px;} .main-deescree .techno {color: #2d364b;float: left;font-family: pt sans;font-size: 16px;width: 100%;} .markedarea {float: right;margin-top: 25px;width: auto;} .v-mark {background-color: #f1f9fd;border: 1px solid #97b0bf;border-radius: 50%;color: #939baa;float: right;font-family: montserrat;font-size: 16px;font-weight: bold;height: 30px;line-height: 27px;text-align: center;width: 30px;position: relative;cursor: pointer;} .dedline-content {color: #2d364b;display: inline-block;font-family: pt sans;vertical-align: middle;} .action-btn.black {border-color: #96afbe;color: #2d364b;} .action-btn { border: 1px solid #96afbe;color: #9ebbcc;display: inline-block;font-family: montserrat;font-size: 14px;font-weight: bold;line-height: 14px;padding: 7px 12px;text-transform: capitalize;vertical-align: middle;} .action-btn.green {background-color: #ecfbec;border-color: #7fce81;box-shadow: 0 0 0 1px #7fce81;-moz-box-shadow: 0 0 0 1px #7fce81;-webkit-box-shadow: 0 0 0 1px #7fce81;-o-box-shadow: 0 0 0 1px #7fce81;color: #04a007;} .action-btn.disable {cursor: no-drop;} .table-cell.task-dedline,.table-cell.task-actions {text-align: center;} .table-cell.task-dedline {width: 25%;} .table-cell.task-actions {width: 15%;} /*-- project details right bar -- */ .project-right {float: right; height: 100%;width: 360px;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;} .project-details-right {float: right;height: 100%;width: 100%;} .project-details-row.project-reviews {border-top: 2px solid #e6eff4;padding-bottom: 17px;} .project-details-row {border-bottom: 2px solid #e6eff4;float: left;padding-bottom: 30px;padding-top: 30px;width: 100%;} .project-status { float: left; left: -35px; position: relative; top: -35px; width: 75px; } .project-status > h6 { bottom: 0; font-size: 17px !important; height: auto; left: 30px; position: absolute; right: 0; text-align: center; top: 53px; vertical-align: middle; } #doughnut > h6 {bottom: 0;left: 0; position: absolute; right: 0;text-align: center;top: 0;} .project-status-text {margin-left: 100px;} .project-status-row { float: left;margin-bottom: 20px;width: 100%;} .pro-st-left {float: left;width: 50%;} .project-status-text span.pro-st-right {color: #2d2e30;float: right;font-family: montserrat;font-size: 18px;line-height: 18px;text-align: right;vertical-align: middle;width: 50%;} .project-status-text h6,.project-details-right h6 {color: #2e364b;float: left;font-family: montserrat;font-size: 18px;line-height: 24px;width: 100%;} .project-status-text span {font-family: pt sans;font-size: 18px;} .project-status-text span {font-family: pt sans;font-size: 18px;} .project-status-text span.pro-st-right img {display: inline-block;margin-right: 10px;vertical-align: middle;} .project-status-row.ratingarea {border-bottom: 5px solid #e6eff4;margin-bottom: 13px;padding-bottom: 25px;} .pro-st-left {float: left;width: 50%;} .project-status-text span {font-family: pt sans; font-size: 18px;} .project-details-row span.ratings {float: left; margin-top: 10px;width: 100%;} .allrevies {color: #007abc;float: right;font-family: pt sans;font-size: 16px;margin-top: 35px;text-decoration: underline;} .project-status-row.socialareas {margin-bottom: 0;} .project-status-row.socialareas span {font-size: 16px;} .project-status-row.socialareas span {font-size: 16px;} .socialareas .pro-st-right > a {display: inline-block;font-size: 16px;margin-left: 15px;vertical-align: middle;} .pro-st-right .fa.fa-facebook {color: #005dbc;} .pro-st-right .fa.fa-twitter {color: #11baf2;} .pro-st-right .fa.fa-google-plus {color: #ee4e4a;} .project-details-row.Volunteerlist > h6 {margin-bottom: 30px;} .Volunteersmain-list {float: left;width: 100%;} .allvol {float: left;width: 100%;} .allvol a {border: 2px solid transparent;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-o-border-radius: 50%;float: left;height: 34px;margin-bottom: 15px;margin-right: 20px;overflow: hidden;width: 34px;} .allvol a.red{border-color: #ea5044;} .allvol a.green{border-color: #57c5c7;} .allvol a img {float: left;max-width: 100%;width: auto;} .allvol a:nth-child(7n) {margin-right: 0;} .project-details-row.tweetlisting {border-bottom: 0 none;margin-bottom: 0;padding-bottom: 0;} .tweet-title {float: left;margin-bottom: 35px;width: 100%;} .tweet-title a:hover,.tweet-title a.active { border-color: #007abc;color: #2d364b;} .tweet-title a {border-bottom: 4px solid transparent;color: #677088;float: left;font-family: montserrat;font-size: 18px;line-height: 18px;margin-right: 35px;padding-bottom: 9px;width: auto;} .tweet-list {float: left;width: 100%;} .twwet-wrapeer {float: left;height: auto;max-height: 395px;overflow-y: auto;width: 100%;} .twwet-wrapeer > ul {float: left;width: 100%;} .twwet-wrapeer li {float: left;margin-bottom: 30px;width: 100%;} .twtuser {border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-o-border-radius: 50%;float: left;height: 34px;width: 34px;} .twtuser > img {max-width: 100%;width: auto;} .teetdetails {margin-left: 55px;} .tweettitle {float: left;font-family: pt sans;font-size: 16px;margin-bottom: 10px;width: 100%;} .tweettitle > a {color: #007abc;font-size: 16px;margin-left: 15px;} .teetdetails > p {color: #2d364b;float: left; font-family: pt sans;font-size: 16px;line-height: 22px;margin-bottom: 5px;width: 100%;} .hoursago {color: #747c92;font-family: pt sans;font-size: 16px;} .viewall{float: right;color: #007abc;font-size: 16px;font-family: pt sans;} .tweet-list .mCSB_container_wrapper > .mCSB_container{padding-right: 0;padding-left: 0;padding-top: 0;} .project-status canvas{width: 75px !important;height: 75px !important;} .chart-container{float: left;width: 100%;position: relative;} .project-details-row.meetupreviews > h6 {margin-bottom: 30px;} .calender{float: left;width: 100%;} /*--- Caleder design -- */ .calender > div{float: left;width: 100%;height: auto;font-family: 'Lato', sans-serif;} .calender .fc-toolbar,.calender .fc-head {background-color: #2e364b;float: left;margin-bottom: 0;width: 100%;} .calender .fc-toolbar{padding: 15px;position: relative;} .fc-view-container,.fc-view.fc-month-view.fc-basic-view{float: left;width: 100%;height: auto;} .calender .fc table{border: none;height: auto;} .caleder .fc-day-grid-container.fc-scroller{overflow: visible !important;} .calender .fc-head td{border: none;} .calender .fc-body{height: auto;} .calender .fc-day-header {color: #98a4ad;font-family: lato;font-size: 16px;font-weight: 500;text-transform: uppercase;border: none;} .calender .fc-toolbar .fc-left {color: #ffffff;display: inline-block;float: none;} .fc-toolbar .fc-left h2 {color: #fff;font-size: 16px;font-weight: 400;text-transform: capitalize;} .fc-toolbar .fc-right {float: right;text-align: center;width: 100%;} .calender .fc-button-group{float: left;width: 100%;margin: 0 !important;} .calender .fc-state-default.fc-corner-left,.calender .fc-next-button.fc-button.fc-state-default.fc-corner-right{width: auto;padding: 0;border: none;background: transparent;box-shadow: none;} .calender .fc-state-default.fc-corner-left{float: left;left: 19px;top: 8px;border: none;outline: none;} .calender .fc-next-button.fc-button.fc-state-default.fc-corner-right{float: right;right: 19px;top: 8px;border: none;outline: none;} .calender .fc-state-default.fc-corner-left:focus,.calender .fc-next-button.fc-button.fc-state-default.fc-corner-right:focus{border: none;outline: none;} .calender .fc button .fc-icon {color: #fff;font-family: "Lucida Console"; font-size: 14px;margin: 0;position: relative;top: 0;vertical-align: middle;} .calender .fc-toolbar button{position: absolute;} .calender .fc-today-button {display: none;} .fc-row:first-child table{border: none;} .calender .fc table{border: none;} .calender .fc-row.fc-widget-header {border: medium none;float: left;margin: 0;padding-bottom: 15px;width: 100%;} .calender .fc-day-grid-container.fc-scroller{height: auto;overflow: visible;} .fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-popover{border: none !important; } .calender .fc-widget-content table td {padding:5px;text-align: center !important;font-size: 14px;color: #4a535a;font-family: 'lato';font-weight: bold;} .fc-row .fc-content-skeleton{border-bottom: 1px solid #e6eff4;padding-bottom: 8px !important;padding-top: 8px !important;} .calender .fc-event{border: none;background-color: #57a4ce;padding: 0;border-radius: 30px;-moz-border-radius: 30px;-webkit-border-radius: 30px;-o-border-radius: 30px;} .calender .fc-day-grid-event .fc-time{font-weight: normal;} .calender td.fc-event-container {padding: 0 !important;} .calender td.fc-event-container .fc-day-grid-event{margin: 0;} .calender .fc-day-grid-event .fc-content span {display: inline-block;font-family: lato;font-size: 14px;line-height: 16px;padding: 2px 10px;vertical-align: middle;} .calender .fc-day-grid-event .fc-content{margin-bottom: 5px;line-height: normal;text-align:left;} .calender .fc-widget-content table td.fc-today.fc-state-highlight{background: transparent;} .calender .fc-widget-content table td.fc-today::before {background-color: #57c5c7;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-o-border-radius: 50%;-ms-border-radius: 50%;bottom: 0;content: "";height: 6px;position: absolute;text-align: center;top: 32px;width: 6px;left: 0;right: 0;margin: 0 auto;} .fc-row.fc-week.fc-widget-content:last-child .fc-content-skeleton{border-bottom: 0;padding-bottom: 0;} .responsive-tabs,.responsive-share{display: none;} .fc-content-skeleton tbody {display: none;} div.fc-basic-view .fc-body .fc-row{min-height: auto !important;height: auto !important;} /*-- events Designs -- */ .fc-row.fc-week.fc-widget-content:nth-child(3) .fc-content-skeleton tr td.fc-wed,.fc-row.fc-week.fc-widget-content:nth-child(3) .fc-content-skeleton tr td.fc-thu,.fc-row.fc-week.fc-widget-content:nth-child(3) .fc-content-skeleton tr td.fc-fri,.fc-row.fc-week.fc-widget-content:nth-child(3) .fc-content-skeleton tr td.fc-sat {background-color: #57a4ce;color: #fff;} .fc-row.fc-week.fc-widget-content:nth-child(3) .fc-content-skeleton tr td.fc-wed{border-top-left-radius: 30px;border-bottom-left-radius: 30px;} .fc-row.fc-week.fc-widget-content:nth-child(4) .fc-content-skeleton tr td.fc-thu,.fc-row.fc-week.fc-widget-content:nth-child(4) .fc-content-skeleton tr td.fc-sat,.fc-row.fc-week.fc-widget-content:nth-child(4) .fc-content-skeleton tr td.fc-fri{background-color: #e6cf35;color: #fff;} .fc-row.fc-week.fc-widget-content:nth-child(4) .fc-content-skeleton tr td.fc-sat{border-top-right-radius: 30px;border-bottom-right-radius: 30px;} .fc-row.fc-week.fc-widget-content:nth-child(4) .fc-content-skeleton tr td.fc-mon{position: relative;} .fc-row.fc-week.fc-widget-content:nth-child(4) .fc-content-skeleton tr td.fc-mon::before{content: "";height: 6px;width: 6px;position: absolute;top: 24px;bottom: 0;background-color: #ea5044;border-radius: 50%;right: 0;left: -6px;} .fc-row.fc-week.fc-widget-content:nth-child(4) .fc-content-skeleton tr td.fc-mon::after{content: "";height: 6px;width: 6px;position: absolute;top: 24px;bottom: 0;background-color: #f5c53d;border-radius: 50%;right: 0;left: 29px;} .share-social{position: relative;} .social-share {bottom: 0;position: absolute;background: #e8f6fd;border: 1px solid #b5d9eb;box-shadow: 1px 10px 18px rgba(0, 0, 0, 0.2);-moz-box-shadow: 1px 10px 18px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 1px 10px 18px rgba(0, 0, 0, 0.2);-o-box-shadow: 1px 10px 18px rgba(0, 0, 0, 0.2);color: #2d364b;font-size: 16px;line-height: 18px;opacity: 1;padding:10px 12px;position: absolute;text-align: center;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;width: 150px;left: -44px;opacity: 0;pointer-events:none;} .social-share:after{background: url(../images/tooltip-arrows.png) no-repeat center;height: 6px;width: 16px;bottom: -6px;content:"";position: absolute;left: 0;right: 0;margin: 0 auto;} .social-share li {display: inline-block;margin: 0 7px;} .social-share-icos{position: relative;} .social-share-icos:hover .social-share{opacity: 1;bottom: 63px;pointer-events:auto;} .responsive-share .other-options > span{padding: 10px 0;} .responsive-share .user-dp{margin-top: 10px;} .join.sharing{position: relative;cursor: pointer;} .join.sharing:hover .social-share{opacity: 1;bottom: 20px;pointer-events:auto;} .opensetails{display:none;} .project-right.active {padding: 0;right: -11px;z-index: 1;} .project-right.active .project-details-row.project-reviews {padding-left: 20px;padding-top: 20px;padding-right: 20px;} .v-mark[data-tool-tip]::before{left: 0;right: 0;margin: 0 auto;} .v-mark[data-tool-tip]::after{left:-38px;} .prodetails .all-category label span {font-family: lato;font-size: 15.56px;font-weight: bold;padding: 7px 11px;} .prodetails .all-category label span:hover{border-color:#c9cfde;box-shadow:none;} .fc-icon-left-single-arrow::after,.fc-icon-right-single-arrow::after{display: none;} .fc-icon.fc-icon-left-single-arrow{width: 8px;height:13px;background: url(../images/calender-left.svg) no-repeat center; } .fc-icon.fc-icon-right-single-arrow{width: 8px;height: 13px;background: url(../images/calender-right.svg) no-repeat center;} .dedline-content small{display: none;font-size: 12px;color: #737e97;font-family:pt sans;font-weight: normal;margin-right: 5px;} .close {display: none;position: absolute;right: -5px;top: 25px;} .project-managemnet > ul li span a i {color: #007abc;font-size: 12px;margin-left: 10px;} #preloader-1 {height: 35px; margin: 0 auto;position: relative;width: 35px;} #preloader-1 span {position:absolute;border: 2px solid #6a6a6a;border-top: 2px solid transparent;border-radius:999px;-moz-border-radius:999px;-webkit-border-radius:999px;-o-border-radius:999px;} #preloader-1 span:nth-child(1){width:35px;height:35px;animation: spin-1 2s infinite linear;} #preloader-1 span:nth-child(2){bottom: 0;height: 20px;border-width: 1px;left: 24px;margin: auto;right: 0;top: 0;width: 20px;animation: spin-2 1s infinite linear;} @keyframes spin-1 { 0% {transform: rotate(360deg); opacity: 1;} 50% {transform: rotate(180deg); opacity: 0.5;} 100% {transform: rotate(0deg); opacity: 1;} } @keyframes spin-2 { 0% {transform: rotate(0deg); opacity: 0.5;} 50% {transform: rotate(180deg); opacity: 1;} 100% {transform: rotate(360deg); opacity: 0.5;} } .lasy-loader {float: left;text-align: center;width: 100%;margin-top: 90px;} /*---- Ortganizer page ---- */ .banner.organizer{background-position: center top;height: 545px;} .serach-resilts-area {float: left;width: 100%;} .search-row {border-bottom: 2px solid #e6eff4;float: left;margin-bottom: 75px;padding-bottom: 75px;width: 100%;} .serach-coulmn-left {border: 1px solid #dadfed;float: left;height: 180px;width: 180px;} .serach-coulmn-left > a { float: left;width: 100%;} .serach-coulmn-left img {max-width: 100%;} .serach-coulmn-right {margin-left: 260px;} .serach-coulmn-right > h5 {color: #2e364b;float: left;font-family: montserrat;font-size: 24px;width: 100%;margin-top: -5px;} .organization-location {float: left;font-family: pt sans;font-size: 18px;margin: 12px 0;width: 100%;} .organization-location > span:first-child {border-left: 0 none;padding-left: 0;} .organization-location > span {border-left: 1px solid #e0e1e4;border-right: 1px solid #898e9a;color: #2d364b;float: left;font-family: pt sans;font-size: 18px;line-height: 18px;padding-left: 20px;padding-right: 20px;width: auto;} .organization-location > span:last-child {border-right: 0 none;padding-right: 0;} .organization-link.organization-location {margin-bottom: 30px;margin-top: 0;} .organization-link.organization-location > span a {color: #007abc;font-family: pt sans;font-size: 18px;text-decoration: underline;} .serach-coulmn-right > p {color: #2d364b;float: left;font-size: 18px;line-height: 32px;width: 100%;} .search-row:last-child{padding-bottom: 0;border-bottom: 0;} .organi-projects {float: left;margin-top: 40px;width: 100%;margin-bottom: 50px;} .organi-projects h6 {color: #2d364b;float: left;font-family: pt sans;font-size: 18px;line-height: 20px;width: 100%;margin-bottom: 25px;} .thumb-sliders{float: left;width: 100%;position: relative;} .thumb-sliders .slick-arrow{background: url(../images/slider-arrows.svg) no-repeat !important;width:25px;height: 44px;position: absolute;} .thumb-sliders .slick-arrow.slick-prev{background-position: left top !important;left: -45px ;} .thumb-sliders .slick-arrow.slick-next{background-position: right top !important;right: -30px ;} .slick-prev::before,.slick-next::before,.slick-prev::before, .slick-next::before{display: none;} /*--- Slick Slider --- */ .thumb-sliders .slick-list{padding: 30px 0 !important;} .thumb-sliders .slick-slide{margin:0 30px;height: 460px;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;} .thumb-sliders .slick-list{margin-left: -15px;} .orgnizers .flower-container,.organization-serach .flower-container{max-width: 90%;} .slick-slide .like img{display: inline-block;} .slick-slide .mythumb{height: 100%;} .slick-slide.slick-current.slick-active.slick-center {transform: scale(1.2);-moz-transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);} .thumb-sliders .mythumb > img{max-width: inherit;} .banner.volunteers,.banner.projectdetails,.banner.Schools,.banner.ben-organization {background-position: center;height:100vh;background-size: cover !important;} .location.active > img{width: 16px;} /*--- CSS HACK FOR CHROME AND SAFARI --- */ @media screen and (-webkit-min-device-pixel-ratio:0) { .field md-input-container .md-input{height: 47px;padding: 12px 2px 1px;background-position: right 30px !important;} .field .layout-padding, .field .layout-padding div{padding: 2px 0 0 !important;} .field md-input-container.md-icon-float.md-input-focused label, md-input-container.md-icon-float.md-input-has-value label { -webkit-transform: translate3d(0,9px,0) scale(.75) !important; transform: translate3d(0,9px,0) scale(.75) !important; } } .main_map #map { height: 100%; margin-left: 780px; width: auto; } /*.contactus-content{ width: 360px; float: left; display: table-cell; } */ .contactus-desc{ padding: 12px 20px 20px 20px; float: left;} .contactus-desc h3{ color: #2d364b; float: left; font-family: montserrat; font-size: 20px; font-weight: 600; line-height: 26px; margin: 0px 0px 15px 0px; width: 100%;} .contactus-desc p{ color: #2d364b; float: left; line-height: 24px; transition: all 0.6s ease 0s; width: 100%; margin-bottom: 39px;} .contactus-desc .contactus_img{ height: 398px; width: 360px; } .contactus-bottom { border-top: 1px solid #dadfed; float: left; width: 100%; padding: 20px 0px 0px 0px; } .user-dp { border-radius: 50%; float: left; height: 43px; line-height: 37px; overflow: hidden; width: 43px; } .user-dp img { width: 100%; height:100%; } /*.other-options span { display: inline-block; text-align: center; vertical-align: middle; width: 59px; } .other-options span img { display: inline-block; transform: scale(1) !important; } .other-options span strong, .share-social a strong { color: #2d2e30; float: left; font-family: montserrat; font-size: 14px; font-weight: 300; line-height: 20px; margin-top: 5px; text-align: center; text-transform: uppercase; width: 100%; } .share { float: left; position: relative; width: 100%; } */.main_map {/*border: 1px solid #eaeaea;*/float: left;overflow: hidden;position: relative;width: 100%;height: 100%;} .contactus-content {background-color: #fff;bottom: 0;box-shadow: 4px 5px 90px rgba(0, 0, 0, 0.8);-moz-box-shadow: 4px 5px 90px rgba(0, 0, 0, 0.8);-webkit-box-shadow: 4px 5px 90px rgba(0, 0, 0, 0.8);-o-box-shadow: 4px 5px 90px rgba(0, 0, 0, 0.8);-ms-box-shadow: 4px 5px 90px rgba(0, 0, 0, 0.8);position: absolute;right: 0;top: 0;width: 365px;z-index: 1;} .project-img > img {height: auto;width: 100%;display: block;} .project-img{float: left;width: 100%;position: relative;} .close-ico{position: absolute;right: 25px;top: 25px;} .contactus-desc .other-options span {float: left;width: 25%;} .project-list-map {background-color: #fff;bottom: 0;float: left;height: 100%;left: 0;padding:0;padding-left: 10px;position: static;top: 0;width: 780px;height: 100%;} .project-list-map .contactus-content{position: static;background-color: #fff;} .project-list-map .masonry-brick{display: block;width: 340px;} .project-list-map .other-options{margin-left: 50px;} .banner-bottom.map{padding-bottom: 0;height: 100%;padding-top: 125px;} .map-area{float: left;width: 100%;height: 100%;} .opensidebarbody{overflow-y:hidden;} .all-categor .mCSB_scrollTools{right: 15px;} .thumb-content{pointer-events:none;z-index: 9;width: 300px !important;height: auto;} .thumb-grid .thumb-content{width: 320px !important;} .mythumb .slick-list .slick-insert > h3{color: #fff;font-size: 20px;left: 40px;position: absolute;right: 40px;top: 40px;z-index: 1;} .mythumb .slick-list:hover > h3{opacity: 0;} .mythumb .slick-list .slick-insert > h3 a{color: #fff; font-size: 20px;} .slick-slide{position: relative;} .mythumb .slick-insert > img{transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-webkit-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;} .mythumb .slick-insert:hover > img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);} .main_map .grid-options {background: #ffffff none repeat scroll 0 0; border-radius: 3px; box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3); float: none;padding: 10px; position: absolute; right: 35px; top: 30px; width: auto;} .main_map .grid-options:after{ position: absolute; top: 0; left: 0; right: 0; margin:auto; height: 100%; width: 1px; background-color: #636465; content: '';} .main_map .grid-options .grid {margin-left: 0 !important;} .main_map .location {margin-right: 0 !important;} .main_map .other-options span{width: 49px;} .map-custom-scroll{float: left;width: 100%;height: 100%;max-height: 100%;overflow-y:auto;} .project-list-map .mCSB_scrollTools{right: 15px !important;} /*calendar*/ .head-calendar header::before {background-color: #fff;content: "";height: 50px;left: 0;position: absolute;right: 0;top: -20px;width: 100%;} .calendar-main-content .grid-options {padding: 75px 0 56px;} .head-calendar header.nav-header {height: 100%;transform: skew(0deg); -webkit-transform: skew(0deg); -moz-transform: skew(0deg); -o-transform: skew(0deg); -ms-transform: skew(0deg);z-index: 99;} .head-calendar header {background-color: #fff;border-bottom: 1px solid #ccc;transform: skew(0deg, 1.1deg); -moz-transform: skew(0deg, 1.1deg); -ms-transform: skew(0deg, 1.1deg); -o-transform: skew(0deg, 1.1deg); -webkit-transform: skew(0deg, 1.1deg);} .head-calendar .logo {opacity: 0;transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s;} .head-calendar .logo-f {opacity: 1;transform: skew(0deg, -1.1deg); -moz-transform: skew(0deg, -1.1deg); -webkit-transform: skew(0deg, -1.1deg); -ms-transform: skew(0deg, -1.1deg);-o-transform: skew(0deg, -1.1deg);} .head-calendar .navbar-parts {position: relative;top: -25px;transform: skew(0deg, -1.1deg); -moz-transform: skew(0deg, -1.1deg); -webkit-transform: skew(0deg, -1.1deg); -ms-transform: skew(0deg, -1.1deg); -o-transform: skew(0deg, -1.1deg);} .head-calendar .links, .head-calendar .links a {color: #000;} .head-calendar .nav-ico span::before, .head-calendar .nav-ico span, .head-calendar .nav-ico span::after {background-color: #353d51;} .head-calendar .sidebar-ico span::before, .head-calendar .sidebar-ico span::after, .head-calendar .sidebar-ico span {background-color: #353d51;} .calendar-main-content.ng-scope {float: left;margin: 105px 0;width: 100%;} .main-calendar {float: left;padding: 0 50px; width: 100%;} /*.calendar-right {float: right;width: 1390px; margin-top: 20px;}*/ .calendar-right {margin-left: 430px;margin-top: 20px;} .calendar-top-bar {float: left;text-align: center; width: 100%;} .calendar-top-bar > * {display: inline-block;float: none;width: 33%;vertical-align: middle;} .calendar-top-bar h2 {text-align: left; color: #4a546c;font-size: 18px;} .calendar-view-text {text-align: right;} .calendar-view-text .btn-group {border: 2px solid #2d364b;border-radius: 7px;display: inline-block; /*overflow: hidden;*/} .calendar-view-text .btn-group > label {color: #2d364b;display: inline-block;font-size: 16px;line-height: normal;padding: 7px 0;text-align: center;width: 100px; cursor: pointer; font-family: "Montserrat",sans-serif;} .calendar-view-text .btn-group input{ position: absolute;height: 1px; width: 1px; opacity: 0; visibility: hidden; } .calendar-view-text .btn-group input:checked + label{ background-color: #2e364b; color: #fff;} .event-breif {float: left;width: 100%; margin-top: 9px; display: none;} .event-breif-text {float: left;width: 100%; margin-bottom: 8px;} .event-breif-text > h4 {color: #2d364b;float: left;font-weight: bold;width: 90px;} .event-breif-text > a, .event-breif-text > span, .event-breif-text > p{ font-family: "PT Sans",sans-serif; font-size: 18px; float: left; width: 232px;} .event-breif-text > a {color:#007abc; text-decoration: underline; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .event-going {color: #2d364b;float: left;padding-left: 10px;text-align: center; margin-top: 8px;width: 100%;font-family: 'PT Sans', sans-serif; font-size: 18px;} li.active .event-text > p{ display: none; } mwl-calendar {float: left;margin-top: 36px;width: 100%;} .calendar-right .cal-row-head.cal-row-fluid .cal-cell1 {background-color: #2e364b;color: #98a4ad;font-size: 18px;padding: 18px 0; font-weight: 400; font-family: "Montserrat",sans-serif;} .cal-row-head .cal-cell1:hover{background-color: #2e364b; color: #98a4ad;} .cal-month-day.cal-day-outmonth.cal-day-past span, mwl-calendar .cal-day-outmonth span[data-cal-date] { color: #b7c0c8;opacity: 1;font-weight: 400 !important; font-family: "Montserrat",sans-serif !important; font-size: 20px;} mwl-calendar .cal-month-day {height: 115px;} mwl-calendar .cal-day-today {background-color: #f7f9fe;} mwl-calendar span[data-cal-date] {color: #4a535a;font-weight: 400 !important; font-family: "Montserrat",sans-serif !important; font-size: 20px !important; opacity: 1 !important;} mwl-calendar .cal-day-today span[data-cal-date]{color: #4a535a !important;} .cal-slide-content.cal-event-list, small.cal-events-num {display: none;} /*.cal-month-day.cal-day-inmonth.cal-day-weekend.cal-day-future{color: #4a535a !important;}*/ /*mwl-calendar .cal-day-weekend span[data-cal-date]{color: #4a535a !important;}*/ mwl-calendar .event {border: 2px solid #fff;border-radius: 12px;box-shadow: none;height: 24px;margin-right: -5px;width: 24px;} mwl-calendar .cal-month-box, mwl-calendar .cal-week-box, mwl-calendar .cal-year-box {border: 2px solid #e6eff4; border-right: 0; border-bottom: 0;} mwl-calendar .cal-month-box .cal-row-fluid, mwl-calendar .cal-year-box .row {border-bottom: 2px solid #e6eff4;} mwl-calendar .cal-month-box [class*="cal-cell"], mwl-calendar .cal-year-box [class*="span"] {border-right: 2px solid #e6eff4;} mwl-calendar span[data-cal-date]{ margin-right: 20px; margin-top: 26px; /*pointer-events: none;*/} .btn-group{ position: relative; } .btn-group .events-btns{cursor: pointer;height: 11px;position: absolute;top: 6px;width: 11px;box-shadow: none;border-right: 0;border-bottom: 0; background-color: transparent;} .prev-btn {left: auto; background-image: url("../images/2.svg");background-position: left center;background-repeat: no-repeat;} .next-btn { background-image: url("../images/1.svg");background-position: left center;background-repeat: no-repeat;} .calendar-left {float: left;width: 380px;} .calendar-left .calendar-event-box > h4 {border-bottom: 2px solid #c7d8e2;border-top: 2px solid #c7d8e2;color: #2d364b;float: left;padding: 25px 0;width: 100%;font-family: 'Montserrat', sans-serif;font-weight: bold;} .main-event-box {float: left;width: 100%; margin: 23px 0 0; padding-bottom: 0; border-bottom: 0;height: 641px;} .main-event-box .mCSB_container{ padding-right: 0; padding-top: 0;} .main-event-box ul {float: left;width: 100%;} .main-event-box ul > li {border-bottom: 2px solid #e6eff4;float: left;padding-bottom: 22px;padding-top: 30px;width: 100%;} .main-event-box ul > li:first-child{ padding-top: 12px; } .main-event-box ul > li:last-child{ border-bottom: 0; } .main-event-box h5 {float: left;font-size: 18px;padding: 0 0 20px;width: 100%;color: #2d364b; font-family: "PT Sans",sans-serif; font-weight: 700;} .main-event-box .mCSB_container_wrapper{ margin-right: 26px; } .sub-list {float: left;width: 100%;} .main-event-box .sub-list li{ float: left;width: 100%; margin-bottom: 37px; border-bottom: none; padding-bottom: 0; padding-top: 0;} .main-event-box .sub-list li:last-child{ margin-bottom: 0; } .main-event-box .sub-list li:first-child{ padding-top: 0; } .dots {background-color: #ccc;border-radius: 50%;float: left;height: 18px;width: 18px; margin-top: 5px;} .event-text {float: none;margin-left: 30px;} .event-text > h3, .event-text > h3 a {display: inline-block;float: none;font-size: 18px;line-height: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: calc(100% - 12px);} .event-text > h3 a{ float: left; } .event-text > p {font-size: 16px;font-weight: bold; margin-top: 3px;} .event-text > p span{ font-weight: 400; margin-left: 6px; } .cyan{ background-color: #05fffe !important; } .purple{ background-color: #a976dd !important;} .green{ background-color: #7be47d !important; } .curr-date {font-size: 16px;padding: 0 19px 0 25px;} /*.ng-pristine.ng-untouched.ng-valid {opacity: 0;position: absolute;}*/ mwl-calendar-week .cal-row-head .cal-cell1 span {float: left;width: 100%;} mwl-calendar-week .cal-row-head small {float: left;text-align: center;width: 100%;} mwl-calendar-week .cal-row-head small span {margin: 2px 0 0 !important; color: #98a4ad;} .cal-context mwl-calendar-week .cal-row-head .cal-cell1:hover{ background-color: #2e364b !important;} mwl-calendar-week .cal-row-head .cal-cell1:hover *{ color: #98a4ad; } mwl-calendar-week .cal-day-box .day-highlight{height: auto !important;} .cal-day-box .cal-day-hour-part {border-left: 1px solid #e6eff4;border-right: 1px solid #e6eff4;border-top: 1px solid #e6eff4;border-bottom: 1px solid #e6eff4;height: 47px; background-color: white;} .cal-day-hour-part-time strong{color: #b7c0c8;font-size: 16px; text-align: left !important; margin-top: 26px; margin-left: 5px;font-family: "Montserrat",sans-serif !important; font-weight: 400; float: left; width: 100%;} .cal-day-box .cal-day-panel { height: 1035px !important; } mwl-calendar mwl-calendar-week .cal-month-box, mwl-calendar mwl-calendar-week .cal-week-box, mwl-calendar mwl-calendar-week .cal-year-box { border-color: #e6eff4 #e6eff4 #e6eff4 #e6eff4; border-width: 2px 2px 2px 2px; border-style: solid solid solid solid;} .cal-day-box .day-highlight{ height: auto !important; } .cal-cell1.ng-scope.cal-day-today{ background-color: #ff4b4b; } .cal-cell1.ng-scope.cal-day-today *{ color: #fff !important; } .calendar-bottom {float: left;width: auto;margin: 20px 0;} span.event-short-button {float: left;width: auto;border: 2px solid #dadfed;padding: 4px 8px ;border-radius: 15px; float: left;} .event-short-button i:before{font-size: 0;height: 16px;width: 16px;border-radius: 50%;margin-right: 5px;content: ''; float: left;} .event-short-button i.cyan:before{background-color: #05fffe;} .event-short-button i.purple:before{background-color: #a976dd;} .event-short-button i.green:before{background-color: #7be47d;} .event-short-button i {position: relative;color: #4a535a;font-size: 13px; background-color: transparent !important; margin-right: 15px; font-style: normal; float: left; -webkit-transition-property: width; /* Safari */ -webkit-transition-duration: 0.5s; /* Safari */transition-property: width;transition-duration: 0.5s; width: 16px;overflow: hidden;white-space: nowrap;} .event-short-button i:last-child, .event-short-button i:last-child:before {margin-right: 0;} .calendar-bottom:hover i:last-child:before { margin-right: 8px; } .calendar-bottom:hover .event-short-button{ padding-top: 4px; } .calendar-bottom:hover i { overflow: visible; width: 100px;} .calendar-bottom:hover i:first-child{ width: 64px; } .calendar-bottom:hover i:nth-child(2n){ width: 110px; } .calendar-icon{ position: relative;top: 1px;left: 10px;} #cal-week-box{display: none;} .main_map .calendar-bottom {background-color: hsl(0, 0%, 100%);border-radius: 15px;position: absolute;left: 790px;top: 30px;z-index: 1;margin: 0;} .cal-container {float: left;position: relative;width: 100%;} .events-details {display: none;background-color: hsl(0, 0%, 100%);border: 1px solid hsl(0, 0%, 80%);padding: 15px;position: absolute;width: 300px;display: none;z-index: 99;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;} .details-inner{float: left;width: 100%;position: relative;padding-top: 25px;} .events-details h3 {font-size: 22px;margin-bottom: 10px;} .events-details ul {float: left;width: 100%;} .events-details li {float: left;margin-bottom: 10px;width: 100%;} .events-details strong {display: inline-block;font-size: 14px;margin-right: 5px;vertical-align: middle;width: auto;} .events-details span {color: hsl(222, 25%, 24%);display: inline-block;font-size: 16px;font-weight: normal;vertical-align: middle;} .details-btn {border: 1px solid hsl(0, 0%, 0%);border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-o-border-radius: 3px;float: left;font-size: 14px;padding: 10px;text-transform: uppercase;} .close-detail {position: absolute;right: 0;top: -8px;} /*--- new Changes --- */ .nav {float: right;vertical-align: middle;width: 100%;} .nav > ul {float: right;width: auto;} .nav > ul li {float: left;margin-right: 30px;width: auto;position: relative;font-family: muli;} .nav > ul > li{padding-bottom: 25px;} .nav > ul > li a::after { background-color: #ffe259; bottom: -11px; content: ""; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; transition: all 0.4s ease 0s; width: 0; } .nav > ul > li a:hover::after,.nav > ul > li:first-child:hover::after,.nav > ul > li:nth-child(2):hover::after,.nav > ul > li:nth-child(3):hover::after { width: 100%; } .sub-nav li a::after{display: none;} .nav > ul > li:last-child{margin-right: 0;} .nav > ul li a {color: #ffffff;float: left;font-family: muli; font-size: 16px;line-height:16px;width: auto;position: relative;} .nav > ul li a:hover{color: #ffe259;} .sub-nav {opacity: 0;pointer-events:none;filter:alpha(opacity:0);background-color: #ffffff;border: 1px solid #f1f1f1;left: -35px;position: absolute;top: 80px;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;} .nav li .sub-nav > li {margin-right: 0; width: 100%;} .nav li .sub-nav > li a {border-bottom: 1px solid transparent; color: #2d364b;float: left;font-size: 13px;font-weight: 600;letter-spacing: 1px;padding: 12px 18px;text-align: left;width: 100%;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;} .nav li .sub-nav > li a:hover,.fixed header .nav > ul li a:hover{color: #ffa71c;} .nav > ul li:hover > .sub-nav{opacity: 1;top: 40px;pointer-events:auto;} .sub-nav:after, .sub-nav:before {bottom: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;} .sub-nav:after {border-color: rgba(241, 241, 241, 0);border-bottom-color: #f1f1f1;border-width: 7px;margin-left: -7px;} .sub-nav:before {border-color: rgba(241, 241, 241, 0);border-bottom-color: #f1f1f1; border-width: 8px;margin-left: -8px;} .nav > ul > li:last-child a{float: none;display: inline-block;} .nav > ul > li:last-child a:first-child{margin-right: 5px;} .nav > ul > li:last-child a:last-child{margin-left: 5px;} .buttons-row {float: left;width: 100%;} .btn-project {background-color: #ffe259;border-radius: 30px;-moz-border-radius: 30px;-webkit-border-radius: 30px;-o-border-radius: 30px;color: #040404;display: inline-block;font-size: 20px;height: auto;padding: 17px 20px;text-align: center;text-transform: uppercase;vertical-align: middle;min-width: 230px;} .btn-project:hover{background-color: #f8d52f;} .buttons-row a{margin: 0 10px;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;} .buttons-row a.banner-reamore:hover{color: #f8d52f;} .fixed header .nav > ul li a,.fixed header .nav > ul li{color: #000;} .banner.features{background-color: #061111;height: 206px;} .share.general {bottom: 75px;height: 50px;position: fixed;right: 50px;width: 50px;z-index: 99;} .share.general .socils-parts ul {bottom: 80px;left: -15px;position: absolute;right: 0;width: 60px;} .share.general .socils-parts li {margin: -30px 0;} .share.general.open-social .socils-parts li{margin: 15px 0;} .share.general .socils-parts li:last-child{margin-bottom: 0 !important;} .share.general .share-icons{background-color: #6d60b0;float: left;position: static;height: 50px;width: 50px;background-size: 25px auto;box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);-moz-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);-webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);-o-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);} .banner-bottom.features{padding: 0} /*.features-movemnets {float: left;text-align: center;width: 100%;} */.other-container {margin: 0 auto;width: 1530px;} .heading::after {background-color: #6d60b0;bottom: 0;content: "";height: 8px;left: 0;margin: 0 auto;position: absolute;right: 0;width: 96px;} .heading {float: left;margin-bottom: 115px;padding-bottom: 45px;position: relative;width: 100%;text-align: center;} .heading > h2 {font-size: 48px;line-height: 100px;text-transform: none;} .heading > h3 {font-family: pt sans;font-size: 30px;font-style: italic;font-weight: 300;} .movemnet-row {display: table;width: 100%;} .movements-coulmn {display: table-cell;padding: 0 33px;width: 33.33%;} .movements-inner {float: left;width: 100%;} .movemnets-ico {float: left;margin-bottom: 35px;width: 100%;} .movemnet-details {float: left;width: 100%;} .movemnet-details > p {color: #010101;float: left;font-size: 18px;line-height: 27px;padding: 0 107px;width: 100%;} .features-movemnets{float: left;width: 100%;padding:80px 0 40px;text-align: center;} .movemnet-details h3{float: left;width: 100%;margin-bottom: 35px;} .managemnet-tools {float: left;padding: 40px 0 80px; width: 100%;} .managemnet-row {float: left;/*padding-top: 40px;*/width: 100%;position: relative;} .manage-left {background-color: #fafafa;float: left;padding: 60px 0;width: calc(100% - 600px);} .manage-container {margin: 0 auto;width: 910px;} .manage-title {float: left;margin-top: -225px;width: 100%;} .manage-title > h4 {color: #000000;font-size: 36px;font-weight: bold;line-height: 42px;} .manage-title > h4 small {float: left;font-family: pt sans;font-size: 30px;font-weight: normal;width: 100%;} .manage-info {float: left;text-align: center;width: 100%;} .manage-info > img {float: none;max-width: 550px;width: auto;/*margin-left: -57px;*/display: inline-block;} .manage-info > p::after {background-color: #6d60b0;bottom: 0;content: "";height: 4px;left: 30px;position: absolute;width: 40px;} .manage-info > p {color: #010101;float: none;font-size: 22px;line-height: 26px;padding-bottom: 20px;position: relative;width: 640px;padding-left: 30px;text-align: left;display: inline-block;} .manage-right {background-color: #ffffff;box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);-o-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);padding: 40px 0;position: absolute;right: 0;top: -170px;width: 690px;} .manage-right > h3 {margin-bottom: 35px;padding: 0 93px;} .manage-right > ul {float: left;width: 100%;} .manage-right > ul li::before {content: "-";font-family: pt sans; font-size: 26px;font-weight: bold;left: 117px;position: absolute; top: 8px;} .manage-right > ul li {cursor: pointer;float: left;font-size: 22px;margin-bottom: 10px;margin-left: -3%;padding: 10px 160px 10px 140px;position: relative;/*transition: all 0.7s ease-out 0s;-moz-transition: all 0.7s ease-out 0s;-webkit-transition: all 0.7s ease-out 0s;-o-transition: all 0.7s ease-out 0s;*/width: 103%;} .manage-right > ul li:last-child {margin-bottom: 0;} .manage-right li:hover {background-color: #6d60b0;color: #ffffff;} .button-part {float: left;padding: 145px 0 25px;text-align: center;width: 100%;} .btn-join {background-color: #6d60b0;border-radius: 35px;-moz-border-radius: 35px;-webkit-border-radius: 35px;-o-border-radius: 35px;box-shadow: 0 10px 70px rgba(24, 28, 29, 0.27);-moz-box-shadow: 0 10px 70px rgba(24, 28, 29, 0.27);-webkit-box-shadow: 0 10px 70px rgba(24, 28, 29, 0.27);-o-box-shadow: 0 10px 70px rgba(24, 28, 29, 0.27);-ms-box-shadow: 0 10px 70px rgba(24, 28, 29, 0.27);display: inline-block;font-size: 22px;font-weight: bold;min-width: 408px;padding: 20px 25px;text-transform: uppercase;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;} .btn-join:hover{background-color: #8271d7;} .Volunteers .heading::after{background-color: #ffa71c;} .grass-roots .heading {margin-bottom: 140px;} .grassroots-rows {display: table;width: 100%;overflow: hidden; margin-top: -145px;} .grassroots-left {display: table-cell;vertical-align: middle;width: 50%;text-align: center;} .grassroots-right {display: table-cell;padding: 50px;vertical-align: middle;width: 50%;} .grass-container {margin: 0 auto;width: 570px;} .grass-rows {float: left;width: 100%;margin-top: -230px;} .grass-ttile {float: left;width: 100%;} .grass-ttile small {color: #000000;float: left;font-family: pt sans;font-size: 14px;font-weight: bold;width: 100%;} .grass-ttile > h3::after {background-color: #c8c8c8;bottom: 0;content: "";height: 8px;left: 0;position: absolute;width: 98px;} .grass-ttile > h3 {color: #ffa71c;padding-bottom: 20px;position: relative;} .grass-rows > p {color: #a3a3a3;float: left;font-size: 18px;line-height: 27px;margin-top: 31px;width: 100%;} .Volunteers .button-part,.Schools .button-part,.ben-organization .button-part {margin-top: -75px;padding-bottom: 110px;padding-top: 0;position: relative;} .Volunteers .button-part .btn-join,.Volunteers + .share.general .share-icons{background-color: #ffa71c;} .Volunteers .button-part .btn-join:hover,.Volunteers + .share.general .share-icons:hover{background-color: #ff9c00;} /*.grassroots-left > img { margin-left: -270px; }*/ .grassroots-rows:nth-child(odd) .grassroots-left img {margin-left: -270px;} .grassroots-rows:nth-child(even) .grassroots-left img {margin-right: -270px;} .testimonails {background-color: #dcecf5;float: left;padding:50px 0 85px;width: 100%;} .slider-container{margin: 0 auto;width: 850px;position: relative;} .testimonails ul {float: left;min-height: 160px;padding: 30px 0;text-align: center;width: 100%;} .testimonails .layer{float: left;width: 100%;} .smile-parts{float: left;width: 100%;padding: 35px 0;background: url(../images/smile.png) no-repeat center;} .smile-parts h6{float: left;width: 100%;font-size: 24px;color: #040404;text-transform: uppercase;text-align: center;} .testimonial-content{margin:0 auto;width: 850px;} .testimonial-content > p {color: #040404;float: left;line-height: 24px;margin-bottom: 20px;padding: 0 140px;width: 100%;} .testimonial-content strong {color: #040404;font-family: montserrat;font-size: 14px;font-weight: normal;} .rn-carousel-controls span{position: absolute;top: 125px;font-size: 0;} .rn-carousel-controls span:hover{opacity: 0.5} .rn-carousel-controls span.rn-carousel-control-prev{width: 21px;height: 35px;background: url(../images/prev-ico.svg) no-repeat center;left: 0;} .rn-carousel-controls span.rn-carousel-control-next{width: 21px;height: 35px;background: url(../images/next-ico.svg) no-repeat center;right: 0;} .banner.inner h2::after {background-color: #ffa71c;bottom: 0;content: "";height: 8px;left: 0;margin: 0 auto;position: absolute;right: 0;width: 98px;} .banner.inner h2 {color: #ffffff;float: left;font-size: 60px;margin-top: 330px;padding-bottom: 40px;position: relative;text-align: center;text-transform: capitalize;width: 100%;} .counter{float: left;width: 100%;padding: 100px 0;} .counter .container {margin: 0 auto;text-align: center;width: 700px;} .couting {display: inline-block;padding: 0 80px;vertical-align: middle;width: auto;} .couting > h4 {color: #040404;font-size: 60px;font-weight: bold;line-height: 70px;} .couting > span {color: #040404;float: left;font-family: montserrat; font-size: 14px;width: 100%;} .other-benifits {display: table;width: 100%;} .benifits-coulmn {display: table-cell;overflow: hidden;vertical-align: middle;width: 50%;} .benifits-coulmn > a {float: left;position: relative;width: 100%;} .benifits-coulmn > a > img {float: left;height: auto;width: 100%;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;} .captions {background-color: rgba(0, 0, 0, 0.5);bottom: 0;float: left;left: 0;position: absolute;right: 0;text-align: center;top: 0;width: 100%;transition: all 0.4s ease 0s;} .captions-inner {bottom: 0;height: 70px;left: 0;margin: auto;max-width: 360px;position: absolute;right: 0;top: 0;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;width: auto;} .captions-inner-in{float: left;width: 100%;padding: 0 80px;position: relative;} .captions-inner h6 {color: #ffffff;float: left;font-family: montserrat;font-size: 24px;font-weight: normal;line-height: 40px;text-align: left;text-transform: uppercase;width: 100%;} .captions-inner small {color: #ffffff;float: left;font-family: pt sans;font-size: 14px;text-align: left;} .benifits-coulmn:hover .captions {background-color: rgba(0,0,0,0.8);} .captions-inner-in > img {bottom: 0;height: 22px;left: 108px;margin: auto 0;opacity: 0;position: absolute;top: 0;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;width: 33px;} .benifits-coulmn:hover .captions-inner-in > img {left: 0;opacity: 1;} .benifits-coulmn:hover a > img{transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);} .benifits-coulmn:last-child .captions-inner-in > img{left: 160px;} .benifits-coulmn:last-child:hover .captions-inner-in > img{left: 326px;} .banner.inner.Schools h2::after,.Schools .button-part .btn-join, .Schools + .share.general .share-icons,.Schools .heading::after {background-color: #b5e55f;} .Schools .button-part .btn-join:hover{background-color: #b8f746;} .Schools .grass-ttile > h3{color: #b5e55f;} .managemnet-tools .heading {margin-bottom: 270px;} .ben-organization.inner.banner h2::after,.ben-organization .button-part .btn-join, .ben-organization + .share.general .share-icons,.ben-organization .heading::after {background-color: #66b7e6;} .ben-organization .button-part .btn-join:hover{background-color: #38b3fb;} .ben-organization .grass-ttile > h3{color: #66b7e6;} .general .socils-parts li {display: inline-block;float: none;margin: 0 20px;opacity: 1;} .general .socils-parts li a {background-color: #ffe259;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-o-border-radius: 50%;color: #2d364b;float: left;font-size: 25px;height: 40px;position: relative;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;width: 40px;pointer-events: none;transform: scale(0);-moz-transform: scale(0);-webkit-transform: scale(0);-o-transform: scale(0);} .general .socils-parts .school li a{background-color: #b5e55f;} .general .socils-parts .volunteers li a{background-color: #ffa71c;} .general .socils-parts .orgznization li a{background-color: #66b7e6;} .general .socils-parts .features li a{background-color: #6d60b0;} .general .socils-parts li a i{display: inline;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;background: url(../images/new-socials.svg) no-repeat center;background-size: 20px auto;} .share.general.open-social .socils-parts li a {pointer-events: auto;transform: scale(1);-moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);} .general .socils-parts li a.fb i {background-position: 0 bottom;height: 18px;width: 18px;} .general .socils-parts li a.gplus i {background-position: left -105px;height: 14px;width: 22px;} .general .socils-parts li a.twt i {background-position: -1px -155px;height: 16px;width: 16px;} .general .socils-parts li a.linked i {background-position: -1px -52px;height: 17px;width: 17px;} .general .socils-parts li a.insta i {background-position: 0 top;height: 18px;width: 18px;} .general .socils-parts li a[data-tool-tip]::after{display: none;} .general .socils-parts li a:hover{opacity: 0.8;} .hidden{visibility: hidden;} .grassroots-left-responsive,.managemnet-responsive{display: none;} /*-- responsive management tools -- */ .managemnet-responsive {float: left;width: 100%;padding: 50px;} .mangemnet-wrapper{float: left;width: 100%;box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);} .accordion {float: left;width: 100%;} .managemnet-responsive h6 {float: left;font-family: montserrat;font-size: 36px;font-weight: 700;margin: 35px 0;text-align: center;width: 100%;} .collapsible-item {float: left;width: 100%;margin-bottom: 0;} .collapsible-item > .body{border: none;} .collapsible-item .title{border: none;background-color: #fff;background-image: none;float: left;width: 100%;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;-o-border-radius: 0;padding:20px 45px 20px 25px;position: relative;font-size: 16px;} .collapsible-item .title:hover,.collapsible-item.open .title{background-color: #6d60b0;color:#fff;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;-o-border-radius: 0;} .managemnet-responsive .manage-info > img{float: left;width: auto;max-width: 270px;margin-left: -20px;margin-top: 50px;margin-bottom: 30px;} .collapsible-item > .body .content{padding: 0;float: left;width: 100%;} .collapsible-item .title .icon {float: right;font-size: 24px !important;font-weight: normal;height: auto;position: absolute;right: 15px;width: auto;line-height: 16px;top: 20px;} .nav-bar-part .nav{display: none;} .share.general li a[data-tool-tip]:hover::after,.share.general li a[data-tool-tip]:hover::before{display: none;} .share.general:hover > .socils-parts li {margin: 15px 0;opacity: 1;pointer-events: auto;} .share.general:hover > .socils-parts li a{transform: scale(1);-moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);pointer-events:auto;} .movements-coulmn:first-child{cursor: pointer;} .responsive-part{display: none;} /*--- loader --- */ .loader {background-color: rgba(255, 255, 255, 1);bottom: 0;left: 0;position: fixed;right: 0;top: 0;z-index: 9;} .spinner {display: inline-block;font-size: 10px;height: 40px;text-align: center;width: 50px;} .spinner > div {background-color: #333;height: 100%;width: 6px;display: inline-block;-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;animation: sk-stretchdelay 1.2s infinite ease-in-out;} .spinner .rect2 {-webkit-animation-delay: -1.1s;animation-delay: -1.1s;} .spinner .rect3 {-webkit-animation-delay: -1.0s;animation-delay: -1.0s;} .spinner .rect4 {-webkit-animation-delay: -0.9s;animation-delay: -0.9s;} .spinner .rect5 {-webkit-animation-delay: -0.8s;animation-delay: -0.8s;} .loader-container {bottom: 0;height: 78px;left: 0;margin: auto;position: absolute;right: 0;text-align: center;top: 0;width: 220px;} .logo-loader {float: left;margin-bottom: 0;position: relative;width: 100%;} .logo-loader::after {width: 0;background-color: #000000;bottom: -5px;content: "";height: 2px;left: 0;position: absolute;right: 0;animation: log-loader 1.5s 1 ease-in-out;-webkit-animation: log-loader 1.5s 1 ease-in-out;animation-delay:1.5s;-webkit-animation-delay:1.5s;} .logo-loader > img { width: 215px; } .benifits-coulmn:last-child .captions-inner-in small { float: right; /* margin-right: 50px;*/ } .benifits-coulmn:last-child .captions-inner-in h6{text-align: right;} @-webkit-keyframes log-loader { from{width:0;} to{ width: 100%;} } @keyframes log-loader { from{width:0;} to{ width: 100%;} } @-webkit-keyframes sk-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes sk-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); } } .signup-ico > img {float: right;width: 40px;} .signup-ico.responsive{display: none;} .fixed .signup-ico.responsive img{display: none;} img.black-login{display: none;} .fixed .signup-ico.responsive img.black-login{display: block;} .share.general.fadeOut {pointer-events: none;} /* added ******************************************** */ /*added 22/03/17*/ /*---- pagination --- */ .table-pagination-panel {float: left;margin-bottom: 100px;margin-top: 20px;text-align: center;width: 100%;} .table-pagination-panel > ul {float: left;width: 100%;} .table-pagination-panel > ul li {display: inline-block; float: none; margin: 0; width: auto;} .table-pagination-panel ul li:nth-child(2) a {border-right: 2px solid #848ea6;margin-right: 20px;padding-bottom: 0;padding-right: 20px;border-bottom: 0;padding-top: 0;border-bottom-color: transparent !important;} .table-pagination-panel li.disabale a {color: #848ea6;cursor: no-drop;} .table-pagination-panel li a {border-bottom: 3px solid transparent;display: inline-block;font-size: 18px;line-height: 15px;margin-right: 20px;padding: 7px 5px;vertical-align: middle;width: auto;} .table-pagination-panel li.active a , .pagination li a:hover{border-color: #007abc;} .table-pagination-panel ul li:nth-child(8) a {border-left: 2px solid #848ea6;border-bottom: 0;margin-left: 0;margin-right: 0;padding-bottom: 0;padding-left: 20px;padding-top: 0;border-bottom-color: transparent !important;} .table-pagination-panel .disabled span, .table-pagination-panel .disabled span:hover, .table-pagination-panel .disabled span:focus, .table-pagination-panel .disabled a, .table-pagination-panel .disabled a:hover, .table-pagination-panel .disabled a:focus { background-color: #ffffff; border-color: #dddddd; color: #999999; cursor: not-allowed; } .dynamicClass { width: 90%; align-content: center; } .dynamicClassWithColor { width: 90%; align-content: center; color:#EA5044; } /* to bring msg box in center */ #msgact{ width:100%; display: block; text-align: center; padding-bottom: 10px;text-align: center} #msgactpop{ width:100%; display: block; text-align: center; padding-bottom: 10px;text-align: center} .loginPage #msgact { width: 100%; display: block; text-align: center; padding-bottom: 10px; font-size: 12px; } .countryflagdropdown a.select2-choice.ui-select-match{ width: 50px; text-align: left !important; padding-top:6px; padding-left:10px !important; margin-right: -30px; } .cityclass select {font-size:11px;text-align: right} .cityclass select option{text-align:left} /*added on 28/3/17 by me */ .signup-title {color: #4b5357;font-size: 18px;padding: 15px 0 26px;text-align: center;text-transform: uppercase;width: 100%;} .signup-nav{position: relative;}.signup-nav .button-input{padding: 8px 20px} .organization-block{margin-bottom: 15px;float: left;width: 100%;padding: 0px 40px;box-sizing:border-box;position: relative;} .organization-block [type="checkbox"]:not(:checked) + label::after, .organization-block [type="checkbox"]:checked + label::after {left: 2px;top: -12px;} .vol-title {color: #6d7579;font-size: 16px;padding-bottom: 14px;} .multipleInput span.custome-drop-desable{border:1px solid #ccc;padding: 5px 0 0 10px; color:#999;margin-left:0;} .multipleInput .selectLst a{padding-left: 15px;} .multipleInput .selectLst i{top:6px;} .singleSelect .dropdown-menu li.filterClass{display: none;} .singleSelect .dropdown-menu li i{display:none !important;} .singleSelect .dropdown-menu li a{padding-left: 0;} .multipleInput.singleSelect.lidecorate ul li a{font-size: 14px;} .lidecorate button{ border: 1px solid #ccc !important; padding: 6px 10px !important;min-width: 100px;} .middonate {float: left;height: 40px;line-height: 34px;padding: 0 19px;} .drop-custome.leftdonate {float: left;} .drop-custome.rightdonate {float: left;} @media screen and (min-width:733px){ .ngdialog.ngdialog-theme-default.bigDialog .ngdialog-content{padding:0 !important;width:733px !important;} .loginPage.org-step { width: 733px; background:#fff; padding:20px; border-radius:5px; } .donate .signup-nav{text-align: center;} .donate .signup-nav.step2 h2 { font-size: 18px; font-weight: bold; } .signup-nav .organizationBox{max-width:320px;margin:auto;clear:both;padding: 5px 0;} .signup-nav .organizationBox .organization-block{margin-top:10px;} .signup-nav .organizationBox .organization-block .organization-left{float:left;width:49%;} .signup-nav .organizationBox .organization-block .organization-right{float:right;width:49%;} .signup-nav .organization-block:after{clear:both;display:table;content:''} .organizationBox .organization-block{padding: 0;} } .text-box { background: #fff none repeat scroll 0 0; border: 1px solid #d5d7db; border-radius: 3px; color: #8d96a1; float: left; font-size: 13px; font-weight: 400; padding: 8px 12px; width: 99.9%; } .donate .others-list ul li{border: 1px solid #ccc; padding: 10px 20px; } .donate .others-list ul li select{color:#999} .donateblock { margin: auto; max-width: 380px;clear:both;color:#333;font-size:14px;text-align:left;}/* max-width: 320px; */ .middonate{color:#000;} .step3-nav{clear:both;} .signup-nav.step2 h2{color: #596767;text-transform: capitalize;margin-bottom: 0px;clear:both;} .button-input { background: #57c5c7 none repeat scroll 0 0; border: medium none; border-radius: 25px; color: #fff; font-size: 14px; font-weight: 400; padding: 15px 20px 16px; position: relative; text-transform: uppercase; } .button-input:hover { background: #3f989a none repeat scroll 0 0; } .mydroplist ul{background: #fff; border: 1px solid #ccc; font-size: 14px; height: 150px; overflow: auto; position: absolute; text-align: left; z-index: 999;} .mydroplist ul li{ padding: 1px 5px;} .mydroplist ul li.active { background: #2fa4e7 none repeat scroll 0 0; } .mydroplist ul li.active a{color:#fff;} .donatePayment input { border: 1px solid #ccc; font-size: 15px; padding: 8px; } .donatePayment .step3-nav { padding-top: 28px; } .errorMsg{font-size: 12px;color:#f00;padding-top:5px;} .msgactpop { color: red; font-size: 14px; text-align: center;} /* login */ loginPage {position: relative;width: 100%;} .loginPage ul {border-bottom: 1px solid #f2f2f2;border-top: 1px solid #f2f2f2;float: left;width: 100%;border-radius: 0px;} .loginlogo{background: rgba(0, 0, 0, 0) url("../images/black-logo.png") no-repeat scroll center bottom;height: 29px;width: 117px;margin: 0 auto 20px;} .loginPage li {box-sizing: border-box;float: left;width: 50%;text-align: center; height: 40px; line-height: 40px; border-right: solid 1px #f2f2f2;position: relative;} .loginPage li:last-child{border-right: 0px;} .loginPage li:hover, .loginPage li.active{color: #2f3838;} .loginPage li a{color: #b2bbc5; display: block;font-size: 16px; text-transform: uppercase;} .loginPage li.active a, .loginPage li a:hover{color: #fff;text-decoration: none;} .loginPage li.active, .loginPage li:hover {background-color: #b2bbc5;} .login-block {box-sizing: border-box;float: left;padding: 0 20px 30px;width: 100%;} .tabcontent {float: left;padding: 40px 0px 0px;width: 100%;box-sizing: border-box;} .login-block.last-block {margin-bottom: 0px;} .login-block > label {color: #7c8285;float: left;font-size: 14px;margin-bottom: 10px;} span.forgotpass {display: table;margin: 0 !important;padding-bottom: 7px;padding-top: 11px;text-align: center;width: 100%;} span.forgotpass a{width: 100%; padding: 0px;} span.forgotpass a:link, span.forgotpass a:visited{color: #57c5c7;} span.forgotpass a:hover{color: #b6b7be;} .login-block a {float: left;font-size: 12px;padding-left: 15px;} .login-block a:link, .login-block a:visited{color: #4b5357;} .login-block span{margin-right: 10px;font-size: 15px;} .login-block a:hover{text-decoration: none; color: #4b5357;} .login-block .button-common{border-radius:25px !important;display: table; margin: 0 auto;} .login-block.lastblock {border-top: 1px solid #f2f3f5;padding-bottom: 0;padding-top: 30px;margin-top: 30px;} .facebook {background-color: #3b5997;border-radius: 4px;display: block;float: left;height: 36px;line-height: 36px;width: 100%;transition: all 0.5s ease 0s;} .google {background-color: #dc4b3a;border-radius: 4px;display: block;float: left;height: 36px;line-height: 36px;width: 100%;transition: all 0.5s ease 0s;} .emailbar {background-color: #57c5c7;border-radius: 4px;display: block;float: left;height: 36px;line-height: 36px;width: 100%;transition: all 0.5s ease 0s;} .emailbar:hover{background-color: #3f989a;} .google:hover{background-color: #B03224;} .facebook:hover{background-color: #273A62;} .twitter {background-color: #2ec5f4;border-radius: 4px;display: block;float: left;height: 36px;line-height: 36px;width: 100%;transition: all 0.5s ease 0s;} .twitter:hover{background-color: #1f89aa;text-align: center;} .facebook a:link, .facebook a:visited, .google a:link, .google a:visited, .emailbar a:link, .emailbar a:visited, .twitter a:link, .twitter a:visited{color:#fff;} .login-divider {box-shadow: 0 1px 0 #e6e7e9;border-bottom: 1px solid #eeeff1;float: left;height: 10px;margin-bottom: 33px;position: relative;width: 70%;margin-left: 15%;margin-top: 0px;} .login-divider > span {background-color: #fff;color: #8d96a1;font-size: 13px;left: 50%;margin-left: -25px;padding: 0 20px;position: absolute;top: 0;text-transform: uppercase;} .login-block.or {font-size: 18px;color: #7c8285;text-align: center;padding-bottom: 0px;} .button-common {display:inline-block;padding:10px 25px;margin:0 0px 0 10px; font-size:13px;color:#ffffff;text-transform:uppercase;font-weight:600;border:none;background:#57c5c7;border-radius:96px;position: relative !important;} .button-common:hover {background:#a8c4d2;} .button-common.active {background:#a8c4d2;} .button-common.active:hover {background:#95aeba;} .button-common.disable {background:#a8c4d2;border:solid 1px #a8c4d2;} .button-common.disable:hover {background:#95aeba;} .button-common.line-mode {background:#fff;border:solid 1px #d7e1e5;color:#7c8389;} .button-common.line-mode:hover {background:#a8c4d2;border:solid 1px #a8c4d2;color:#fff;} .tabcontent .facebook{ float: left; width: 49%; } .tabcontent .google { float: right; width: 49%; } .login-block .button-common{margin: 0px;} /*++++++++++++++++++++++++++ 6-04-17++++++++++++++++++*/ .ngdialog.ngdialog-theme-default .ngdialog-content{background:#fff !important;} .rdbox { display: table; float: none; margin: 0 auto; width: 283px; } .rdbox a {border: 1px solid #dce3eb;border-radius: 60px;font-size: 18px;height: 60px;line-height: 60px;text-align: left;text-transform: uppercase;color: #4b5357;width: 100%; box-sizing:border-box;max-width: 283px;} .rdbox a:hover{background-color: #eff0f3;border: 1px solid #eff0f3;} .signup-volunteer span {background-color: #d8dde2;background-image: url("../images/volunteer-signup.svg");border-radius: 39px;float: left;height: 39px;margin-right: 37px;margin-top: 10px;width: 39px;} .signup-organization span {background-color: #d8dde2;background-image: url("../images/organization-signup.svg");border-radius: 39px;float: left;height: 39px;margin-right: 22px;margin-top: 10px;width: 39px;} .signup-school span {background-color: #d8dde2;background-image: url("../images/school-signup.svg");border-radius: 39px;float: left;height: 39px;margin-right: 53px;margin-top: 10px;width: 39px;} .signup-volunteer:hover span{background-color: #ea5044;} .signup-organization:hover span {background-color: #f5c53d;} .signup-school:hover span {background-color: #84c076;} .organization-left {float: left;width: 49%;position: relative;} .organization-right{float: right;width: 49%;position: relative;} .signup-title {color: #4b5357;font-size: 18px;padding: 15px 0 26px;text-align: center;text-transform: uppercase;width: 100%;} .signup-nav{position: relative;} .loginPage ul li.active::after, .loginPage ul li.active::after {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: #b2bbc5 transparent transparent;border-image: none;border-style: solid;border-width: 10px;bottom: auto;content: "";height: 0;left: 50%;margin-left: -10px;position: absolute;right: auto;top: 90%;width: 0;} .loginPage ul li:hover::after, .loginPage ul li:hover::after {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: #b2bbc5 transparent transparent;border-image: none;border-style: solid;border-width: 10px;bottom: auto;content: "";height: 0;left: 50%;margin-left: -10px;position: absolute;right: auto;top: 90%;width: 0;} .organizationlogo {background-color: #f5c53d;background-image: url("../images/organization-signup-icon.svg");background-position: center center;background-repeat: no-repeat;border-radius: 59px;height: 59px;margin: 20px auto 0px;position: relative;width: 59px;} .schoollogo {background-color: #85c075;background-image: url("../images/school-signup-icon.svg");background-position: center center;background-repeat: no-repeat;border-radius: 59px;height: 59px;margin: 20px auto 0px;position: relative;width: 59px;} .volunteerlogo {background-color: #ea5044;background-image: url("../images/volunteer-signup-icon.svg");background-position: center center;background-repeat: no-repeat;border-radius: 59px;height: 59px;margin: 20px auto 0px;position: relative;width: 59px;} .Volunteer-block {box-sizing: border-box;margin: 0 auto 30px;max-width: 390px;width: 100%;display: table;} .Volunteer-block .facebook {float: left;width: 49%;} .Volunteer-block .google {float: right;width: 49%;} .Volunteer-block span {font-size: 15px;margin-right: 10px;} .Volunteer-block a {float: left;font-size: 14px;padding-left: 15px;} .Volunteer-block a:hover{text-decoration: none;} .Volunteer-block.vol-step2 {text-align: center;} .organization-block #catDiv li {float: left;width: 25%;border: 0px;text-align: left;height: 30px;} .organization-block #catDiv li:hover{background: transparent;border: 0px;} .organization-block ul li:hover::after, .organization-block ul li:hover::after{border: 0px;} .organization-block .multiselect-option-inner{margin-top: 0px;border: 0px;} .organization-block ul{border: 0px;} .volstep2 .button-input.backbtn {float: left; background-color: #a8c4d2;} .volstep2 .button-input.backbtn:hover {float: left; background-color: #57c5c7;} .vol-step2-leftside {float: right;} .vol-step2-leftside a, .vol-step2-leftside span{float: left;} .vol-step2-leftside a {float: left !important;} .spbtn{width: 175px !important;} .vol-step2-leftside span {color: #a8b3bf;line-height: 48px;padding: 0 20px;} .organization-block [type="checkbox"]:not(:checked) + label::after, .organization-block [type="checkbox"]:checked + label::after {left: 2px;top: -12px;} .vol-title {color: #6d7579;font-size: 16px;padding-bottom: 14px;} .vol-add-skill {float: right;} .vol-add-skill .text-box {border-radius: 35px;margin-bottom: 15px;} .vol-add-skill .text-box {background-image: url("../images/add-skill.svg");background-position: right 6px;background-repeat: no-repeat;border-radius: 35px;margin-bottom: 5px;padding-right: 40px;} .vol-title-left{float:left;padding-top: 8px;} .loginPage.vol-stepdefault.vol-step1{padding: 2px;} .organization-block{margin-bottom: 15px;float: left;width: 100%;padding: 0px 40px;box-sizing:border-box;position: relative;} .signup-nav {border-top: 1px solid #ddd;float: left;margin-top: 30px;width: 100%;padding: 30px 40px 10px;} .signup-nav .button-input{float: right;position: relative;width: 95px;text-align: center;} .signup-nav .button-input:hover{color: #fff; text-decoration: none;} .btnleft { float: left; font-size: 15px; color: #8d96a1; line-height: 48px; } .btnright { float: right; } .btnright .button-input { margin-left: 20px; } .ngdialog-close.button-input{float: left;border-radius:25px !important;} .ngdialog-close.button-input::before {background-image: none !important;} .ngdialog-close.button-input {position: relative !important;background-color: #a8c4d2;} .ngdialog-close.button-input:hover{background-color: #57c5c7;} .ngdialog-close.button-input::before { display: none !important;} .citystate { padding-top: 15px !important;} /* start global toggle plus /minus */ .plus_1 { background: none ; border: 1px solid #ccc; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; margin-right: 5px; margin-top: -1px; width:16px; float:left; display:block; height:16px; cursor: pointer; } .plus_1::after { color: #79d1d2; content: "+"; display: table; font: bold 15px/14px arial; text-align: center; width:16px; } .minus_1 { background: none ; border: 1px solid #ccc; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; margin-right: 5px; margin-top: -1px; width:16px; float:left; display:block; height:16px; cursor: pointer; } .minus_1::after { color: #79d1d2; content: "-"; display: table; font: bold 22px/14px arial; text-align: center; width:16px; } /* end global toggle plus /minus */ .item-inner-box { padding: 22px; position: relative; border-radius: 0; border-top: 2px solid #F0F3F4; box-shadow: none; margin-bottom: 0; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; } .customforce-multiline_front{ height: auto; font-size:12px; line-height: 16px; opacity: 1 !important; } /*+++++++++++++++++++++++++++++++ For Brainstorm++++++++++++++++++++++*/ .brainstormHead-left i {background-color: #ea5044;background-image: url("../images/brain-icon.svg");border-radius: 54px;float: left;height: 54px;width: 54px;background-repeat: no-repeat;background-position: center;} .brainstorm-Table {float: left;width: 100%;margin-top: 25px;} .braintitle {color: #4b5357;float: left;font-size: 22px;padding-left: 20px;} .braintitle span{font-size: 15px; color: #64707f;} .brainstormHead-right{float: right;} .brainstormHead-right .join-now-btn {background-image: url("../images/round-plus-icon.svg");background-position: 13px 11px;background-repeat: no-repeat;height: 43px;line-height: 43px;padding: 0 20px 0 52px;width: 126px;text-transform: capitalize;text-transform: uppercase;font-weight: normal;} .brainstorm-Head {background-color: #f6f9f9;height: 75px;padding: 0px 25px;} .brain-title {color: #4b5357;float: left;font-size: 13px;font-weight: bold;line-height: 75px;} .brain-dropdown {float: left;padding-top: 23px;} .brain-dropdown .select-custom-box3 div.wSelect-selected{color: #7c8285;} .brainstorm-Head-right {float: right;margin-top: 17px;} li.search-table-panel {float: right;position: relative;} li.search-table-panel input.search {border: 2px solid #e7edef;border-radius: 150px;color: #64707f;float: left;font-size: 14px;font-weight: 400;margin-top: 4px;padding: 6px 12px 7px 16px;transition: all 0.3s linear 0s;width: 33px;} li.search-table-panel input.button {background: rgba(0, 0, 0, 0) url("../images/brain-search.svg") no-repeat scroll center center;border: medium none;float: left;height: 33px;opacity: 1;position: absolute;right: 0;top: 4px;transition: all 0.3s linear 0s;width: 33px;} li.search-table-panel input.search-slide {background: #fff url("../images/brain-search.svg") no-repeat scroll 10px center;padding-left: 35px;padding-right: 35px;width: 201px;} li.search-table-panel input.button.button-close{background: rgba(0, 0, 0, 0) url("../images/close-pop-up.svg") no-repeat scroll 3px center;} .brainListview-head {background-color: #f6f9f9;border-bottom: 1px solid #ecedee;border-top: 1px solid #ecedee;box-sizing: border-box;color: #7c8285;float: left;font-size: 13px;height: 30px;line-height: 30px;padding: 0 25px;width: 100%;} .brainListview-head li {float: left;} .brainListview-head li span {background-image: url("../images/brain-arrow.svg");display: inline-block;height: 9px;width: 6px;margin-left: 5px;} li.brain-topic {max-width: 245px;width: 20%;} li.brain-country {max-width: 170px;width: 16%;} li.brain-postcode {max-width: 143px;width: 13%;} li.brain-createdby {max-width: 195px;width: 18%;} li.brain-category {max-width: 209px;width: 19%;} li.brain-lpost {max-width: 118px;width: 10%;} .brainListview-search {box-sizing: border-box;float: left;padding: 17px 25px;width: 100%;border-bottom: solid 1px #ecedee;} .brainListview-search li {float: left;} .braininput {border: 1px solid #d5d7db;border-radius: 33px;height: 33px;line-height: 33px;width: 75% !important;padding: 0px 15px;box-sizing: border-box;} li.brain-country .braininput {width: 149px;} li.brain-postcode .braininput {width: 111px;} li.brain-createdby .braininput {width: 159px;} li.brain-category .braininput {width: 177px;line-height: 33px;} .braininput .select-custom-box3 {width: 100%;} .braininput .wSelect-theme-classic.wSelect{width: 100% !important} .braininput .select-custom-box3 div.wSelect-selected{padding-left: 0px; margin-left: 0px;color: #64707f; font-weight: normal;} .brainListview-block {box-sizing: border-box;float: left;padding: 17px 25px;width: 100%;} .brainListview-block ul {padding: 20px 0px;float: left;width: 100%;} .brainListview-block .brain-category {height: 35px;} .brainListview-block li {float: left;} .brainListview-block .brain-createdby span {background-color: #eaeef0;border-radius: 24px;color: #7c8285;float: left;font-size: 13px;height: 24px;line-height: 24px;text-align: center;width: 24px;margin-right: 10px;} .brainListview-block .brain-createdby{line-height: 24px;} .brain-dropdown .select-custom-box3 .wSelect-theme-classic .wSelect-options-holder {width: 110px;top: 14px !important;} .brain-category .select-custom-box3 .wSelect-theme-classic .wSelect-options-holder {width: 160px;top: 14px !important;} #advanceSearch, #advanceSearch1, #reportThisProject {padding: 20px;width: 753px;} #advanceSearch h5, #advanceSearch1 h5, #reportThisProject h5 {color: #596060;float: left;font-size: 16px;text-transform: uppercase;margin-bottom: 20px;} h4 a.view-more {color: #57c5c7;float: right;font-size: 16px;margin-right: 0px;} .questionTooltip {background-color: #e0e1e3;border-radius: 23px;float: right;font-weight: bold;height: 23px;line-height: 23px;margin-top: 5px;text-align: center;width: 23px;cursor: pointer;} .text-box.requiredField.fixwidthbox, .custom_file_upload.fixwidthbox {width: calc(100% - 34px);float: left;} .brainstormform .join-now-btn {background-image: none;padding-left: 20px;width: auto;} .brainstormform .braintitle{padding-left: 0px;} .brainstormform [type="button"], .brainstormform [type="button"] {float: left;left: 0px;position: relative;} .braintitle input {background-color: transparent;border: 0 none;color: #4b5357;float: left;font-size: 22px;width: auto;} .brainstormformtag > input {color: #7c8285;float: left;font-size: 15px;padding-right: 10px;width: auto;margin-top: 10px;} .brainstormformTitle button, .brainstormformtag button {background-color: transparent;background-image: url("../images/profile-edit-icon.svg");border: 0 none;height: 15px;width: 16px;} .brainformblock {float: left;width: 100%;margin-top: 30px;} .brainformblock-left{float: left;margin-right: 20px;} .brainformblock-left img {border-radius: 150px;} .brainformblock-right {color: #8d96a1;float: left;width: calc(100% - 55px);padding-bottom: 20px;position: relative;} .brainformblock-time {margin-bottom: 20px;} .brainformblock-title {font-weight: bold;color: #7f8586;font-size: 16px;} .brainformblock-name {clear: both;color: #8d96a1;font-size: 13px;padding: 5px 0;text-decoration: underline;} .brainformblock-time {color: #8d96a1;} .brainformblock-title span {float: left;} .brainformblock-title a {background-image: url("../images/share-btn.svg");float: left;height: 20px;margin-left: 5px;width: 20px;} .brainformblock-time span {background-image: url(../images/clock-icon.svg);width: 16px;height: 16px;float: left;margin-right: 5px;} .brainformblock.secondlavel { box-sizing: border-box; padding-left: 56px; } .brainformblock.thirdlavel { box-sizing: border-box; padding-left: 112px; } .tab-box-panel-header {width:99.8%;float:left;margin-top:30px;border:solid 1px #f2f2f2;border-radius:4px;} .tab-box-panel-header > ul {width:100%;float:left;background:#eff3f6;} .tab-box-panel-header > ul > li {float:left;font-size:13px;font-weight:600;color:#2d3133;text-decoration:none;margin:0 1px 0 0;} .tab-box-panel-header > ul > li > a {color:#2d3133;text-decoration:none;text-transform:uppercase;padding:15px 25px;float:left;} .tab-box-panel-header > ul > li > a:hover {background:#fff;} .tab-box-panel-header > ul > li.active > a {background:#fff;} .tab-content-inner-panel {width:100%;float:left;padding:0px 0%;} .common-panel-content-tab {width:100%;float:left;} .common-panel-content-inner {width:94%;float:left;padding:15px 3% 10px 3%;} .common-panel-content-tab h5 {font-size:16px;color:#2d3133;font-weight:600;margin-bottom:8px;} .common-panel-content-tab p {font-size:16px;color:#4b5357;font-weight:300;line-height:30px;margin-bottom:20px;} .table-grid-panel {width:100%;float:left;} .table-grid-panel .table-grid-header-panel {width:100%;float:left;background:#f4f6f6;border-bottom:1px solid #e6e9eb;} .table-grid-panel .table-grid-header-panel .table-grid-coll {float:left;padding:12px 6px;color: #6a7073;font-size: 13px;font-weight: 400;} .table-grid-panel .table-grid-header-panel .table-grid-coll span.arrow {background:url(../images/up-down-arrow.svg) no-repeat;width:5px;height:7px;display:inline-block;opacity:0.6;margin-left:4px;} .table-grid-panel .table-grid-header-panel div.task-name {cursor:pointer;padding:12px 15px 12px 27px;} .table-grid-panel .table-grid-header-panel div.assigned {cursor:pointer;} .table-grid-panel .table-grid-header-panel div.due {cursor:pointer;} .table-grid-panel .table-grid-header-panel div.priority {cursor:pointer;} .table-grid-panel .table-grid-header-panel div.status {cursor:pointer;} .table-grid-panel .table-grid-body-panel {width:100%;float:left;background:#fff;} .table-grid-panel .table-grid-body-panel .table-grid-coll {float:left;padding:12px 6px;color: #6a7073;font-size: 13px;font-weight: 400;} .table-grid-panel .table-grid-body-panel .table-grid-coll p {color: #6a7073;font-size: 13px;font-weight: 400;margin:0px;word-break:break-all;} .table-grid-panel .table-grid-body-panel div.task-name {padding:12px 15px 12px 27px;height:35px;line-height:35px;} .table-grid-panel .table-grid-body-panel div.icon {position:initial;} .table-grid-panel .table-grid-body-panel div.icon {position:initial;} .table-grid-panel .table-grid-header-panel .col-name, .table-grid-panel .table-grid-body-panel .col-name {padding-left:15px;} .table-grid-panel .table-grid-body-panel div.common-section-panel-s {width:100%;float:left;border-bottom:1px solid #e6e9eb;} .table-grid-panel .table-grid-body-panel div.common-section-panel-s:last-child {border-bottom:none;} .table-grid-panel .table-grid-body-panel .select-custom-box3 div.wSelect-arrow {background:url(../images/drop-arrow-small.svg) 9px 22px no-repeat;} .table-grid-panel .table-grid-body-panel .warning-status-drop div.wSelect-arrow {background:url(../images/drop-arrow-small-white.svg) 9px 22px no-repeat;display:none;} .table-grid-panel .table-grid-body-panel span.warning-status-drop {background:#f5c53d;color:#ffffff;font-size:13px;padding:0px 10px;display:inline-block;border-radius:150px;} .table-grid-panel .table-grid-body-panel span.warning-status-drop div.wSelect-theme-classic {height:28px;} .table-grid-panel .table-grid-body-panel .warning-status-drop div.wSelect-selected {color:#fff !important;margin-right:0;} .table-grid-panel .table-grid-body-panel .normal-status-drop div.wSelect-arrow {background:url(../images/drop-arrow-small-white.svg) 9px 22px no-repeat;display:none;} .table-grid-panel .table-grid-body-panel span.normal-status-drop {background:#77a869;color:#ffffff;font-size:13px;padding:0px 10px;display:inline-block;border-radius:150px;} .table-grid-panel .table-grid-body-panel span.normal-status-drop div.wSelect-theme-classic {height:28px;} .table-grid-panel .table-grid-body-panel .normal-status-drop div.wSelect-selected {color:#fff;margin-right:0;} .table-grid-panel .table-grid-body-panel .critical-status-drop div.wSelect-arrow {background:url(../images/drop-arrow-small-white.svg) 9px 22px no-repeat;display:none;} .table-grid-panel .table-grid-body-panel span.critical-status-drop {background:#e17c76;color:#ffffff;font-size:13px;padding:0px 10px;display:inline-block;border-radius:150px;} .table-grid-panel .table-grid-body-panel span.critical-status-drop div.wSelect-theme-classic {height:28px;} .table-grid-panel .table-grid-body-panel .critical-status-drop div.wSelect-selected {color:#fff;margin-right:0;} .table-grid-panel .table-grid-body-panel .select-custom-box3 div.wSelect-selected {padding-left:0px;margin-left:0;font-size:13px;color:#64707f;font-weight:400;opacity:1;} .table-grid-panel .table-grid-body-panel div > span.select-custom-box3 {float:left;} .table-grid-panel .table-grid-body-panel div > span.select-custom-box3 div.slimScrollDiv {height:auto !important;} .table-grid-panel .table-grid-body-panel .select-custom-box3 .wSelect-theme-classic .wSelect-options-holder {z-index:9999999;} .table-grid-panel .table-grid-body-panel div.assigned a img {border-radius:150px;margin-right:12px;display:inline-block;float:left;} .table-grid-panel .table-grid-body-panel a {font-size:13px;color:#6a7073;font-weight:600;} .table-grid-panel .table-grid-body-panel a:hover {color:#57c5c7;} .table-grid-panel .table-grid-body-panel a.move-icon {float:left;position:relative;margin-right:8px;top:-2px;cursor:move;} .table-grid-panel .table-grid-body-panel a.colleps-icon {float:left;position:relative;margin-right:10px;top:-2px;} .table-grid-panel .table-grid-body-panel div.actions a {position:relative;top:7px;} .table-grid-panel .table-grid-body-panel div.status span.select-custom-box3 {position:relative;top:5px;} .table-grid-panel .table-grid-body-panel div.priority span.select-custom-box3 {position:relative;top:5px;} .table-grid-panel .table-grid-body-panel div.due input.datepicker-custome {position:relative;top:5px; box-shadow: none;} .table-grid-panel .table-grid-body-panel div.icon a {position:relative;top:8px;} .table-grid-panel .table-grid-body-panel div.openTRColumn {display:none;} .table-grid-panel .table-grid-body-panel div.TRColumnOpenPanel div.task-name {padding-left:66px;} /*--Table Coll width--Custome--*/ .table-grid-panel div.col-grid-1 {width:1%;}.table-grid-panel div.col-grid-2 {width:2%;}.table-grid-panel div.col-grid-3 {width:3%;}.table-grid-panel div.col-grid-4 {width:4%;} .table-grid-panel div.col-grid-5 {width:5%;}.table-grid-panel div.col-grid-6 {width:6%;}.table-grid-panel div.col-grid-7 {width:7%;}.table-grid-panel div.col-grid-8 {width:8%;} .table-grid-panel div.col-grid-9 {width:9%;}.table-grid-panel div.col-grid-10 {width:10%;}.table-grid-panel div.col-grid-11 {width:11%;}.table-grid-panel div.col-grid-12 {width:12%;} .table-grid-panel div.col-grid-13 {width:13%;}.table-grid-panel div.col-grid-14 {width:14%;}.table-grid-panel div.col-grid-15 {width:15%;}.table-grid-panel div.col-grid-16 {width:16%;} .table-grid-panel div.col-grid-17 {width:17%;}.table-grid-panel div.col-grid-18 {width:18%;}.table-grid-panel div.col-grid-19 {width:19%;}.table-grid-panel div.col-grid-20 {width:20%;} .table-grid-panel div.col-grid-21 {width:21%;}.table-grid-panel div.col-grid-22 {width:22%;}.table-grid-panel div.col-grid-23 {width:23%;}.table-grid-panel div.col-grid-24 {width:24%;} .table-grid-panel div.col-grid-25 {width:25%;}.table-grid-panel div.col-grid-26 {width:26%;}.table-grid-panel div.col-grid-27 {width:27%;}.table-grid-panel div.col-grid-28 {width:28%;} .table-grid-panel div.col-grid-29 {width:29%;}.table-grid-panel div.col-grid-30 {width:30%;}.table-grid-panel div.col-grid-31 {width:31%;}.table-grid-panel div.col-grid-32 {width:32%;} .table-grid-panel div.col-grid-33 {width:33%;}.table-grid-panel div.col-grid-34 {width:34%;}.table-grid-panel div.col-grid-35 {width:35%;}.table-grid-panel div.col-grid-36 {width:36%;} .table-grid-panel div.col-grid-37 {width:37%;}.table-grid-panel div.col-grid-38 {width:38%;}.table-grid-panel div.col-grid-39 {width:39%;}.table-grid-panel div.col-grid-40 {width:40%;} .table-grid-panel div.col-grid-41 {width:41%;}.table-grid-panel div.col-grid-42 {width:42%;}.table-grid-panel div.col-grid-43 {width:43%;}.table-grid-panel div.col-grid-44 {width:44%;} .table-grid-panel div.col-grid-45 {width:45%;}.table-grid-panel div.col-grid-46 {width:46%;}.table-grid-panel div.col-grid-47 {width:47%;}.table-grid-panel div.col-grid-48 {width:48%;} .table-grid-panel div.col-grid-49 {width:49%;}.table-grid-panel div.col-grid-50 {width:50%;}.table-grid-panel div.col-grid-51 {width:51%;}.table-grid-panel div.col-grid-52 {width:52%;} .table-grid-panel div.col-grid-53 {width:53%;}.table-grid-panel div.col-grid-54 {width:54%;}.table-grid-panel div.col-grid-55 {width:55%;}.table-grid-panel div.col-grid-56 {width:56%;} .table-grid-panel div.col-grid-57 {width:57%;}.table-grid-panel div.col-grid-58 {width:58%;}.table-grid-panel div.col-grid-59 {width:59%;}.table-grid-panel div.col-grid-60 {width:60%;} .table-grid-panel div.col-grid-71 {width:71%;}.table-grid-panel div.col-grid-72 {width:72%;}.table-grid-panel div.col-grid-73 {width:73%;}.table-grid-panel div.col-grid-74 {width:74%;} .table-grid-panel div.col-grid-75 {width:75%;}.table-grid-panel div.col-grid-76 {width:76%;}.table-grid-panel div.col-grid-77 {width:77%;}.table-grid-panel div.col-grid-78 {width:78%;} .table-grid-panel div.col-grid-79 {width:79%;}.table-grid-panel div.col-grid-80 {width:80%;}.table-grid-panel div.col-grid-81 {width:81%;}.table-grid-panel div.col-grid-82 {width:82%;} .table-grid-panel div.col-grid-83 {width:83%;}.table-grid-panel div.col-grid-84 {width:84%;}.table-grid-panel div.col-grid-85 {width:85%;}.table-grid-panel div.col-grid-86 {width:86%;} .table-grid-panel div.col-grid-87 {width:87%;}.table-grid-panel div.col-grid-88 {width:88%;}.table-grid-panel div.col-grid-89 {width:89%;}.table-grid-panel div.col-grid-90 {width:90%;} .table-grid-panel div.col-grid-91 {width:91%;}.table-grid-panel div.col-grid-92 {width:92%;}.table-grid-panel div.col-grid-93 {width:93%;}.table-grid-panel div.col-grid-94 {width:94%;} .table-grid-panel div.col-grid-95 {width:95%;}.table-grid-panel div.col-grid-96 {width:96%;}.table-grid-panel div.col-grid-97 {width:97%;}.table-grid-panel div.col-grid-98 {width:98%;} .table-grid-panel div.col-grid-99 {width:99%;}.table-grid-panel div.col-grid-100 {width:100%;} .text-align-left {text-align:center;} .text-align-center {text-align:center;} .text-align-right {text-align:center;} .table-grid-panel .table-grid-body-panel .col-city {line-height:32px;} .table-grid-panel .table-grid-body-panel .col-group {line-height:32px;} .table-grid-panel .table-grid-body-panel .col-skill {padding-top:17px;} .table-grid-panel .table-grid-body-panel .col-comment {padding-top:17px;} .table-grid-panel .table-grid-body-panel .col-group a i {font-size:13px;} .table-grid-panel .table-grid-body-panel .col-group a {margin-left:3px;position:relative;top:1px;} .tab-min-check-panel {width:100%;float:left;padding:7px 0 30px 0;border-bottom:solid 1px #eaebed;} .tab-min-check-common {width:50%;float:left;} .tab-left-check {width:8%;float:left;padding-top:10px;padding-bottom:14px;} .tab-right-content {width:92%;float:right;} .table-grid-panel .table-grid-body-panel div.actions-s {position:relative;} .table-grid-panel .table-grid-body-panel div.actions-s div.toggleClass {display:block;} .table-grid-panel .table-grid-header-panel .col-chk, .table-grid-panel .table-grid-body-panel .col-chk {padding-left:20px;} .table-grid-panel .table-grid-body-panel .col-chk [type="checkbox"]:not(:checked) + label::before, .table-grid-panel .table-grid-body-panel .col-chk [type="checkbox"]:checked + label::before {border-radius:20px;border-width:2px;width:20px;height:20px;top:0px;} .table-grid-panel .table-grid-body-panel .col-chk [type="checkbox"]:not(:checked) + label::after, .table-grid-panel .table-grid-body-panel .col-chk [type="checkbox"]:checked + label::after {left:5px;top:-2px !important;} .header-details-panel ul li.only-four .select-custom-box3 .wSelect-theme-classic .wSelect-options-holder {width:100px !important;} .header-details-panel ul li.only-four .select-custom-box3 .wSelect-options-holder {right:-18px;} .table-grid-panel .table-grid-body-panel .col-name span {position:absolute;top:33px;left:43px;width:auto;height:14px;border-radius:150px;font-size:12px;color:#fff;line-height:19px;padding:0 6px;cursor:pointer;border:solid 1px #fff;} .table-grid-panel .table-grid-body-panel .col-name span.critical {background:#ea5044;} .table-grid-panel .table-grid-body-panel .col-name span.normal {background:#85c075;} .table-grid-panel .table-grid-body-panel .col-name span.warning {background:#f5c53d;} .table-grid-panel .table-grid-body-panel .col-name span.blue {background:#57c5c7;} .tab-box-panel-header div.ng-isolate-scope > ul {width:100%;float:left;background:#e2e7ec;} .tab-box-panel-header div.ng-isolate-scope > ul > li {float:left;width:auto; font-size:13px;font-weight:600;color:#2d3133;text-decoration:none;margin:0 1px 0 0;} .tab-box-panel-header div.ng-isolate-scope > ul > li > a {color:#2d3133;text-decoration:none;text-transform:uppercase;padding:15px 25px;float:left;cursor: pointer;border-radius:0;} .tab-box-panel-header div.ng-isolate-scope > ul > li > a:hover {background:#fff;color:#2d3133} .tab-box-panel-header div.ng-isolate-scope > ul > li.active > a {background:#fff;color:#2d3133} .tab-box-panel-header div.ng-isolate-scope > ul > li.active > a:hover {color:#2d3133} .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .text-align-center { text-align: center; } em { color: #dd0055; } .delete-box-panel { clear: both; padding-top: 10px; } .div-align-center { max-width: 212px; margin: auto; } .transfer-vol { float: none; margin: 15px auto 0; text-align: left; width: 51%; } .transfer-vol input[type=radio] { -webkit-appearance: radio; appearance: radio; } input:not([type="radio"]):not([type="checkbox"]), select { vertical-align: middle; } .text-box { width: 99.9%; float: left; background: #fff; border: solid 1px #d5d7db; padding: 8px 12px; border-radius: 3px; color: #8d96a1; font-size: 13px; font-weight: 400; overflow: inherit; } .new-transfer-pop-up-big{font-size: 12px;} .pop-up-inner-conten-panel-big em{display:inline-block;} .footer-panel-fixed-p.pop-footer-spacer1{padding-top: 14px;clear: both;} .flowerp-left span.plus_1{width: auto;} /* for assign icon/image horizontally */ .iconsLst { display: inline-block; } .iconsLst li { display: inline-block; padding-left: 10px; } /* for assign icon/image horizontally */ .benifits-content h3{display:inline-block;} .benifits-content h3 { display: inline-block; width: auto; margin: 0; font-size: 18px !important; } /*added*/ .common-wrapper{width:1170px;margin:0px auto;position:relative;} /*---Portfolio Details Page---*/ #portfolio-details-panel {width:100%;float:left;padding:30px 0;} .portfolio-details-box {width:100%;float:left;} .call-5-left-panel {width:66.2%;float:left;} .call-5-right-panel {width:32%;float:right;} .common-box-title-panel {width:100%;float:left;} .common-box-title-panel h1 {font-size:24px;color:#4b5357;font-weight:400;line-height:33px;} .vpageProfile .organization-profile-left {float: left;width: calc(100% - 350px);} .organization-profile.ng-scope {background-color: #fafbfc;padding: 40px 0;float: left;width: 100%;border-bottom: 1px solid #e8e8e8;} .organization-profile-img {float: left;margin-right: 25px;} .organization-profile-info {float: left;width: calc(100% - 200px);color: #686e6e;font-size: 13px;line-height: 20px;} .organization-profile-info h1 {color: #686e6e;font-size: 30px;padding-bottom: 10px;font-weight: 300;} .organization-profile-info p {float: left;} .organization-add {color: #57c4c7;float: left;font-size: 15px;padding-bottom: 20px;width: 100%;} .organization-number {color: #3b3b3b;float: left;font-size: 15px;padding-bottom: 10px;width: 100%;} .organization-about-title {color: #596060;float: left;font-size: 18px;padding-bottom: 10px;width: 100%;} .organization-profile-img img{border-radius: 118px;border: solid 1px #e1e1e1;} .profile-project-section {border-top: 1px solid #e8e8e8;float: left;width: 100%;padding-top: 35px;margin-top: 30px;} .project-section-title {color: #596060;font-size: 19px;margin-bottom: 20px;} .proj-img img {border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px; } .proj-block li {float: left;position: relative;overflow: hidden;transition: all 0.5s ease-in-out 0s;margin-left: 2%;margin-bottom: 20px; clear: right;} .proj-block li:nth-child(3n+1){margin-left: 0px;} .vpageProfile .proj-block li {float: left;position: relative;overflow: hidden;transition: all 0.5s ease-in-out 0s;margin-left: 2%;margin-bottom: 20px; clear: right;width: 32%;} .vpageProfile .proj-block li:nth-child(3n+1){margin-left: 0px;} .organizationSearch .profile-project-section {border-top: 0 solid #e8e8e8;float: left;margin-top: 0;padding-top: 35px;width: 100%;} .pagination-centered {position: relative;text-align: center;width: 100%;} .pagination-centered button {background: transparent url("../images/load-more.svg") no-repeat scroll 0 0;border: 0 none;color: #7f9191;cursor: pointer;font-size: 13px;height: 29px;line-height: 29px;padding-left: 38px;} .follow-btn .join-now-btn {background-image: url("../images/plus-follow.svg");background-position: 25px 11px;background-repeat: no-repeat;box-sizing: border-box;padding-left: 36px;text-align: center;width: 125px;} .vpageProfile .follow-btn .join-now-btn {background-image: url("../images/white-heart.svg");background-position: 25px 11px;background-repeat: no-repeat;box-sizing: border-box;padding-left: 36px;text-align: center;width: 225px;} .vpageProfile .follow-btn{width: 225px;} .btnright {float: right;} .btnright .button-input{margin-left: 20px;} .btnleft {float: left;font-size: 15px;color: #8d96a1;line-height: 48px;} .btnleft span {color: red;} .vpageProfileEdit {background-color: #fafbfc;border-bottom: solid 1px #eaedf0;} .vpageProfileEdit .organization-profile-img {float: left;margin-right: 85px;} .vpageProfileEdit .organization-profile-info {width: 757px;} .vpageProfile .lastLogin {width: 72px;} .vpageProfileEditForm .organization-profile-info {float: left;max-width: 730px;} /* For Organization tab*/ .vpageProfile ul.nav-pills li{ border: 2px solid #eeeff0; border-radius: 150px; -webkit-border-radius: 150px; -moz-border-radius: 150px; -ms-border-radius: 150px; color: #bdc5c8; font-size: 15px; font-weight: normal; height: 25px; line-height: 25px; margin-right: 5px; padding: 3px 15px; text-decoration: none;} .vpageProfile ul.nav-pills li a,.vpageProfile ul.nav-pills li.active a:hover{color:#ccc;text-transform: uppercase;padding:0;background: none !important;} .vpageProfile ul.nav-pills li.active a{ color: #000 !important; } .vpageProfile ul.nav-pills li.active { border-color: #57c5c7; color: #000; text-decoration: none; } .portfolio-thumb-details-panel {width:100%;float:left;margin-top:20px;} .portfolio-thumb-details-panel li {width:77px;float:left;margin-right:13px;} .portfolio-thumb-details-panel li:last-child {margin-right:0;} .portfolio-thumb-details-panel li img {border-radius:4px;} .projectTab {float: left;width: 100%;margin-bottom: 30px;} .projectTab li {float: left;} .projectTab a {color: #a7bcbc;font-size: 13px;padding: 9px 25px;height: 27px;line-height: 27px;border: solid 1px #fff;} .projectTab a:hover, .projectTab a.active{border: solid 1px #b0c3cb;border-radius: 27px;-webkit-border-radius: 27px;-moz-border-radius: 27px;text-decoration: none;color: #7f9191;} .side-panel-common {width:100%;float:left;margin-top:23px;} .side-panel-common h4 {font-size:16px;color:#2d3133;font-weight:600;border-bottom:solid 2px #e6eff4;padding-bottom:18px;margin-bottom:10px;} .side-social-icon-panel {width:100%;float:left;margin-top:10px;border-bottom:2px solid #e6eff4;padding-bottom:10px;} .side-social-icon-panel a {font-size:16px;color:#bdc5c8;text-decoration:none;padding:0px 15px;margin-right:5px; border:solid 2px #eeeff0;border-radius:150px;font-weight:600;height:25px;line-height:25px;float:left;} .side-social-icon-panel a:hover {border-color:#57c5c7;color:#000;text-decoration:none;} .side-social-icon-panel a.active {border-color:#57c5c7;color:#000;text-decoration:none;} .vpageProfileEdit .organization-profile-img {float: left;margin-right: 85px;} .side-social-icon-panel {width:100%;float:left;margin-top:10px;border-bottom:2px solid #e6eff4;padding-bottom:10px;} .side-social-icon-panel a {font-size:16px;color:#bdc5c8;text-decoration:none;padding:0px 15px;margin-right:5px; border:solid 2px #eeeff0;border-radius:150px;font-weight:600;height:25px;line-height:25px;float:left;} .side-social-icon-panel a:hover {border-color:#57c5c7;color:#000;text-decoration:none;} .side-social-icon-panel a.active {border-color:#57c5c7;color:#000;text-decoration:none;} .side-social-content-panel {width:100%;float:left;margin-top:20px;} .side-social-content-common {width:100%;float:left;} .side-social-content-common ul {width:100%;float:left;} .side-social-content-common li {width:100%;float:left;margin-bottom:15px;} .side-social-content-common li div.thumb-user {width:10%;float:left;} .side-social-content-common li div.thumb-user img {border-radius:150px;} .side-social-content-common li div.thumb-details-content {width:85%;float:right;} .side-social-content-common li div.thumb-details-content .thumb-details-content-common {width:100%;float:left;} .side-social-content-common li div.thumb-details-content .thumb-details-content-common div.thumb-details-content-common {width:100%;float:left;} .side-social-content-common li div.thumb-details-content .thumb-details-content-common a {font-size:15px;color:#57c5c7;font-weight:400;margin-top:5px;margin-right:5px;display:inline-block;} .side-social-content-common li div.thumb-details-content .thumb-details-content-common a:hover {color:#2d3133;text-decoration:none;} .side-social-content-common li div.thumb-details-content .thumb-details-content-common span {font-weight:600;color:#2d3133;margin-top:5px;display:inline-block;margin-left:0;margin-right:5px;} .side-social-content-common li div.thumb-details-content .thumb-details-content-common p {font-size:15px;color:#2d3133;text-decoration:none;font-weight:300;width:100%;float:left;margin-top:15px;} .side-social-content-common li div.thumb-details-content .thumb-details-content-common > span {width:100%;float:left;13px;color:#a0a5a7;font-style:italic;margin-top:5px;font-weight:300;} .side-social-content-common-last {width:100%;float:left;margin-top:20px;} .side-social-content-common-last a.report-pop {font-size:16px;color:#2d3133;border:solid 2px #d1e3ec;border-radius:150px;padding:0 20px;height:25px;line-height:25px;float:right;} .side-social-content-common-last a.report-pop:hover {color:#000;border-color:#57c5c7;text-decoration:none;} /*added*/ .header-panel-pop-up {width:100%;float:left;} .header-panel-pop-up h5 {color:#596060;font-size:16px;text-transform:uppercase;float:left;} .header-panel-pop-up a {float:right;} .header-panel-pop-up a i {font-size:20px;color:#64707f;} .header-panel-pop-up a:hover {text-decoration:none;} .header-panel-pop-up a:hover i {color:#000;} .pop-up-content-panel {width:100%;float:left;margin-top:25px;} .common-input-box {width:100%;float:left;margin-bottom:14px;} .text-box {width:99.9%;float:left;background:#fff;border:solid 1px #d5d7db;padding:8px 12px;border-radius:3px;color:#8d96a1;font-size:13px;font-weight:400;} .textarea-box {width:99.9%;float:left;background:#fff;border:solid 1px #d5d7db;padding:8px 12px;border-radius:3px;color:#8d96a1;font-size:13px;height:100px;font-weight:400;-webkit-appearance:none;} .textarea-box:focus{border: 1px solid #57c5c7 !important; outline: none;} /*.text-box:focus{border: 1px solid #57c5c7 !important; outline: none;}*/ .button-common:focus{outline: none;} .text-box-with-arrow {width:99.9%;float:left;border:solid 1px #d5d7db;padding:8px 12px;border-radius:3px;color:#8d96a1;font-size:13px;background:#fff url(../images/drop-arrow-select.svg) right no-repeat;} .bootstrap-tagsinput { background-color: #fff; display: inline-block; border:solid 1px #d5d7db; padding:0 3px;min-height:32px;line-height:30px; color: #8d96a1;font-size:13px; vertical-align: middle; cursor: text; width:98.7%;border-radius:3px;} .bootstrap-tagsinput input { border: none; box-shadow: none; outline: none; background-color: transparent; padding:8px 12px; margin: 0; width: auto !important; max-width: inherit; } .bootstrap-tagsinput input:focus { border: none; box-shadow: none; } .bootstrap-tagsinput .tag { margin-right: 2px; color: white; } .bootstrap-tagsinput .tag [data-role="remove"] { margin-left: 8px; cursor: pointer; } /*.bootstrap-tagsinput .tag [data-role="remove"]:after { content: "x"; padding: 0px 2px; }*/ .bootstrap-tagsinput .tag [data-role="remove"]:hover { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .bootstrap-tagsinput .tag [data-role="remove"]:hover:active { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .bootstrap-tagsinput .label-info{ color:#8d96a1;border:solid 1px #d5d7db;border-radius:3px; font-size:14px; font-weight:normal; border-radius:5px; margin:0 0px 0 0px; display:inline-block; padding:0 9px; height:26px; line-height:23px;} .bootstrap-tagsinput .tag [data-role="remove"]:after{ padding:0px 5px 0px 5px; border-left:solid 1px #fff;width:10px;height:10px;border:solid 1px #8d96a1;border-radius:150px;} .bootstrap-tagsinput .tag [data-role="remove"]:hover{box-shadow:none;} .bootstrap-tagsinput .close-arrow {position:relative;top:2px;right:-3px;font-size:13px;color:#64707f;} .bootstrap-tagsinput .close-arrow:hover {color:#000;} h4 a.view-more {color: #57c5c7;float: right;font-size: 16px;margin-right: 0px;} .questionTooltip {background-color: #e0e1e3;border-radius: 23px;float: right;font-weight: bold;height: 23px;line-height: 23px;margin-top: 5px;text-align: center;width: 23px;cursor: pointer;} .text-box.requiredField.fixwidthbox, .custom_file_upload.fixwidthbox {width: calc(100% - 34px);float: left;} .join-now-btn {font-size:13px;color:#ffffff;font-weight:600;text-transform:uppercase;padding:0 20px;border-radius:150px;background:#57c5c7;height:37px;line-height:37px;float:left;} .join-now-btn:hover {background:#3f989a;color:#fff;text-decoration:none;} .join-now-btn.disable { background-color: #a8c4d2; } .brainstormform .join-now-btn { background-image: none; padding-left: 20px; width: auto; } .brainstormform .join-now-btn {background-image: none;padding-left: 20px;width: auto;} .brainstormform .braintitle{padding-left: 0px;} .brainstormform [type="button"], .brainstormform [type="button"] {float: left;left: 0px;position: relative;} .braintitle input {background-color: transparent;border: 0 none;color: #4b5357;float: left;font-size: 22px;width: auto;} .brainstormformtag > input {color: #7c8285;float: left;font-size: 15px;padding-right: 10px;width: auto;margin-top: 10px;} .brainstormformTitle button, .brainstormformtag button {background-color: transparent;background-image: url("../images/profile-edit-icon.svg");border: 0 none;height: 15px;width: 16px;} .brainformblock {float: left;width: 100%;margin-top: 30px;} .brainformblock-left{float: left;margin-right: 20px;} .brainformblock-left img {border-radius: 150px;} .brainformblock-right {color: #8d96a1;float: left;width: calc(100% - 55px);padding-bottom: 20px;position: relative;} .brainformblock-time {margin-bottom: 20px;} .brainformblock-title {font-weight: bold;color: #7f8586;font-size: 16px;} .brainformblock-name {clear: both;color: #8d96a1;font-size: 13px;padding: 5px 0;text-decoration: underline;} .brainformblock-time {color: #8d96a1;} .brainformblock-title span {float: left;} .brainformblock-title a {background-image: url("../images/share-btn.svg");float: left;height: 20px;margin-left: 5px;width: 20px;} .brainformblock-time span {background-image: url(../images/clock-icon.svg);width: 16px;height: 16px;float: left;margin-right: 5px;} .brainformblock.secondlavel { box-sizing: border-box; padding-left: 56px; } .brainformblock.thirdlavel { box-sizing: border-box; padding-left: 112px; } .chatblockleft { float: left; width: calc(100% - 110px); } .brainstormform .join-now-btn {background-image: none;padding-left: 20px;width: auto;} .brainstormform .braintitle{padding-left: 0px;} .brainstormform [type="button"], .brainstormform [type="button"] {float: left;left: 0px;position: relative;} .braintitle input {background-color: transparent;border: 0 none;color: #4b5357;float: left;font-size: 22px;width: auto;} .brainstormformtag > input {color: #7c8285;float: left;font-size: 15px;padding-right: 10px;width: auto;margin-top: 10px;} .brainstormformTitle button, .brainstormformtag button {background-color: transparent;background-image: url("../images/profile-edit-icon.svg");border: 0 none;height: 15px;width: 16px;} .brainformblock {float: left;width: 100%;margin-top: 30px;} .brainformblock-left{float: left;margin-right: 20px;} .brainformblock-left img {border-radius: 150px;} .brainformblock-right {color: #8d96a1;float: left;width: calc(100% - 55px);padding-bottom: 20px;position: relative;} .brainformblock-time {margin-bottom: 20px;} .brainformblock-title {font-weight: bold;color: #7f8586;font-size: 16px;} .brainformblock-name {clear: both;color: #8d96a1;font-size: 13px;padding: 5px 0;text-decoration: underline;} .brainformblock-time {color: #8d96a1;} .brainformblock-title span {float: left;} .brainformblock-title a {background-image: url("../images/share-btn.svg");float: left;height: 20px;margin-left: 5px;width: 20px;} .brainformblock-time span {background-image: url(../images/clock-icon.svg);width: 16px;height: 16px;float: left;margin-right: 5px;} .brainformblock.secondlavel { box-sizing: border-box; padding-left: 56px; } .brainformblock.thirdlavel { box-sizing: border-box; padding-left: 112px; } .chatblock.border { border-bottom: 1px solid #ededed; padding-bottom: 40px; float: left; width: 100%; line-height: 38px; } .chatblockleft { float: left; width: calc(100% - 110px); } .chatblockright { float: right; } brainformblock-right { color: #8d96a1; float: left; width: calc(100% - 55px); padding-bottom: 20px; position: relative; } .brainformblock-name { clear: both; color: #8d96a1; font-size: 13px; padding: 5px 0; text-decoration: underline; } .brainformblock-title { font-weight: bold; color: #7f8586; font-size: 16px; } brainformblock-title span { float: left; } brainformblock-title a { background-image: url("../images/share-btn.svg"); float: left; height: 20px; margin-left: 5px; width: 20px; } .replyblock { float: left; margin-top: 20px; width: 100%; } .textarea-box { width: 99.9%; float: left; background: #fff; border: solid 1px #d5d7db; padding: 8px 12px; border-radius: 3px; color: #8d96a1; font-size: 13px; height: 100px; font-weight: 400; -webkit-appearance: none; } .replybtn { float: left; width: 100%; margin-top: 15px; } .replybtn-right { float: right; } .btn { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 12px; line-height: 1.42857143; border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } em { color: #dd0055; } input:not([type="radio"]):not([type="checkbox"]), select { vertical-align: middle; } .brainformblock-left a { background-image: url("../images/chat-arrow-down.svg"); background-repeat: no-repeat; border: 1px solid #bebebe; border-radius: 16px; display: block; height: 16px; margin: 15px auto 0; width: 16px; } .brainformblock-left a.chatactive { background-image: url("../images/chat-arrow-top.svg"); } .tooltip {display:none;} .tooltip {opacity: 1; border:none;z-index:9999; display:block;background:rgba(0,0,0,0.7);float:left;padding:10px;border-radius:5px;color:#fff;font-size:13px;text-align:left;width:140px;position:absolute;top:29px;} /*.tooltip:after {bottom: 100%;left:50%;border: solid transparent;content: " ";height: 0;width: 0; position: absolute;pointer-events: none;border-color:rgba(136, 183, 213, 0); top:20px;border-bottom-color: rgba(0,0,0,0.7);border-width: 10px;margin-left: -10px;}*/ .ngdialog-content:after{display: table;content:'';clear:both;} .dashboard-title-box h2{text-align: center;color:#575757;padding: 18px 0 5px;} .multipleInput.distant { background: #fff; position: absolute; z-index: 9;width:100%;} .organization-block ul{overflow-x:hidden !important; border: 1px solid #ccc; padding: 5px;margin-top:5px;} .dropdown-toggle.btn.btn-default{background: transparent;border:1px solid #ccc;width:100%;text-align: left;color:#565656;outline: 0 !important} .overflowFix li:nth-child(1),.overflowFix li:nth-child(2),.overflowFix li:nth-child(3){display:inline-block;padding:0 8px;} .overflowFix li a{font-size: 12px;} .overflowFix li label{font-size: 12px;display: block; font-size: 12px; line-height: 18px; padding: 1px 0;} .overflowFix li .checkbox label input{float: left;margin-right: 5px;} .dropdown-header input{padding:6px;border:1px solid #ccc;font-size: 12px;} .multipleInput .dropdown-multiselect .caret { background: rgba(0, 0, 0, 0) url("../images/arrow.svg") no-repeat scroll right center; border: medium none; height: 5px; position: absolute; right: 2px; top: 12px; width: 7px; } .multipleInput span.glyphicon-ok::before { content: url("../images/checkbox-icon.svg"); } .multipleInput span.glyphicon-remove { color: #f00; } .glyphicon:empty { width: 1em; } .md-dialog-container{z-index: 10000;} .dateui md-content{padding: 0 !important} .dateui md-content .layout-align-start-start.layout-row{display: block;} .dateui md-input-container{display: block;margin:0;padding: 0;} .dateui .layout-padding.layout-align-center-center.layout-column.flex > div{width:100%;padding:0;} .dateui .main-advace-serach li select, .dateui .date-input, .dateui .md-icon-float input{padding: 0;border: 1px solid #d5d7db; font-family: arial;-webkit-border-radius: 3px; -moz-border-radius: 3px; font-size: 12px; height: 33px; padding: 5px 15px;} .dateui .md-icon-float.md-input-has-value > label{display: none;} .dateui md-input-container.md-default-theme.md-input-focused:not(.md-input-invalid) .md-input, .dateui md-input-container.md-input-focused:not(.md-input-invalid) .md-input{border:1px solid #ccc;} .dateui md-input-container .md-errors-spacer{min-height: auto;} /*.openmytask,.allproject,.projdetail{display:none}*/ .projectmenu {float: left;width: 100%;margin-bottom: 24px;} .projectmenu ul {float: left;width: 100%;} .projectmenu li {float: left;font-size: 22px; font-weight: bold; margin-right:40px; text-transform: uppercase;width: auto;} .projectmenu li a:after {background-color: transparent;bottom: 0;content: "";height: 6px;left: 0;position: absolute;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;width: 0;} .projectmenu li a:hover:after,.projectmenu li.active a:after {background-color: #007abc;width: 100%;} .projectmenu li a {color: #2e364b;float: left;font-family: montserrat;font-size: 24px;font-weight: bold;padding-bottom: 20px;position: relative;text-transform: uppercase;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;width: auto;} /*collapse expand*/ .colleps-icon .table-minus { display: none;} .colleps-icon.active .table-minus { display: inline-block;} .colleps-icon.active .table-plus { display: none;} .list-project,.innertable-showmore {float: left;max-height: 0;overflow: hidden;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;width: 100%;} .list-project.active,.innertable-showmore.active {max-height: 1000px;} .innertable-show { float: left; width: 100%; position: relative;} .innertable-showmore { float: left; width: 100%; position: relative;} .projectDashboard .table-grid-panel .table-grid-body-panel div.priority {margin-top: -3px;padding: 0 10px;width: auto;float: right;margin-right: 47px;} .projectDashboard .table-grid-panel .table-grid-body-panel .innertable-showmore div.task-name,.projectdashboard .table-grid-panel .table-grid-body-panel .innertable-showmore div.task-name { padding: 12px 15px 12px 46px; width: 100%; } .header-details-panel ul li.new-task {float:right;margin-left:10px;} .header-details-panel ul li.new-task a {text-align:center;float:left;margin-top:0px;background:#57c5c7/* url(../images/plus-add.svg) 9px no-repeat*/;padding:9px 15px 9px 15px;border-radius:150px;font-size:13px;color:#ffffff;text-transform:uppercase;} .header-details-panel ul li select {border: 1px solid #e3e3e3;position: relative; -moz-appearance: none;appearance: none;-webkit-appearance: none; background: rgba(0, 0, 0, 0) url("../images/normale-selct.svg") no-repeat scroll 96% center;padding:2px 24px 2px 6px;} /* atanu added, please rectift by designer*/ .header-details-panel {width:100%;float:left;} .header-details-panel ul {width:100%;float:left;} .header-details-panel li {float:left;} .header-details-panel {width:100%;float:left;padding:20px 0px;} .header-details-panel ul {width:100%;float:left;} .header-details-panel ul li.thumb {float:left;margin-right:20px;margin-top:8px;} .header-details-panel ul li.thumb i img {width:24px;} .header-details-panel ul li.title {float:left;font-size:13px;color:#41474a;font-weight:600;line-height:30px;margin-right:7px;margin-top:7px;} .header-details-panel ul li.title-url {float:left;font-size:13px;color:#41474a;font-weight:600;line-height:33px;margin-right:12px;margin-top:6px;} .header-details-panel ul li.title-url div.wSelect-selected {font-size:13px;color:#41474a;font-weight:400;padding-top:17px;} .header-details-panel ul li.title-url .select-custom-box3 .wSelect-theme-classic .wSelect-options-holder {width:130px;} .header-details-panel ul li.only-one .select-custom-box3 .wSelect-theme-classic .wSelect-options-holder {width:58px;min-width:58px;} .header-details-panel ul li.title-url .wSelect-theme-classic .wSelect-options-holder::before {left:44%;} .header-details-panel ul li.title-url .select-custom-box3 div.wSelect-option-value {padding:3px 15px 2px 0;margin:0 15px !important;} .header-details-panel ul li.title-url .slimScrollDiv {height:auto !important;padding-bottom:5px;} .header-details-panel ul li.title-url .select-custom-box3 .wSelect-arrow {height:11px;border-right:solid 1px #bfc1c2;background-position:2px 4px;margin-top:22px;background-image:url(../images/arrow-2.svg);background-size:60%;width:20px;} .header-details-panel ul li.title-url .select-custom-box3 div.wSelect-selected {margin:0 20px 0 5px;} .header-details-panel ul li.title-url .select-custom-box3 .wSelect-options-holder {right:-56px;} .header-details-panel ul li.only-one .select-custom-box3 .wSelect-options-holder {right: -14px;} .header-details-panel ul li.only-one .select-custom-box3 div.wSelect-selected {margin:0 22px 0 5px;} .header-details-panel ul li.last-title-url .select-custom-box3 .wSelect-arrow {border:none;} .header-details-panel ul li.arrow-up {float:right;margin-left:10px;} .header-details-panel ul li.arrow-up a {width:21px;height:21px;border:solid 1px #c3c8cd;border-radius:150px;text-align:center;float:left;margin-top:6px;background:url(../images/up-down-arrow-round.svg) 6px 6px no-repeat;} .header-details-panel ul li.arrow-up a:hover {border-color:#57c5c7;background-position:-11px 6px;} .header-details-panel ul li.arrow-down {float:right;margin-left:10px;} .header-details-panel ul li.arrow-down a {width:21px;height:21px;border:solid 1px #c3c8cd;border-radius:150px;text-align:center;float:left;margin-top:6px;background:url(../images/up-down-arrow-round.svg) 6px -10px no-repeat;} .header-details-panel ul li.arrow-down a:hover {border-color:#57c5c7;background-position:-11px -10px;} .header-details-panel ul li.zoom-box {float:right;} .header-details-panel ul li.zoom-box a {width:18px;height:18px;text-align:center;float:left;margin-top:8px;background:url(../images/zoom-icon.svg) 0 0 no-repeat;cursor:move;} .header-details-panel ul li.zoom-box a:hover {border-color:#57c5c7;background:url(../images/zoom-icon-hover.svg) 0 0 no-repeat;} .header-details-panel ul li.search-table-panel {float:right;margin-right:0;position:relative;} .header-details-panel ul li.search-table-panel input.search {float:left;border:2px solid #e7edef;border-radius:150px;padding:4px 12px 3px 16px;width:30px;margin-top:4px;font-size:14px;color:#64707f;font-weight:400;} .header-details-panel ul li.search-table-panel input.search-slide {width:auto;padding-right:35px;} .header-details-panel ul li.search-table-panel input.button {opacity:1; float:left;background:url(../images/search-icon-inner.svg) 3px center no-repeat;width:28px;height:20px;border:none;position:absolute;top:9px;right:-1px;} .header-details-panel ul li.search-table-panel input.button:hover {background-position:-22px center;border-color:#bccad0;} .header-details-panel ul li.search-table-panel input.button-focus {opacity:1;background:url(../images/search-close.svg) right no-repeat;} .header-details-panel ul li.search-table-panel input.button-focus:hover {opacity:1;background:url(../images/search-close.svg) right no-repeat;} .header-details-panel ul li.title-url span.select-custom-box3 div.wSelect-arrow {border:none;} .header-details-panel ul li.only-two {/*border:solid 1px #d5d7db;border-radius:150px;*/padding:0px 10px;} li.search-table-panel {float: right;position: relative;} li.search-table-panel input.search {border: 2px solid #e7edef;border-radius: 150px;color: #64707f;float: left;font-size: 14px;font-weight: 400;margin-top: 4px;padding: 6px 12px 3px 16px;transition: all 0.3s linear 0s;width: 33px;} li.search-table-panel input.button {background: rgba(0, 0, 0, 0) url("../images/brain-search.svg") no-repeat scroll center center;border: medium none;float: left;height: 33px;opacity: 1;position: absolute;right: 0;top: 4px;width: 33px;} li.search-table-panel input.search-slide {background: #fff;padding-left: 35px;padding-right: 35px;width: 201px;} li.search-table-panel input.button.button-close{background: rgba(0, 0, 0, 0) url("../images/close-pop-up.svg") no-repeat scroll 3px center;} /*--Meetup page--*/ .header-details-panel li.step-button {margin-right:15px;float:left;} .header-details-panel li.step-button a {font-size:13px;color:#b3bcc0;font-weight:400;text-transform:uppercase;padding:8px 15px;border:solid 2px #eeeff0;border-radius:150px;float:left;} .header-details-panel li.step-button a:hover {border-color:#57c5c7;color:#2d3133;} .header-details-panel li.step-button a.active {border-color:#57c5c7;color:#2d3133;} .header-details-panel li.step-button a.active i {border-color:#57c5c7;background:url(../images/tab-arrow-active.svg) center no-repeat;} .header-details-panel li.step-button a i {width:14px;height:14px;border:solid 1px #b3bcc0;border-radius:150px;float:right;margin:3px 0 0 15px;background:url(../images/tab-arrow.svg) center no-repeat;} .header-details-panel li.step-button a:hover i {border-color:#57c5c7;background:url(../images/tab-arrow-active.svg) center no-repeat;} .common-spacer-box-panel {width:100%;float:left;margin-bottom:20px;} .text-area-box-panel {width:100%;float:left;} .text-area-box-panel ul.wysihtml5-toolbar {display:none;} .text-area-box-panel ul.wysihtml5-toolbar:first-child {display:block;} .tab-text-editor-panel {width:100%;float:left;margin-top:10px;} .tab-text-editor-panel ul.wysihtml5-toolbar {display:none;} .tab-text-editor-panel ul.wysihtml5-toolbar:first-child {display:block;} .ta-editor {min-height: 150px;height: auto;overflow: auto;font-family: inherit;font-size: 100%;margin-top:10px;} .text-editor-custom .btn-default {color: #333 !important;background-color: #fff !important;border-color: #ccc !important;} .text-editor-custom .btn {cursor: pointer;font-size: 14px;font-weight: normal;line-height: 1.42857;text-align: center;white-space: nowrap; padding:6px 11px;box-shadow:0 2px 4px -4px #000;-moz-box-shadow:0 2px 4px -4px #000; -webkit-box-shadow:0 2px 4px -4px #000;} .common-spacer-top-extra .time-line-common-panel-box {margin-top:0;} .btn-group button:last-child { background-image: url("../images/tournxt.svg"); background-repeat: no-repeat; background-position: 59px center; } .btn-group button:first-child { background-image: url("../images/tourprv.svg"); background-repeat: no-repeat; background-position: 9px center; } /* atanu added, please rectift by designer*/ .hideabove768 { display: none; } .despart .table-cell.task-actions { width: 20%; } .despart .table-cell.task-descreeptions { width: 65%; } .techno {line-height: 35px;} .techno img{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%; float: left; margin-right: 8px;} .despart .table-cell.task-actions a { display: inline-block; width: 17%;} .despart .table-cell.task-dedline { padding-right: 70px; width: 20.7%;} .despart .markedarea label{font-size: 12px;font-weight: bold;} .ashBg .table-row { background: #eee; padding: 0 0 0 20px; margin-top: 2px; } .page-container .sidebar-menu #main-menu li ul > li.active a {background: #454e54 url("../images/menu-arrow-hover.svg") no-repeat scroll 26px 15px;} /*added*/ .table-grid-coll.col-md-2.priority.col-grid-10 .prioone {background:#EF019E; color: #fff ;font-size: 11px;padding: 0 5px;text-align: center;} .table-grid-coll.col-md-2.priority.col-grid-10 .priotwo {background:#EF0101; color: #fff ;font-size: 11px;padding: 0 5px;text-align: center;} .table-grid-coll.col-md-2.priority.col-grid-10 .priothree {background:#EF8701; color: #fff ;font-size: 11px;padding: 0 5px;text-align: center;} .from-box.select-custom-box3.status{ min-width: 46px;padding: 5px !important; text-align: center;} .table-grid-panel .table-grid-body-panel div.status div.wSelect-selected{background:#f5c53d;min-width:53px;border-radius:16px;-webkit-border-radius:16px;-moz-border-radius:16px;text-align:center;} .statusDesign .wSelect-theme-classic.wSelect{border:none;height:auto;} .statusDesign .wSelect-arrow{right:-1px; top: -7px;} .statusDesign .wSelect-theme-classic .wSelect-options-holder{width:auto;min-width: 60px;} .priorityDesign .wSelect-theme-classic.wSelect{border:none;height:auto;} .priorityDesign .wSelect-arrow{background:none;} .priorityDesign .wSelect-theme-classic .wSelect-options-holder{width:auto;min-width: 60px;} /*+++++++++++++++++++++ For custom select option+++++++++++++++++++++++*/ .selectGroup label{background: #57C5C7; color: #fff;border-radius: 14px; -webkit-border-radius: 14px; -moz-border-radius: 14px; -ms-border-radius: 14px; position: relative; max-width: 53px; display: block; font-size: 12px; padding: 5px 10px 5px 5px !important; text-align: center; cursor: pointer; } .selectGroup label:after{ width: 0; content:''; position: absolute; top:11px;right:6px; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #fff; } .selectGroup ul {position: absolute; border:1px solid #ccc; border-top:3px solid #57C5C7; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px; background: #fff;z-index: 3; padding: 5px 10px; margin-top:7px; min-width: 60px; } .selectGroup ul:after{ content:''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #57C5C7; width:0px;height:0; margin: auto; left: 0;right:0; position: absolute;top:-9px; } .selectGroup ul li{cursor: pointer;padding: 2px 0} .selectGroup.normal-green label{background: #77A869;} .selectGroup.normal-green ul{border-top:3px solid #77A869;} .selectGroup.normal-green ul:after{border-bottom: 6px solid #77A869;} .selectGroup.normal-pending label{background: #E17C76;} .selectGroup.normal-pending ul{border-top:3px solid #E17C76;} .selectGroup.normal-pending ul:after{border-bottom: 6px solid #E17C76;} .selectGroup.normal label{background: #F5C53D;} .selectGroup.normal ul{border-top:3px solid #F5C53D;} .selectGroup.normal ul:after{border-bottom: 6px solid #F5C53D;} .arrowNone label{cursor: auto ;} .arrowNone label:after{border:none; cursor: auto ;} .selectGroup ul li.selected{color:#f00;} .assigned a{line-height: 28px;} .title-small-panel {width:100%;float:left;font-size:14px;color:#373f43;font-weight:400;} .project-status-list {width:100%;float:left;margin-bottom:20px;margin-top:10px;} .project-status-list ul {width:100%;float:left;} .project-status-list li {width:40%;float:left;font-size:13px;color:#8d96a1;font-weight:400;line-height:27px;background:url(../images/round-arrow-list.svg) left 10px no-repeat;padding-left:20px;} .project-status-list li a {font-size:13px;color:#8d96a1;font-weight:400;} .project-status-list li a:hover {color:#57c5c7;} .project-status-list li [type="checkbox"]:not(:checked) + label::before, .project-status-list li [type="checkbox"]:checked + label::before {border-radius:20px;border-width:2px;width:20px;height:20px;top:6px;} .project-status-list li [type="checkbox"]:not(:checked) + label::after, .project-status-list li [type="checkbox"]:checked + label::after {left:5px;top:1px !important;} .project-last-panel {width:100%;float:left;text-align:center;margin-bottom:20px;} .project-center-panel {width:40%;float:none;margin: 20px auto 0;} .project-common-panel {float:left;width:50%;text-align:left;} .project-small-panel {width:100%;float:left;font-size:14px;color:#8d96a1;font-weight:400;} .project-small-panel strong {color:#41474a;margin-right:5px;} .project-small-panel strong {float: left;padding-bottom: 16px;} .project-common-panel i {font-size:30px;color:#85c075;position:relative;top:5px;margin-right:20px;} .project-common-panel i.yellow {color:#f5c53d;} .project-common-panel label {font-size:13px;color:#64707f;font-weight:400;} .project-common-panel [type="radio"]:not(:checked) + label, .project-common-panel [type="radio"]:checked + label {padding-top:0;} .tab-content-footer-panel [type="checkbox"]:not(:checked) + label::after, [type="checkbox"]:checked + label::after {top:-2px;} .tab-content-footer-panel {width:100%;float:left;padding:20px 24px;border-top:solid 1px #eaebed;} .tab-content-footer-panel input.left {float:left;} .tab-content-footer-panel input.right {float:right;} .tab-content-footer-panel label.right {float:right;margin-top:9px;font-size:13px;color:#7c8389;font-weight:600;text-transform:uppercase;margin-right:10px;} /*--CHart---*/ .chart-slim-panel {width:100%;float:left;height:8px;margin-top:15px;border-radius:150px;overflow:hidden;} .chart-inner-warning {height:8px;float:left;background:#f5c53d;} .chart-inner-critical {height:8px;float:left;background:#ea5044;} .chart-inner-normal {height:8px;float:left;background:#85c075;} .button-common {display:inline-block;padding:9px 32px;margin:0 0px 0 10px; font-size:13px;color:#ffffff;text-transform:uppercase;font-weight:600;border:none;background:#57c5c7;border-radius:96px;border:solid 1px #57c5c7;} .button-common:hover {background:#a8c4d2;border:solid 1px #a8c4d2;} .button-common.active {background:#a8c4d2;border:solid 1px #a8c4d2;} .button-common.active:hover {background:#95aeba;} .button-common.disable {background:#a8c4d2;border:solid 1px #a8c4d2;} .button-common.disable:hover {background:#95aeba;} .button-common.line-mode {background:#fff;border:solid 1px #d7e1e5;color:#7c8389;} .button-common.line-mode:hover {background:#a8c4d2;border:solid 1px #a8c4d2;color:#fff;} .meetups-inner-panel {width:100%;float:left;background:#fff;padding:15px;border-top:solid 1px #ecedee;padding-top:19px;} .row-spacer-panel {margin-bottom:12px;} .row-spacer-panel .half {width:42.5%;} .row-spacer-panel input.text-box {padding-right:28px;} .row-spacer-panel1 input.text-box {border-radius:3px 0px 0 3px;padding-right:28px;} .row-spacer-panel input.right {border-radius:0px;} .row-spacer-panel i.icon {float:left;background:#f0f2f5;border-bottom:solid 1px #dfe2e6; border-top:solid 1px #dfe2e6;padding:7px 10px 8px 10px;font-size:15px;} .row-spacer-panel i.icon:last-child {border-right:solid 1px #e0e1e5;border-radius:0px 3px 3px 0px;} .row-spacer-line {width:100%;float:left;border-bottom:solid 1px #eaebed;float:left;margin-bottom:12px;} .row-spacer-panel div.col-md-6 {padding-left:15px;padding-right:15px;} .row-spacer-panel div.col-md-12 {padding-left:15px;padding-right:15px;} .bootstrap-timepicker-widget.dropdown-menu.open {width:100px;margin:0px;} .row-spacer-panel i.icon-right {position:absolute;right:25px;top:8px;font-size:16px;color:#b1b7bf;} .row-spacer-panel textarea {margin-top:0;} .row-spacer-panel input.button-common {margin-top:0;} .testarea-box {width:99.9%;float:left;background:#fff;border:solid 1px #d5d7db;padding:8px 12px;border-radius:3px;color:#8d96a1;font-size:13px;font-weight:400;} .spacer-test-box {margin-top:12px;height:135px;} .fileUpload {position: relative;overflow: hidden;margin: 10px;} .fileUpload input.upload {position: absolute;top: 0;right: 0;margin: 0;padding: 0;font-size: 20px;cursor: pointer;opacity: 0;filter: alpha(opacity=0);} .custome-file-box .fileUpload {padding:0PX;margin:0px;float:left;width:100%;border:solid 1px #d5d7db;padding:1px;margin-right:3px;} .custome-file-box .fileUpload span.browse {background:#57c5c7;color:#fff;font-size:13px;font-weight:600;border-radius:3px;padding:5px 15px;text-transform:uppercase;float:right;} .custome-file-box .fileUpload em {color:#8d96a1;font-size:13px;font-weight:400;font-style:normal;float:left;margin:5px 0 0 6px;} .check-last-panel li [type="checkbox"]:not(:checked) + label::before, .check-last-panel li [type="checkbox"]:checked + label::before {left:0;top:4px;} .check-last-panel li [type="checkbox"]:not(:checked) + label::after, .check-last-panel li [type="checkbox"]:checked + label::after {top:0;} .datepicker-custome-text .form-control {box-shadow:none;border:none;} .datepicker-custome-text .timepicker-popup {display:none; background:#fff;left: 0;padding:10px 21px 10px 20px;position: absolute;top: 70px;width: auto;z-index: 9;border:solid 1px #dfe2e6;border-radius:4px;border-top:solid 5px #57c5c7;} .datepicker-custome-text .timepicker-popup:after {bottom: 100%;left: 10%;border: solid transparent; content: " ";height: 0; width: 0;position: absolute;pointer-events: none;border-color: rgba(87, 197, 199, 0);border-bottom-color: #57c5c7;border-width: 10px;margin-left: -10px;} .datepicker-custome-text .timepicker-popup div.datetimepicker-wrapper {display:none;} .datepicker-custome-text .timepicker-popup table tbody tr td {padding:0 5px;} .datepicker-custome-text .timepicker-popup table tbody tr {border:none;} .datepicker-custome-text .timepicker-popup .form-control {border:1px solid #e5e5e5;border-radius:0;font-size:14px;font-weight:400;color:#555555;} .datepicker-custome-text .timepicker-popup td .btn-default {background:none !important;border-radius:0;opacity:1 !important;border:1px solid #e5e5e5; font-size:14px;font-weight:400;color:#555555;} .datepicker-custome-text .timepicker-popup span:before { font-family: 'Entypo'; font-size: 12px; font-style: normal; } .datepicker-custome-text .timepicker-popup span.icon-chevron-up:before { content: '\e876'; } .datepicker-custome-text .timepicker-popup span.icon-chevron-down:before { content: '\e873'; } .datepicker-custome-text .timepicker-popup span::before {font-size:17px !important;color:#8d96a1;font-weight:400;} .datepicker-custome-text .timepicker-popup a:hover {text-decoration:none;} .datepicker-custome-text.open .timepicker-popup {display:block;} .spacer-right .timepicker-popup {right:0;left:initial;top:40px;} .header-panel-fix-top .dropdown-menu-list li span {position:absolute;top:-5px;left:13px;width:auto;height:20px;border-radius:150px;font-size:12px;color:#fff;line-height:19px;padding:0 7px;} .header-panel-fix-top .dropdown-menu-list li span.critical {background:#ea5044;} .header-panel-fix-top .dropdown-menu-list li span.normal {background:#85c075;} .header-panel-fix-top .dropdown-menu-list li span.warning {background:#f5c53d;} .header-panel-fix-top .dropdown-menu-list li span.blue {background:#4588e3;} ul.list-content li a.warning img {border-color:#f5c53d;} ul.list-content li a.normal img {border-color:#57c5c7;} ul.list-content li a.critical img {border-color:#ea5044;} .meetups-list-user-panel {width:108%;float:left;/*height:240px;overflow:hidden;*/} .meetups-list-user-panel li {float:left;margin-right:30px;position:relative;margin-bottom:25px;width:21%;} .meetups-list-user-panel [type="checkbox"]:not(:checked) + label::before, .meetups-list-user-panel [type="checkbox"]:checked + label::before {border-radius:20px;border-width:2px;width:18px;height:18px;top:-5px;} .meetups-list-user-panel [type="checkbox"]:not(:checked) + label::after, .meetups-list-user-panel [type="checkbox"]:checked + label::after {left:5px;top:-7px !important;} .meetups-list-user-panel a img {border-radius:150px;margin-right:10px;} .meetups-list-user-panel a {font-size:13px;color:#7c8285;font-weight:400;text-decoration:underline;} .meetups-list-user-panel a:hover {color:#57c5c7;} .meetups-list-user-panel li span {position:absolute;top:24px;left:55px;width:auto;height:14px;border-radius:150px;font-size:12px;color:#fff;line-height:19px;padding:0 6px;cursor:pointer;border:solid 1px #fff;} .meetups-list-user-panel li span.critical {background:#ea5044;} .meetups-list-user-panel li span.normal {background:#85c075;} .meetups-list-user-panel li span.warning {background:#f5c53d;} .meetups-list-user-panel li span.blue {background:#57c5c7;} .meetups-list-status-panel {width:100%;float:left;text-align:center;margin-bottom:5px;} .meetups-list-status-panel span {display:inline-block;font-size:13px;color:#7c8285;font-weight:400;margin-right:15px;} .meetups-list-status-panel span em.critical {background:#ea5044;} .meetups-list-status-panel span em.normal {background:#85c075;} .meetups-list-status-panel span em.warning {background:#f5c53d;} .meetups-list-status-panel span em.blue {background:#57c5c7;} .meetups-list-status-panel span em {width:8px;height:8px;border-radius:150px;font-size:12px;color:#fff;line-height:19px;cursor:pointer;float:left;margin-top:5px;margin-right:5px;} /* for rating */ .rating { color: #a9a9a9; margin: 0; padding: 0; } ul.rating { display: inline-block; } .rating li { list-style-type: none; display: inline-block; padding: 1px; text-align: center; font-weight: bold; cursor: pointer; font-size:20px; } .rating .filled { color: orangered; } .clear{ margin-top:20px; } /* for rating */ /* for notification */ .inner-header .notification-panel > ul {width:auto;float:left;} .home li.notification-panel{display: none;} li.notification-panel {width:30px;height:35px;line-height:32px;float:left;position:relative;text-align:center;margin:0 6px;} li.notification-panel a {width:100%;text-align:center;} /*li.notification-panel span {display:block !important;position:absolute;top:4px;left:13px;width:auto;height:20px;border-radius:150px;font-size:12px;color:#fff;line-height:19px;padding:0 7px;} */li.notification-panel span.critical {background:#ea5044;} li.notification-panel span.normal {background:#85c075;} li.notification-panel span.warning {background:#57c5c7;} li.notification-panel span.blue {background:#4588e3;} .home span.notification-panel{display: none;} span.notification-panel {width:30px;height:35px;line-height:32px;float:left;position:relative;text-align:center;margin:0 6px;} span.notification-panel a {width:100%;text-align:center;} span.notification-panel span {display:block !important;position:absolute;top:4px;left:13px;width:auto;height:20px;border-radius:150px;font-size:12px;color:#fff;line-height:19px;padding:0 7px;} span.notification-panel span.critical {background:#ea5044;} span.notification-panel span.normal {background:#85c075;} span.notification-panel span.warning {background:#57c5c7;} span.notification-panel span.blue {background:#4588e3;} /* for notification */ .common-drop-menu {position:absolute; background:#ffffff;right:0px; top:51px;padding:20px 0;border-radius:5px;border:solid 1px #dfe2e6; border-top:solid 5px #57c5c7; width:488px;z-index:1000;} .common-drop-menu:after{border-radius:3px;bottom:-35px;font-size:12px;color:#fff;content:attr(title);left:0%;padding:5px 3px;position:absolute;z-index:99999;width:80px;text-align:center;} .common-drop-menu:before{border:solid;border-color:#57c5c7 transparent;text-align:center;border-width:0px 6px 6px 6px;top:-11px;content:"";font-size:12px;right:2%;position:absolute;z-index:9999;} .common-drop-menu li {width:100%;padding:0px !important;} .common-drop-menu li a {/*width:81%;*/border:none !important; padding:12px 15px !important;color:#90a3a3 !important;margin: 0;} .common-drop-menu li a:hover {color:#6d707e !important;} .common-drop-menu .title-pop {font-size:16px;color:#41474a;text-align:left;padding-left:20px;font-weight:600;line-height:15px;} .common-drop-menu .title-pop i {margin-right:20px;color:#ea5044;font-size:18px;float:left;} .common-drop-menu ul {width:100%;float:left;padding:0 3%;margin-top:20px;max-height:200px;overflow:auto;} .common-drop-menu ul li {width:98% !important;float:left;border-bottom:solid 1px #ecedee;padding-bottom:23px !important;margin-bottom:20px !important;} .common-drop-menu ul li:last-child {margin-bottom:0 !important;border-bottom:none;} .common-drop-menu ul li div.thumb-icon {width:35px;height:35px; float:left;position:relative;} .common-drop-menu ul li div.thumb-icon img {width:35px;height:35px;border-radius:150px;} .common-drop-menu ul li div.thumb-icon span {width:10px;padding:0px;height:10px;left:24px;bottom:0;top:auto;border:solid 2px #fff;} .common-drop-menu ul li div.list-box {width:366px;float:right;text-align:left;} .common-drop-menu ul li div.common-list {width:100%;float:left;font-size:13px;color:#afbbbb;line-height:27px;} .common-drop-menu ul li div.left-list {width:56%;float:left;font-size:13px;color:#7c8285;line-height:17px;word-wrap: break-word;line-height:20px;} .common-drop-menu ul li div.right-list {width:140px;float:right;text-align:right;} .common-drop-menu ul li div.right-list a.accept {text-align:left;padding:0 10px !important;width:auto;background:#88b67b;color:#fff !important;line-height:18px;border-radius:20px;height:19px;text-transform:uppercase;font-size:12px;} .common-drop-menu ul li div.right-list a.accept:hover {text-decoration:none;background:#9dca90;} .common-drop-menu ul li div.right-list a.decline {text-align:left;margin-left:9px; padding:0 10px !important;width:auto;background:#e56258;color:#fff !important;line-height:18px;border-radius:20px;height:19px;text-transform:uppercase;font-size:12px;} .common-drop-menu ul li div.right-list a.decline:hover {text-decoration:none;background:#ef776e;} .common-drop-menu ul li div.left-list a {text-decoration:underline;padding:0px !important;width:auto;font-weight:600;color:#7c8285 !important;margin-right:5px;} .common-drop-menu ul li div.left-list a:hover {color:#000 !important;} .common-drop-menu ul li div.thumb-icon a {padding:0px !important;} .common-drop-menu div.slimScrollDiv {float:left;width:98% !important;} .common-drop-menu ul li div.right-list a.close {text-align:left;padding:0 10px !important;width:auto;height:19px;float:right;line-height:21px;opacity: 1;} .common-drop-menu ul li div.right-list a.close i {font-size:15px;color:#afbbbb;} .common-drop-menu ul li div.right-list a.close:hover {text-decoration:none;} .common-drop-menu ul li div.right-list a.close:hover i {color:#000;text-decoration:none;} .common-drop-menu .title-pop .green {color:#85c075 !important;} .common-drop-menu .title-pop .yellow {color:#f5c53d !important;} .common-drop-menu .title-pop .blue {color:#1c6ad5 !important;} .common-drop-menu div.green-notification a {margin-bottom: 6px;} li.subnoti ul{background: #f5f5f5; height: auto; max-height: inherit; overflow: visible;} li.subnoti ul li .list-box { width: 88%;} .common-drop-menu li.subnoti ul li div.thumb-icon span{border:none;} .common-drop-menu ul li.normal{position: relative;} .right-list.green-notification a.close{position: absolute;top:0;} .pro-review .col-md-10{width:80%;float:left;} .pro-review .col-md-2{width:20%;float:left;text-align: right;} .itemreviews{border-bottom: 1px solid #e2e2e2; clear: both; margin-bottom:10px; padding-bottom: 10px;} .itemreviews:after{clear:both;display: table;content:'';} .excomments{padding-top:15px;} .ta-text.ta-editor.form-control{ border: 1px solid #ccc; } .thumb-grid-vol {float: left; margin: 1%; width: 23%;cursor: pointer;} .thumb-grid-vol .mythumb{background-attachment: fixed; background-position: center center;z-index: 1;} .thumb-grid-vol .mythumb img.departimg { width: 100%;height:auto;} .thumb-grid-vol:hover .thumb-content{background:#fff;color:#000;} .thumb-grid-vol:hover .normale-content p{opacity:1;} .thumb-grid-vol:hover .normale-content h3 a{color:#000;} .thumb-grid-vol:hover .normale-bottom{opacity:0;} .thumb-grid-vol:hover .hover-bottom{display: block;} .thumb-grid-vol .thumb-content{ pointer-events: inherit;} .thumb-grid-less .thumb-grid-vol {float: left; margin: 1%; width: 31.3333%} .thumb-grid-less .thumb-grid-vol p{font-size:14px;line-height: 20px;} /* circle radious */ .img-circle { border-radius: 50%; } .showset{float: left;} .showsetparent{ display:inline-block; padding:0px 10px 0px 0px; margin: 0px;} .showsetparent span{ display: inline-block; float: left; padding:0px 10px 0px 0px; margin: 0px; width:36px; height: 36px;} .showsetparent span img{ max-width: 100%;} .showsetparent p{ display: inline-block; float: left; padding:0px 0px 0px 0px; margin: 0px; line-height:26px; font-size: 16px; color:#ffffff;} .fixed .showsetparent p{color:#000000;} .showlog{ margin-top: 5px;} .navbar-parts .links{float: left;} .notificationwarning{position: relative;} .notificationwarning img { vertical-align: middle; } .notificationwarning .warning { background: #57c5c7 none repeat scroll 0 0; margin-left: 5px; border-radius:150px; color: #fff; display: block !important; font-size: 12px; height: 20px; left: 13px; line-height: 19px; padding: 0 7px; position: absolute; top:-3px; width: auto; } /* on signup extends */ .accreated .vol-title{text-align: center;} .accreated .login-block{max-width: 220px;float: inherit;margin: auto;} .accreated .login-block .twitter{margin: 15px 0} .accreated .signup-nav{max-width: 220px;float: inherit;margin:20px auto 0;clear:both;border:none;} .accreated .signup-nav .button-input{padding: 8px 20px;width:100%;} .organization-profile-img{float:none;margin:28px 0 0;text-align: center;} /* on signup extends end*/ .step2-nav {float: right;} .step2-nav .button-input{float: left;} .step2-nav .button-input {position: relative !important;background-color: #a8c4d2;} .step2-nav .button-input:hover{background-color: #57c5c7;} .creat-account.button-input.createbtn {margin-left: 20px;width: 175px;} .creat-account.button-input.createbtn.likeyou { font-size: 12px; margin-left:0px; margin-top:0px; min-width: 139px; padding:10px 15px; width: auto; white-space: pre-wrap; /* CSS3 */ white-space: -moz-pre-wrap; /* Firefox */ white-space: -pre-wrap; /* Opera <7 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* IE */ } .parentlike{ width: 100%; display: inline-block; clear: both; padding:5px 0px; margin: 0px;} .parentlike .right-block{ width:230px; display: inline-block; float: left; padding:0px 5px 0px 0px; } .parentlike .left-text-block{ width:170px; display: inline-block; float: right; } .popcancel { width: 100%; display: inline-block; clear: both; padding:5px 0px; margin: 0px; text-align: right;} .popcancel a{ display: inline-block; float: right !important; margin-right: 20px;} /*discussion*/ .time-line-grid-view-panel {width:100%;float:left;margin-top:40px;position:relative;margin-bottom:25px;} .time-line-grid-view-panel ul {width:100%;float:left;} .time-line-grid-view-panel > ul::before {border-left: 1px solid transparent;content: "";height: 100%;left: 50%;margin-left: 0;position: absolute;top: 0;width: 0;border-color:rgba(158, 173, 195, 0.16);} .time-line-grid-view-panel ul li {width:100%;float:left;} .time-line-grid-view-panel ul li div.item-left {width:50%;float:left;} .time-line-grid-view-panel ul li div.item-right {width:50%;float:right;} .time-line-grid-view-panel ul li div.item-left div.item-inner-box {width:92%;float:right;background:#fff;margin-right:38px;padding:22px;position:relative;border:solid 1px #f2f2f2;box-shadow:0px 4px 0px 0px #e4e7e8;border-radius:5px;margin-bottom:15px;border-top:solid 2px #f0f3f4;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} .time-line-grid-view-panel ul li div.item-left div.item-inner-box:after {left: 100%;top: 30px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0); border-left-color: #fff;border-width: 10px; margin-top: -10px;} .time-line-grid-view-panel ul li div.item-right div.item-inner-box {width:92%;float:left;background:#fff;margin-left:38px;padding:22px;position:relative;border:solid 1px #f2f2f2;border-top-width:2px; box-shadow:0px 4px 0px 0px #e4e7e8;border-radius:5px;margin-bottom:15px;border-top:solid 2px #f0f3f4;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} .time-line-grid-view-panel ul li div.item-right div.item-inner-box:after {right: 100%;top: 30px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0); border-right-color: #fff;border-width: 10px; margin-top: -10px;} .time-line-grid-view-panel ul li div.title-panel a {-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} .time-line-grid-view-panel ul li div.item-left div.item-inner-box:hover {border-top:solid 2px #57c5c7;z-index:99;} .time-line-grid-view-panel ul li div.item-right div.item-inner-box:hover {border-top:solid 2px #57c5c7;z-index:99;} .time-line-grid-view-panel ul li div.item-left div.item-inner-box:hover div.title-panel a {color:#57c5c7;} .time-line-grid-view-panel ul li.title a {padding:0px 15px;height:30px;line-height:28px;display:inline-block;background:#a8c4d2;color:#fff;border-radius:150px;font-size:14px;position:relative;} .time-line-grid-view-panel ul li.title span {padding:0px 15px;height:30px;line-height:28px;display:inline-block;background:#a8c4d2;color:#fff;border-radius:150px;font-size:14px;position:relative;} .time-line-grid-view-panel ul li.title a:hover {background:#91b0bf;} .time-line-grid-view-panel ul li.title {text-align:center;margin-bottom:30px;} .time-line-grid-view-panel ul li div.date-panel {font-size:13px;color:#bfc7d0;font-weight:400;width:100%;float:left;margin-bottom:5px;} .time-line-grid-view-panel ul li div.title-panel {font-size:13px;color:#7f8586;font-weight:600;width:100%;float:left;margin-bottom:10px;} .time-line-grid-view-panel ul li div.title-panel a {font-size:13px;color:#7f8586;font-weight:600;} .time-line-grid-view-panel ul li div.title-panel a:hover {color:#7f8586 !important;} .time-line-grid-view-panel ul li div.disc-panel {font-size:13px;color:#8d96a1;font-weight:400;width:100%;float:left;margin-bottom:20px;} .time-line-grid-view-panel ul li div.user-panel {width:100%;float:left;position:relative;} .time-line-grid-view-panel ul li div.user-panel a {font-size:13px;color:#7c8285;font-weight:400;float:left;text-decoration:underline;} .time-line-grid-view-panel ul li div.user-panel a:hover {color:#57c5c7;} .time-line-grid-view-panel ul li div.user-panel img {margin-right:10px;border-radius:150px;} .time-line-grid-view-panel ul li div.item-left div.icon-center {position:absolute;right:-57px;top:12px;width:35px;height:35px;float:left;border-radius:150px;text-align:center;line-height:39px;} .time-line-grid-view-panel ul li div.item-right div.icon-center {position:absolute;left:-57px;top:12px;width:35px;height:35px;float:left;border-radius:150px;text-align:center;line-height:39px;} .time-line-grid-view-panel ul li div.item-left div.icon-center i {font-size:15px;color:#fff;} .time-line-grid-view-panel ul li div.item-right div.icon-center i {font-size:15px;color:#fff;} .time-line-grid-view-panel ul li div.green {background:#85c075;} .time-line-grid-view-panel ul li div.orange {background:#ff8400;} .time-line-grid-view-panel ul li div.blue {background:#1b92d4;} .time-line-grid-view-panel ul li div.yellow {background:#f5c53d;} .time-line-grid-view-panel ul li div.red {background:#ea5044;} .spacer-margin-70 {margin-top:70px;} .spacer-margin-120 {margin-top:120px;} .time-line-grid-view-panel ul li div.thumb-gallery {width:100%;float:left;margin-bottom:12px;} .time-line-grid-view-panel ul li div.thumb-gallery ul {width:100%;float:left;} .time-line-grid-view-panel ul li div.thumb-gallery ul li {width:31%;float:left;margin-right:3%;margin-bottom:3%;} .time-line-grid-view-panel ul li div.thumb-gallery ul li img {width:100%;border:solid 1px #f2f2f2;border-radius:3px;box-shadow:0px 3px 0px 0px #f2f2f2;} .time-line-grid-view-panel ul li div.thumb-gallery ul li:last-child, .time-line-grid-view-panel ul li div.thumb-gallery ul li:nth-child(3) {margin-right:0px;} .time-line-grid-view-panel ul li.yest a {padding:0px 15px;height:30px;line-height:28px;display:inline-block;background:#a8c4d2;color:#fff;border-radius:150px;font-size:14px;position:relative;} .time-line-grid-view-panel ul li.yest span {padding:0px 15px;height:30px;line-height:28px;display:inline-block;background:#a8c4d2;color:#fff;border-radius:150px;font-size:14px;position:relative;} .time-line-grid-view-panel ul li.yest a:hover {background:#91b0bf;} .time-line-grid-view-panel ul li.yest {text-align:center;margin-bottom:10px;margin-top:15px;} .time-line-grid-view-panel ul li.more {margin-bottom:0px;} .time-line-grid-view-panel ul li.more a {padding:0 30px;background:#57c5c7;font-weight:600;text-transform:uppercase;} .discussions-line-panel a img {border-radius:0 !important;} .time-line-grid-view-panel ul li .discussions-line-panel a {margin-left:10px;} .time-line-grid-view-panel ul li .discussions-line-panel a.reply {width:13px;height:13px;float:right;background:url(../images/reply-arrow.svg) center no-repeat;margin-top:5px;} .time-line-grid-view-panel ul li .discussions-line-panel a.reply:hover {background:url(../images/reply-arrow-hover.svg) center no-repeat;} .time-line-grid-view-panel ul li .discussions-line-panel a.user {width:16px;height:16px;float:right;background:url(../images/user-icon.svg) center no-repeat;margin-top:5px;} .time-line-grid-view-panel ul li .discussions-line-panel a.user:hover {background:url(../images/user-icon-hover.svg) center no-repeat;} .time-line-grid-view-panel ul li .discussions-line-panel a.download {width:16px;height:13px;float:right;background:url(../images/download-icon.svg) center no-repeat;margin-top:5px;} .time-line-grid-view-panel ul li .discussions-line-panel a.download:hover {background:url(../images/download-icon-hover.svg) center no-repeat;} .time-line-grid-view-panel ul li .discussions-line-panel a.open {width:23px;height:13px;float:right;background:url(../images/open-icon.svg) center no-repeat;margin-top:0;} .time-line-grid-view-panel ul li .discussions-line-panel a.open:hover {background:url(../images/open-icon-hover.svg) center no-repeat;} .time-line-grid-view-panel ul li .discussions-line-panel a.attachment {width:13px;height:13px;float:right;background:url(../images/attach-small.svg) center no-repeat;margin-top:5px;} .time-line-grid-view-panel ul li .discussions-line-panel a.attachment:hover {background:url(../images/attach-small-hover.svg) center no-repeat;} .time-line-grid-view-panel ul li .discussions-line-panel a.attachment {width:16px;height:16px;float:right;background:url(../images/attach-small.svg) center no-repeat;margin-top:5px;} .time-line-grid-view-panel ul li .discussions-line-panel a.attachment:hover {background:url(../images/attach-small-hover.svg) center no-repeat;} .discussions-line-panel div.slide-more-opation {float:right;width:0;margin-right:35px; overflow:hidden;} .discussions-line-panel div.slide-more-opation span {width:105px;float:right;height:20px;/*overflow:hidden;*/} /*.discussions-line-panel div.slide-more-opation span:hover {overflow:visible;}*/ .discussions-line-panel div.slide-more-opation span a {margin-left:10px !important;margin-top:0 !important;} .discussions-line-panel div.slide-more-details {width:100px;overflow:visible;} .time-line-grid-view-panel ul li div.user-panel a.more-details-btn {width:28px;height:28px;float:right;margin-top:0;border-radius:150px;position:absolute;top:-4px;right:0;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;z-index:99999999999;} .colleps-main-common-panel {width:100%;float:left; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} .slide-tab-panel-main {width:100%;float:left;} .slide-tab-panel {width:100%;float:left;} .slide-tab-panel ul {width:100%;float:left;padding:0 0%;} .slide-tab-panel li {float:left; width:33.3%;text-align:center;height:72px;line-height:72px;} .slide-tab-panel li i {font-size:20px;color:#a2a9b2;} .slide-tab-panel li a {float:left;display:block;width:100%;border-bottom:solid 2px #f0f3f4} .slide-tab-panel li a:hover {border-bottom:solid 2px #57c5c7;} .slide-tab-panel li a:hover i {color:#57c5c7;} .slide-tab-panel li.active a {border-bottom:solid 2px #57c5c7;} .slide-tab-panel li.active a i {color:#57c5c7;} .slide-tab-panel-main div.ng-isolate-scope div.tab-content {width:100%;float:left;margin-top:20px;} .slide-tab-panel-main div.ng-isolate-scope > ul {width:100%;float:left;padding:0 0%;} .slide-tab-panel-main div.ng-isolate-scope > ul > li {float:left; width:33.3%;text-align:center;height:72px;line-height:72px;} .slide-tab-panel-main div.ng-isolate-scope > ul > li i {font-size:20px;color:#a2a9b2;} .slide-tab-panel-main div.ng-isolate-scope > ul > li > a {float:left;display:block;width:100%;border-bottom:solid 2px #f0f3f4;background:none;border-radius:0;padding:0px;} .slide-tab-panel-main div.ng-isolate-scope > ul > li a:hover {border-bottom:solid 2px #57c5c7;background:none;} .slide-tab-panel-main div.ng-isolate-scope > ul > li > a:hover i {color:#57c5c7;background:none;} .slide-tab-panel-main div.ng-isolate-scope > ul > li.active > a {border-bottom:solid 2px #57c5c7;background:none;border-radius:0;padding:0px;} .slide-tab-panel-main div.ng-isolate-scope > ul > li.active > a i {color:#57c5c7;background:none;} .slide-tab-panel-main div.ng-isolate-scope > ul > li:first-child {top:2px;} /*message in lebel */ .lebeltext_box{ width:90%; background: #fff; padding: 8px 12px; border:0px; border-radius: 3px; /*color: #8d96a1;*/ color: #F99D32; font-size: 13px; font-weight: 400; } .organization-left.mydroplist li a{font-size: 12px;line-height: 14px; padding: 1px 0;} .organization-left.mydroplist li.active::after{border:none;} .organization-left.mydroplist ul li{width:100%;display:block;text-align: left;border:none;height:auto;} /*subscription non module- */ .subscribe-opaque{opacity: 0.33;} .organization-block input[type=checkbox]{-webkit-appearance: checkbox;} /* temporary: custom checkbox missing */ .signup-nav input[type=radio]{-webkit-appearance: radio;} /* temporary: custom checkbox missing */ .common-drop-menu ul li div.common-list{position: relative;} .common-drop-menu ul li div.common-list .right-close{float:right;} .common-drop-menu ul li div.common-list .right-close a.close{width:20px; position: absolute; top: 0; padding: 0 !important;} .box-pop-up-advance-panel { padding: 20px 30px;} /* for username click dropdown*/ ul.menu li ul.drop-menu-top {position:absolute; background:#ffffff; top:51px;padding:10px 0;border-radius:5px;border:solid 1px #dfe2e6; border-top:solid 5px #57c5c7; width:135px;z-index:1000;} ul.menu li ul.drop-menu-top:after{border-radius:3px;bottom:-35px;font-size:12px;color:#fff;content:attr(title);left:0%;padding:5px 3px;position:absolute;z-index:99999;width:80px;text-align:center;} ul.menu li ul.drop-menu-top:before{border:solid;border-color:#57c5c7 transparent;text-align:center;border-width:0px 6px 6px 6px;top:-11px;content:"";font-size:12px;left:12%;position:absolute;z-index:9999;} ul.menu li .drop-menu-top li {width:100%;padding:0px !important;border:none !important;} ul.menu li .drop-menu-top li a {width:92%;border:none !important; padding:12px !important;float:left;color:#90a3a3 !important;} ul.menu li .drop-menu-top li a:hover {color:#6d707e !important;} ul.menu li ul.user-fix a { font-size: 13px; text-transform: none;} [ng-click],[data-ng-click],[x-ng-click] { cursor: pointer; } [ng-click]:hover,[data-ng-click]:hover,[x-ng-click]:hover { color: #57c5c7; } ul.menu li ul.user-fix i { float: left; font-size: 15px; margin-right: 6px; } #profileMenu a .showset { color: #57c5c7;} #profileMenu a .showset img{width:30px;height:30px;} ul.menu li#profileMenu a.rightarrow { background:url("../images/arrow-2.svg") no-repeat right center;padding-right: 20px; } #profileMenu a p.showset { padding-left: 5px; padding-top: 6px;} .bottom-padding{padding-bottom: 10px; margin-bottom: 10px;} /*soumya*/ .portfolio-details-box{padding: 120px 0 0; font-family: "Lato",sans-serif;} .call-5-left-panel .send-a-message-custome li .item-left{float: none; width: 100%; border:none; outline:none;} .send-a-message-custome li div.item-left{float: none; width:100%; border:none; outline:none;} .send-a-message-custome li .item-inner-box { border-radius: 0; border:none; box-shadow: none; margin-bottom: 0; padding: 22px; position: relative; transition-duration: 0.5s; outline:none; border: none; box-shadow:none; border-top: 2px solid #f0f3f4; } .send-a-message-custome li div.item-left div.item-inner-box::after{display:none;} .call-5-left-panel .send-a-message-custome li .item-inner-box:before{ display: none;} .time-line-grid-view-panel ul li div.item-left div.item-inner-box{ border-radius: 0; border:none; box-shadow: none; margin-bottom: 0; padding: 22px; position: relative; transition-duration: 0.5s; outline:none; border: none; box-shadow:none; border-top: 2px solid #f0f3f4;} .send-a-message-custome li .item-inner-box:after{display:none;} .call-5-left-panel .send-a-message-custome li .item-inner-box:before{display:none;} .side-social-icon-panel a{ font-family: "Lato",sans-serif; line-height:normal;} .time-line-grid-view-panel ul li div.item-left div.item-inner-box::after{display: none;} .time-line-grid-view-panel ul li div.item-left div.item-inner-box::before{display: none;} .time-line-grid-view-panel ul li div.user-panel a.more-details-btn{ z-index:9;} ul.menu li#profileMenu ul.drop-menu-top::before{ -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #57c5c7 transparent; border-image: none; border-style: solid; border-width: 0 6px 6px; content: ""; font-size: 12px; position: absolute; left:inherit; right: 9.2%; text-align: center; top: -11px; z-index: 9999; } ul.menu li#profileMenu ul.drop-menu-top{ background-color: #fff; border-color: #57c5c7 #dfe2e6 #dfe2e6; border-radius: 5px; border-top: 5px solid #57c5c7; left: initial; margin-top: 15px; min-width: 145px; padding: 7px 0; right: -10px; top:34px; width: 150px; } ul.menu li#profileMenu .drop-menu-top li a::after{ display:none;} ul.menu li#profileMenu ul.drop-menu-top li{ margin-right: 0px;} ul.menu li#profileMenu .drop-menu-top li a{ color: #90a3a3; font-size: 13px; padding: 8px 10px !important; transition: all 300ms ease-in-out 0s; border:none; font-family: "Lato",sans-serif; font-weight: normal; margin:0px; } ul.menu li#profileMenu .drop-menu-top li a i { margin-right:12px; opacity: 0.7; } ul.menu li#profileMenu .drop-menu-top li a:hover { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #384343; } ul.menu li#profileMenu .drop-menu-top li a:hover i { opacity: 1; } /* .inner-pagefixed header {background-color: #fff;border-bottom: 1px solid #ccc;transform: skew(0deg, 1.5deg);-moz-transform: skew(0deg, 1.5deg);-webkit-transform: skew(0deg, 1.5deg);-o-transform: skew(0deg, 1.5deg); .inner-pagefixed header::before {background-color: #fff;content: "";height: 50px;left: 0;position: absolute;right: 0;top: -30px;width: 100%;} .inner-pagefixed .links,.inner-pagefixed .links a,.head-project .links,.head-project .links a {color: #000;} .inner-pagefixed header.nav-header {height: 100%;transform: skew(0deg);-moz-transform: skew(0deg);-webkit-transform: skew(0deg);-o-transform: skew(0deg);-ms-transform: skew(0deg);z-index: 99;} .inner-pagefixed .logo-f {top:51px;opacity: 1;filter:alpha(opacity=100);transform: skew(0deg, -1.5deg);-moz-transform: skew(0deg, -1.5deg);-webkit-transform: skew(0deg, -1.5deg);-o-transform: skew(0deg, -1.5deg);-ms-transform: skew(0deg, -1.5deg);} .inner-pagefixed .logo{opacity: 0;} .inner-pagefixed .navbar-parts {position: relative;top: -30px;transform: skew(0deg, -1.5deg);-moz-transform: skew(0deg, -1.5deg);-webkit-transform: skew(0deg, -1.5deg);-o-transform: skew(0deg, -1.5deg);-ms-transform: skew(0deg, -1.5deg);} .inner-pagefixed .nav-header .navbar-parts{opacity: 0;} .inner-pagefixed .nav-bar-part.opennav .logo {opacity: 1;} .inner-pagefixed .nav-ico span::before,.head-project .nav-ico span::before{background-color: #353d51;} .inner-pagefixed .nav-ico span::after,.head-project .nav-ico span::after {background-color: #353d51;} .inner-pagefixed .nav-ico span,.head-project .nav-ico span {background-color: #353d51; } .inner-pagefixed .sidebar-ico span::before,.head-project .sidebar-ico span::before {background-color: #353d51;} .inner-pagefixed .sidebar-ico span::after,.head-project .sidebar-ico span::after {background-color: #353d51;} .inner-pagefixed .sidebar-ico span,.head-project .sidebar-ico span {background-color: #353d51;} .inner-pagefixed .donate{color: #000;} .nav li .sub-nav > li a:hover,.inner-pagefixed header .nav > ul li a:hover{color: #ffa71c;} .inner-pagefixed header .nav > ul li a,.inner-pagefixed header .nav > ul li{color: #000;} .inner-pagefixed .signup-ico.responsive img{display: none;} .inner-pagefixed .signup-ico.responsive img.black-login{display: block;} .inner-pagefixed .showsetparent p{color:#000000;} */ ======= /*----------------------------------- Basic All CSS RESET -----------------------------------*/ *{padding:0;margin:0;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;} body{padding:0;margin:0;-webkit-text-size-adjust:none;font-family: 'Montserrat', sans-serif;} h1,h2,h3,h4,h5,h6,hgroup,ul,li,ol,p,nav,a,img{padding:0;margin:0;list-style:none;text-decoration:none;outline:none;} div,section,aside,nav,span,article,address,header,footer{padding:0;margin:0;outline:none !important;} img{outline:none;border:0;} ::selection{background-color:#e3f0f7;color:#000;} ::-moz-selection{background-color:#e3f0f7;color:#000;} ::-ms-selection{background-color:#e3f0f7;color:#000;} .clear{clear:both;} select::-ms-expand {display: none;} html,body{height:100%;} .whitecolor{color:#fff;} a{color:#2d364b;font-size:14px;} label{color: #868fae;font-size: 14px;line-height: 16px;font-family: 'proxima_nova_rgregular';font-weight: normal;} .main{height: 100%;} .fluid-container{float: left;width: 100%;height: 100%;} .nomargin{margin-bottom:0 !important;} p{font-size: 14px;color: #2d364b;font-family: 'PT Sans', sans-serif;} h1 {font-size: 56px;font-family: 'Libre Baskerville', serif;} h1 em{font-family: 'Playfair Display SC', serif;} h2,.pro-fl-detils h2 a {color: #2d364b;font-family: "Montserrat",sans-serif;font-size: 24px;font-weight: normal;text-transform: uppercase;} h3{font-size: 36px;color: #2d364b;font-family: "Montserrat",sans-serif;} h4{font-size: 18px;color: #949db2;font-family: 'PT Sans', sans-serif;font-weight: normal;} h5{font-size: 16px;color: #949db2;font-family: "Montserrat",sans-serif;font-weight: normal;} h6{font-size: 14px;font-family: 'PT Sans', sans-serif;} input,select,textarea,input:focus,select:focus,textarea:focus,select option:focus{outline: none;} .white{color: #fff;} .black{color: #2d364b;} small{font-family: 'Muli', sans-serif;} .transition{transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;} .conatiner{width: 1560px;margin: 0 auto;max-width: 96%;} .fl-right {float: right;} .fl-left {float: left;} input,select,textarea{-webkit-appearance: none;border-radius:0;-webkit-border-radius:0;-o-border-radius:0;} .alltextbox,.alltextarea{border: none;border-bottom: 1px solid #656c7b;border-style: none none solid;border-width: 0 0 2px;box-shadow: none !important;-moz-box-shadow: none !important;-webkit-box-shadow: none !important;-o-box-shadow: none !important;color: #2d364b;font-family: montserrat;font-size: 14px;max-width: 100%;padding-bottom: 10px !important;padding-left: 0 !important;padding-right: 0 !important;padding-top: 25px;width: 100%;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;-o-border-radius: 0;} .allselect{border: none;background: url(../images/select-arrow.svg) no-repeat right 35px !important;border-bottom: 1px solid #b5bccd;color: #2d364b;color: #a2abc0;font-family: montserrat;font-size: 14px;line-height: 16px;padding: 25px 0 10px;padding-right: 15px;width: 100%;-moz-appearance: none;-webkit-appearance: none;-o-appearance: none;} .flotinglabel.ng-hide.show-hide { opacity: 0;filter:alpha(opacity=0); pointer-events: none;top: 24px;} .flotinglabel.show-hide {display: block !important;opacity: 1;pointer-events: auto;top: 0;filter:alpha(opacity=100);} .flotinglabel {color: #007abc; display: block !important;font-family: montserrat;font-size: 11px;left: 0;position: absolute;top: 0;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;width: auto;} .flower-container{width: 1400px;margin: 0 auto;max-width: 96%;} label.responsive{display: none;} /*----------------------------------- Header -----------------------------------*/ .header-part{float: left;width: 100%;} header {float: left;left: 0;position: fixed;right: 0;top: 0;width: 100%;z-index: 9;} header.nav-header {z-index: 99;} .headert-top{float: left;width: 100%;padding: 50px 50px 0 50px;transition: all 0.4s ease 0s;-mzo-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;} .logo{float: left;width: auto;} .logo-img{display: inline-block;margin-right: 20px;vertical-align: middle;} .donate{display: inline-block;vertical-align: middle;font-size: 16px;color: #fff;font-family: 'Muli', sans-serif;} .donate img{margin-right: 8px;} .fixed header {background-color: #fff;border-bottom: 1px solid #ccc;transform: skew(0deg, 1.5deg);-moz-transform: skew(0deg, 1.5deg);-webkit-transform: skew(0deg, 1.5deg);-o-transform: skew(0deg, 1.5deg);/*transition: all 0.4s ease 0s;*/} .fixed header::before {background-color: #fff;content: "";height: 50px;left: 0;position: absolute;right: 0;top: -30px;width: 100%;} .fixed .links,.fixed .links a,.head-project .links,.head-project .links a {color: #000;} .fixed header.nav-header {height: 100%;transform: skew(0deg);-moz-transform: skew(0deg);-webkit-transform: skew(0deg);-o-transform: skew(0deg);-ms-transform: skew(0deg);z-index: 99;} .logo-f {left: 50px;opacity: 0;position: absolute; top: 50px;/*transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;*/filter:alpha(opacity=0);} .fixed .logo-f {top:51px;opacity: 1;filter:alpha(opacity=100);transform: skew(0deg, -1.5deg);-moz-transform: skew(0deg, -1.5deg);-webkit-transform: skew(0deg, -1.5deg);-o-transform: skew(0deg, -1.5deg);-ms-transform: skew(0deg, -1.5deg);} .fixed .logo{opacity: 0;/*transition: all 0.4s ease 0s;*/} .fixed .navbar-parts {position: relative;top: -30px;transform: skew(0deg, -1.5deg);-moz-transform: skew(0deg, -1.5deg);-webkit-transform: skew(0deg, -1.5deg);-o-transform: skew(0deg, -1.5deg);-ms-transform: skew(0deg, -1.5deg);} .fixed .nav-header .navbar-parts{opacity: 0;} .fixed .nav-bar-part.opennav .logo {opacity: 1;} /*.fixed header .headert-top{padding: 20px 50px 0;}*/ .head-project .logo-f{opacity: 1;} /*--- Banner -- */ .banner,.contenet-area {float: left;width: 100%;height: 100%;} .banner{background-size: cover !important;background-attachment: fixed !important;position:relative; overflow: hidden;background-repeat: no-repeat !important;} .banner.home{background: url(../images/banner-home.jpg) no-repeat center -30px #061119;/*background-attachment: fixed;*/height: 100vh;} #ef-header-angle {bottom: 0;height: auto;position: absolute;z-index: 8;} .ef-header-angle {border-left: 0 solid transparent;border-right: 0 solid transparent;border-style: solid;border-top: 90px solid transparent;border-width: 90px 0 0; display: block;} .ef-header-angle, .woocommerce #payment div.payment_box::after, .woocommerce-page #payment div.payment_box::after {border-left-color: #fff;} .banner > div {float: left;height: 100%;width: 100%;} .banner > div > div {float: left;height: 100%;width: 100%;} .banner-container {bottom: 0;left: 0;margin: auto;position: absolute;right: 0;top: 20%;width: 770px !important;overflow: hidden;} .banner-content {float: left;height: 100%;position: relative;text-align: center;width: 100%;} .ttile-content {float: left;text-align: center;width: 100%;} .ttile-content h6::before {background-color: #ffe259;bottom: 0;content: "";height: 8px;left: 0;margin: 0 auto;position: absolute;right: 0;width: 96px;} .ttile-content h6 {color: #fff;float: left;font-family: montserrat;font-size: 30px;font-weight: normal;padding-bottom: 25px;position: relative;width: 100%;margin-top: 130px;} .banner h1 {float: left;font-family: arial;line-height: 58px;margin: 50px 0;text-transform: uppercase;width: 100%;} .banner-reamore {color: #ffe259;display: inline-block;font-family: montserrat;font-size: 20px;line-height: 25px;vertical-align: middle;padding-bottom: 4px;border-bottom: 1px solid #ffe259;} .banner-reamore:hover{background-position: 125px 11px;} .cliktop {bottom: 185px;left: 0;position: absolute;right: 0;text-align: center;margin: 0 auto;width: 90px;} .cliktop img{width: 90px;} /*--- nav --- */ .navbar-parts {color: #fff;float: right;width: auto;/*transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;*/} .links {display: inline-block;float: none;margin-right: 6px;vertical-align: middle;} .links a {color: #fff;display: inline-block;font-family: muli;margin: 0 5px;font-size: 16px;} .nav-bars {float: right;width: 16px;margin-right: 2px;} .nav-ico span::before {background-color: #fff;content: "";height: 2px;position: absolute;top: -6px; width: 16px;} .nav-ico span::after {background-color: #fff;content: "";height: 2px;position: absolute;top: 6px;width: 16px;} .nav-ico span {background-color: #fff; float: right;height: 2px;position: relative;top: 13px;width: 16px;} .fixed .nav-ico span::before,.head-project .nav-ico span::before{background-color: #353d51;} .fixed .nav-ico span::after,.head-project .nav-ico span::after {background-color: #353d51;} .fixed .nav-ico span,.head-project .nav-ico span {background-color: #353d51; } .nav-bar-part .nav-ico {float: right;} .nav-bar-part .donate{color: #353d51} header.nav-header .nav-ico,header.nav-header .navbar-parts{margin-right: 0;} .opensidebarbody .nav-ico{margin-right: 450px;} .nav-bar-part .nav-ico span,.nav-bar-part .nav-ico span::after,.nav-bar-part .nav-ico span::before{background-color: #fff ;transition: all 0.8s ease-in-out 0s;width: 23px;height: 3px;} .nav-bar-part .nav-ico.active > span::before,.project-right .nav-ico.active span::before {top: 0;transform: rotate(135deg);-moz-transform: rotate(135deg);-webkit-transform: rotate(135deg);-o-transform: rotate(135deg);-ms-transform: rotate(135deg);} .nav-bar-part .nav-ico.active > span::after,.project-right .nav-ico.active span::after {top: 0;transform: rotate(-135deg);-moz-transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-o-transform: rotate(-135deg);-ms-transform: rotate(-135deg);} .nav-bar-part .nav-ico.active span,.project-right .nav-ico.active span{background-color: transparent;} .sidebar-ico span::before {background-color: #fff;content: ""; height: 2px;left: 5px;position: absolute;top: 3px;transform: rotate(-43deg);-moz-transform: rotate(-43deg);-webkit-transform: rotate(-43deg);-o-transform: rotate(-43deg);-ms-transform: rotate(-43deg);width: 12px;} .sidebar-ico span::after {background-color: #fff; bottom: 3px;content: "";height: 2px; left: 6px;position: absolute;transform: rotate(43deg);-moz-transform: rotate(43deg);-webkit-transform: rotate(43deg);-o-transform: rotate(43deg);-ms-transform: rotate(43deg);width: 12px;} .sidebar-ico span {background-color: #fff;float: right;height: 16px;left: -13px;position: relative;width: 2px;} .fixed .sidebar-ico span::before,.head-project .sidebar-ico span::before {background-color: #353d51;} .fixed .sidebar-ico span::after,.head-project .sidebar-ico span::after {background-color: #353d51;} .fixed .sidebar-ico span,.head-project .sidebar-ico span {background-color: #353d51;} .nav-ico{width: 16px;height: 25px;float: left;display: none;} .sidebar-ico{width: 16px;height: 17px;float: left;margin-top: 0;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;} .sidebar-ico.active {transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg); } header.nav-header .navbar-parts .sidebar-ico {opacity: 0;filter:alpha(opacity=0);} .sidebar-ico.active span::before { background-color: #007abc; height: 3px; left: 6px; top: 0; transform: rotate(140deg);-moz-transform: rotate(140deg);-webkit-transform: rotate(140deg);-o-transform: rotate(140deg);-ms-transform: rotate(140deg); width: 20px; } .sidebar-ico.active span::after { background-color: #007abc; height: 3px; left: 6px; top: 0; width: 20px; } .sidebar-ico.active span {background-color: transparent;margin-right: 15px;margin-top: 15px;} .nav-bar-part {background-color: #252d36;bottom: 0;color: #fefefe;float: right;left: 0;overflow: hidden;pointer-events: none;position: fixed;right: 0;top: 0; transition: all 0.8s ease 0s;-moz-transition: all 0.8s ease 0s;-webkit-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;/*transition: all 0.8s ease 0.5s;*/width:100%;height: 0;} .nav-bar-part.opennav {left: 0;opacity: 1;filter:alpha(opacity=100);pointer-events: auto;width: 100%;overflow-y:auto;height: 101%;} .all-nav-area {float: left;height: 100%;padding: 50px;position: relative;width: 100%;} .nav-logo {float: left;margin-bottom: 50px;width: 100%;} .main-navigation {float: left;height: calc(100% - 90px);width: 100%;/*overflow-y:auto;*/} .nav-left {float: left;height: 100%;width: 30%; padding-left: 70px;position: relative;} .nav-right {float: right;height: 100%;width: 650px;margin-right: 300px;} .fetures-img {float: left;margin-bottom: 40px;width: 100%;} .fetures-img img{float: left;width: auto;;max-width: 100%;} .my-testimonials {float: left;width: 100%;} .author {float: left;font-size: 22px;font-weight: 600;margin-bottom: 40px;width: 100%;} .author-dp {border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-o-border-radius: 50%;display: inline-block;height: 42px;margin-right: 15px;overflow: hidden;vertical-align: middle;width: 42px;} .my-testimonials .benifits-content {margin-bottom: 70px;padding-bottom: 70px;background: url(../images/testimonial-bottom.svg) no-repeat bottom left;} .my-testimonials .benifits-content p:last-child{margin-bottom: 0;} .nav-back {left: 0;position: absolute;top: 25px;} nav {float: left;margin-bottom: 90px;width: 100%;} nav ul {float: left;width: 100%;} nav ul li {float: left;margin-bottom: 25px;width: 100%;} nav ul li a::before {border-bottom: 6px solid transparent;bottom: -7px;content: "";height: 10px;left: 0;position: absolute;transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-webkit-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;width: 0;} nav ul li a {float: left;font-size: 56px;font-weight: bold;position: relative;width: auto;} nav ul li a:hover::before {width: 100%;border-color: #a976de;} nav ul li.active a::before{width: 100%;border-color: #a976de;} nav ul li.Schools.active a::before{width: 100%;} nav ul li.Schools a::before,nav ul li.Schools.active a::before,nav ul li.Schools:hover a::before {border-color: #05ffff;} nav ul li.Volunteers.active a::before{width: 100%;border-bottom:6px solid #7be47d !important;} nav ul li.Volunteers:hover a::before{width: 100%;border-bottom:6px solid #7be47d !important;} .nav-left .share{margin-top: 110px;} .share {float: left;/* margin-top: 110px;*/width: 100%;position: relative;} .share-icons {background:url("../images/share-icons.svg") no-repeat scroll center center;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-o-border-radius: 50%;bottom: -15px;height: 60px;left: -70px;position: absolute;width: 60px;} .share.open-social .share-icons{background-color: #f3f3f3;} .share.active .socils-parts {overflow: visible;width: 270px;} .share .socils-parts {float: left;width: auto;position: relative;margin-left: 10px;} .share .socils-parts ul::before {display: none;} .share .socils-parts ul {padding: 0;} .share.open-social .socils-parts li {margin: 0 13px;opacity: 1;pointer-events: auto;position: static;} .share .socils-parts li {left: 0;margin: 0 -15px;opacity: 0;pointer-events: none;transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;-} .tab-content {color: #000;float: left;height: 100%;width: 100%;} .tab-pane {float: left;height: 100%;width: 100%;background-color: #fff;} .sub-tabs-panels {float: left;height: 100%;width: 100%;} .sub-tabs-panels .alltabs {float: left;width: 100%;margin-bottom: 40px;} .sub-tabs-panels .alltabs li {float: left;margin-right: 65px;width: auto;} .sub-tabs-panels .alltabs li:last-child {margin-right: 0;} .sub-tabs-panels li a {border-bottom: 6px solid transparent;color: #2e364b;float: left;font-family: montserrat;font-size: 24px;font-weight: bold;letter-spacing: 1px;padding-bottom: 15px;text-transform: uppercase;width: auto;} .sub-tabs-panels .sub-tab {float: left;height: auto;padding-top: 40px;width: 100%;} .scroll-hide {float: left;height: 100%;overflow: hidden;width: 100%;} .sub-tabs-panels .sub-tab {float: left;max-height: calc(100% - 40px);overflow-y: auto;padding-right: 30px;padding-top: 40px;width: 700px;} .sub-tab-pane {float: left;width: 100%;background-color: #fff;} .all-tabs-content {float: left;width: 100%;} .all-tabs-content p {color: #2e364b;font-family: muli;font-size: 22px;font-weight: 400;line-height: 30px;margin-bottom: 70px;} .benifits-content {float: left;width: 100%;} .benifits-content h3 {color: #2e364b;float: left; font-family: montserrat;font-size: 36px; font-weight: normal;margin-bottom: 30px;width: 100%;} .tab-pane.active li.active a{border-color:#a976de;} .tab-pane.Schools li.active a{border-color: #05ffff;} .tab-pane.Volunteers li.active a{border-color:#7be47d;} body.hidescroll{overflow: hidden;} .banner-bottom {float: left;padding: 100px 0;width: 100%;} .watermark-portions {float: left;position: relative;text-align: center;width: 100%;} h3.water-mark-text {color: #dcecf5;float: left;font-family: "Libre Baskerville",serif;font-size: 172px;font-style: italic;font-weight: normal;text-align: center;width: 100%;} .watre-mark-overlay {background-color: rgba(255, 255, 255, 0.2);bottom: 0;left: 0;padding: 99px 0;position: absolute;right: 0;top: 0;} .grod-options {float: left;margin: 85px 0;text-align: center;width: 100%;} .all-project {float: left;width: 100%;overflow: hidden;} .grid-options a {display: inline-block;margin: 0 10px;vertical-align: middle;} .grid-options a img {display: inline-block;vertical-align: middle;} .grid-options {float: left;padding: 75px 0;position: relative;text-align: center;width: 100%;z-index: 1; } .thumb-grid {float: left;width: 100%;} .masonry-brick {display: none;float: left;margin: 15px;width: 360px;background-position: center;background-attachment: fixed;} .masonry-brick.loaded {display: block;} .mythumb {float: left;position: relative;overflow: hidden;width: 100%;} .mythumb > img {max-width: 100%;float: left;transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-webkit-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;-ms-transition: all 0.6s ease 0s;} .masonry-brick:hover .mythumb > img {transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);} .masonry-brick:hover .thumb-content {background-color: #fff;pointer-events:auto;} .masonry-brick:hover .thumb-content h3,.masonry-brick:hover .thumb-content h3 a{color: #2d364b;} .masonry-brick:hover .thumb-content p{opacity: 1;} .masonry-brick:hover .thumb-content .normale-bottom{display: none;} .masonry-brick:hover .thumb-content .hover-bottom{display: block;} .thumb-content {background-color: transparent;/*border: 20px solid transparent;*/bottom: 0;left: 0;padding: 20px;position: absolute;right: 0;margin: 20px;top: 0;transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-webkit-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;} .normale-content {float: left;height: 100%;position: relative;width: 100%;} .normale-content h3{color: #fff;float: left;font-family: montserrat;font-size: 20px;font-weight: 600;line-height: 27px;margin-bottom: 30px;width: 100%;} .normale-content h3 a{color: #fff;font-size: 20px;} .normale-content p {color: #2d364b;float: left;line-height: 25px;opacity: 0;filter:alpha(opacity=0);width: 100%;transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-webkit-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;} .normale-bottom {bottom: 0;left: 0;;position: absolute;right: 0;} .normale-bottom .location {color: #fff;float: left;font-family: montserrat;font-size: 16px;font-weight: 500;text-align: center;vertical-align: middle;width: auto;} .normale-bottom .location img, .like img {display: inline-block;margin-right: 10px;vertical-align: middle;} .like {color: #fff;float: right;font-family: montserrat;font-size: 16px;font-weight: 600; position: relative;} .like.like-fill img:last-child{ display: none; } .like.dislike img:first-child{ display: none; } .dislike-stroke{position: static; margin-right: 14px !important;} /*.like > input[type="checkbox"] {height: 1px;left: 0; opacity: 0; position: absolute; top: 0; width: 1px;} .like img{ display: none; } .like > input[type="checkbox"] + label + img + img{ display: block; } */ .like input[type="checkbox"] { appearance: none; -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; -ms-appearance: none;height: 15px; left: 0; margin: 0;opacity: 0;position: absolute; top: 0; width: 15px;} .like label {background: rgba(0, 0, 0, 0) url("../images/like-dislike.svg") no-repeat scroll left top;color: #acacac;float: none;font-size: 12px;height: 16px;line-height: 18px;margin-right: 0;margin-top: 0;text-transform: capitalize;width: 20px;background-size: 20px auto;display: inline-block;} .like > input:checked + label {background-position: left -18px;} .hover-bottom {border-top: 1px solid #dadfed;bottom: 0;display: none;left: 0;padding-top: 15px;position: absolute;right: 0;} .user-dp {border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-o-border-radius: 50%;float: left;height: 43px;line-height: 37px;overflow: hidden;width: 43px;} .user-dp img {width: 100%;} .other-options {margin-left: 50px;} .other-options span {display: inline-block;text-align: center;vertical-align: middle;width: 52px;} .other-options span img {display: inline-block;transform: scale(1) !important;-moz-transform: scale(1) !important;-webkit-transform: scale(1) !important;-o-transform: scale(1) !important;-ms-transform: scale(1) !important;} .other-options span strong ,.share-social a strong{color: #2d2e30;float: left;font-family: montserrat;font-size: 14px;font-weight: 300;line-height: 20px;margin-top: 5px;text-align: center;text-transform: uppercase;width: 100%;} /*------ Footer ------- */ .footer-part,footer {float: left;width: 100%;} .footer-container,.project-details-container{width: 1531px;margin: 0 auto;} footer{padding:0 0 65px;} .footer-container,.project-details-container {margin: 0 auto;width: 1531px;max-width: 96%;} .socils-parts {float: left;text-align: center;width: 100%;} .socils-parts ul::before {background-color: #ffe259;content: "";height: 8px;left: 0;margin: 0 auto;position: absolute;right: 0;top: 0;width: 42px;} .socils-parts ul {display: inline-block;float: none;padding-top: 45px;position: relative;} .socils-parts li {display: inline-block;float: none;margin: 0 20px;} .socils-parts li a {color: #2d364b;font-size: 25px;position: relative;} .footer-links {float: left;margin-top: 50px;width: 100%;} .footer-left-links {float: left;width: auto;} .footer-left-links > ul {float: left;width: auto;} .footer-left-links > ul li {float: left;margin-right: 25px;width: auto;} .footer-left-links > ul li a{float: left;} .footer-right {float: right;position: relative;width: auto;} .talk-less {color: #2d364b;font-family: pt sans;font-size: 18px;letter-spacing: 0.5px;text-transform: uppercase;} .scroll-up{position: fixed;bottom: 75px;right: 50px;width: 50px;height: 50px;background: url(../images/up-arrow.svg) no-repeat center #ef7810;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-o-border-radius: 50%;box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);-moz-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);-webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);-o-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);z-index: 1;} /*--- Brain storm css -- */ /*.brain-storm {background-color: #252d36;bottom: 40px;height: 250px;overflow: hidden;position: fixed;right: 25px;width: 490px;} */.relatiev {float: right;position: relative;top: 0;width: 160px;} /*-- Animation of storm -- */ #ripple, #ripple2, #ripple3, #ripple4 {width: 200px;height: 200px;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-o-border-radius: 50%;border: 2px solid #3a4450; /* box-shadow: 0 0 20px #3a4450;*/position: absolute;bottom: 100px;margin-bottom: -1001px;right: 100px;margin-right: -1001px;animation: shrink 10s linear infinite;} #ripple2 {animation-delay: 1s;-webkit-animation-delay: 1s;-o-animation-delay: 1s;-moz-animation-delay: 1s;} #ripple3 {animation-delay: 2s;-webkit-animation-delay: 2s;-o-animation-delay: 2s;-moz-animation-delay: 2s;} #ripple4 {animation-delay: 3s;} @-webkit-keyframes shrink {0% {margin-bottom: 0;margin-right: 0;width: 0;height: 0;opacity: 0;}10% { opacity: 0.5;}60% { opacity: 0;} 100% {width: 2000px;height: 2000px;opacity: 0;}} @-o-keyframes shrink {0% {margin-bottom: 0;margin-right: 0;width: 0;height: 0;opacity: 0;}10% { opacity: 0.5;}60% { opacity: 0;} 100% {width: 2000px;height: 2000px;opacity: 0;}} @-ms-keyframes shrink {0% {margin-bottom: 0;margin-right: 0;width: 0;height: 0;opacity: 0;}10% { opacity: 0.5;}60% { opacity: 0;} 100% {width: 2000px;height: 2000px;opacity: 0;}} @-moz-keyframes shrink {0% {margin-bottom: 0;margin-right: 0;width: 0;height: 0;opacity: 0;}10% { opacity: 0.5;}60% { opacity: 0;} 100% {width: 2000px;height: 2000px;opacity: 0;}} .brain-storm {background-color: #252d36;bottom: 0;float: right;height: 230px;margin-right:0;margin-top: -95px;overflow: hidden; padding: 25px;position: fixed;right: 0;width: 490px;transition: all 0.4s ease 0s;-moz-width: 490px;transition: all 0.4s ease 0s;-webkit-width: 490px;transition: all 0.4s ease 0s;-o-width: 490px;transition: all 0.4s ease 0s;z-index:1;} .brain-text-left {float: left;width: 260px;} .brain-text-left > h3 {color: #fff; float: left;font-family: montserrat;font-size: 32px;font-weight: 600;line-height: 42px;width: 100%;} .brain-text-left > h3 {color: #fff;float: left;font-family: montserrat;font-size: 32px;font-weight: 600;line-height: 42px;width: 100%;margin-top: 30px;} .brain-text-left .banner-reamore {font-size: 22px; font-weight: 600; margin-top: 5px;min-width: 120px;position: relative;z-index: 1;padding-right: 30px;background: url(../images/radmore.svg) no-repeat;padding-bottom: 0;border-bottom: 0;background-position: right 11px;} .mini-mize {left: 13px;position: absolute;top: 13px;z-index: 1;} /*---- - All Buttons ---- */ .btn-new-project {border: 2px solid #e2b393;color: #f7a167;display: inline-block;font-family: montserrat;font-size: 36px;font-weight: 600;letter-spacing: 1px;line-height: 48px;padding: 12px 25px;transition: all 0.4s ease 0s;} .btn-new-project:hover{border-color:#f7a167b;background-color: #f7a167;color: #fff;border-color: #f7a167;} .btn-new-project:hover i{color: #fff;} .btn-new-project i {font-weight: bold;margin-left: 13px;} .rippale {background-color: #fff;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-o-border-radius: 50%;bottom: 0;height: 0;left: 0;margin: auto;position: fixed;right: 0;top: 0;transition: all 0.8s ease 0s;-moz-transition: all 0.8s ease 0s;-webkit-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;width: 0;z-index: -1;opacity: 0;filter:alpha(opacity=0);} .hidescroll .rippale {height: 50px;opacity: 1;filter:alpha(opacity=100);transform: scale(100);-moz-transform: scale(100);-webkit-transform: scale(100);-o-transform: scale(100);-ms-transform: scale(100);width: 50px;z-index: 1;} /*.nav-header .rippale {height: 50px;opacity: 1;filter:alpha(opacity=100);transform: scale(100);-moz-transform: scale(100);-webkit-transform: scale(100);-o-transform: scale(100);-ms-transform: scale(100);width: 50px;} */ /*---- Right Sidebar --- */ .right-bar {background-color: #fff;border-left: 1px solid #c9cfde;bottom: 0;position: fixed;/*right: 0;*/right:-450px;top: 0;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;width: 441px;z-index: 10;} .right-bar.opensidebar{right: 0;} .normale-search {float: left;height: 100%;width: 100%;} .normale-search h4,.adnace-wrapper h4 {color: #2d364b;float: left;font-family: montserrat;font-size: 22px;font-weight: normal;padding:20px 40px 25px 30px;width: 100%;} .normale-search form {float: left;width: 100%;} .project-search {background-color: #f7f9fe;border-bottom: 1px solid #dadfed;border-top: 1px solid #dadfed;color: #848ea6;float: left;padding:20px 30px;width: 100%;} .project-search i {display: inline-block;float: none;font-size: 14px;line-height: 20px;margin-right: 20px;vertical-align: middle;width: auto;} .project-search > input {background-color: transparent;border: medium none transparent;color: #848ea6;display: inline-block;float: none;font-family: montserrat;font-size: 14px;font-weight: 300;line-height: 20px;vertical-align: middle;width: 320px;} .category-list {float: left;padding: 0;width: 100%;} .category-tile {background-color: #fff;float: left;padding: 20px 30px;width: 100%;} .category-tile h5 {color: #2d364b;display: inline-block;float: left;font-family: montserrat;font-size: 18px;font-weight: 500;width: auto;} .category-tile > a {color: #a2abc0;display: inline-block;font-weight: normal;margin-left: 22px;text-transform: capitalize;vertical-align: middle;} .all-category {float: left;height: auto;margin: 10px 0 20px;max-height: 330px;overflow-y: auto;padding: 0 30px;width: 100%;} .all-category label {float: left;margin-bottom: 10px;margin-right: 10px;position: relative;text-transform: capitalize;vertical-align: middle;} .all-category label input {left: 0;opacity: 0;filter:alpha(opacity=0);position: absolute;top: 0;} /*.all-category label span:hover {border-color: #38b6b8;} */.all-category label span {border: 1px solid #c9cfde;color: #000;cursor: pointer;float: left;font-family: pt sans;font-size: 14px;padding: 5px;text-transform: capitalize;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;width: auto;box-shadow:0 0 0 1px transparent;-moz-box-shadow:0 0 0 1px transparent;-webkit-box-shadow:0 0 0 1px transparent;-o-box-shadow:0 0 0 1px transparent;-ms-box-shadow:0 0 0 1px transparent;font-weight: 600;} .all-category label input:checked + span,.all-category label span:hover {border-color: #38b6b8;box-shadow: 0 0 0 1px #38b6b8;-moz-box-shadow: 0 0 0 1px #38b6b8;-webkit-box-shadow: 0 0 0 1px #38b6b8;-o-box-shadow: 0 0 0 1px #38b6b8;-ms-box-shadow: 0 0 0 1px #38b6b8;} .others-list {float: left;font-family: montserrat;width: 100%;} .others-list > ul {float: left;width: 100%;} .others-list > ul li {border-top: 1px solid #dadfed;float: left;padding: 25px 30px;width: 100%;} .others-list > ul li:last-child {border-bottom: 1px solid #dadfed;text-align: center;} .others-list label {color: #2d364b;float: left;font-family: montserrat;font-weight: 400;width: auto;} .others-list li select,.others-list > ul li .select2-container,.resultperpage select{-moz-appearance: none; -webkit-appearance: none; -0-appearance: none; -ms-appearance: none;border: medium none;float: right;font-family: montserrat;padding-right: 15px;width: auto;background: url(../images/normale-selct.svg) no-repeat right center;padding-right: 30px;line-height: 22px;} .button-row button,.button-row button {background-color: transparent;border: 1px solid #000;cursor: pointer;display: inline-block;font-family: montserrat; font-weight: 700;margin: 0 10px; min-width: 175px;padding: 16px 15px;text-align: center;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;vertical-align: middle;} .button-row button.btn-advanced {background-color: #feeee0;border-color: #f0780e;color: #f0780e;margin-left: 0;} .button-row button {min-width: 170px;} .button-row .btn-advanced.reset {background-color: #edf0f7;border-color: #a8b1c7;color: #2d364b;} .button-row .btn-advanced.reset:hover{background-color: #a8b1c7;} .button-row button.btn-Search, .button-row button.btn-Search {background-color: #e8f6fd;border-color: #007abc;color: #007abc;margin-right: 0;} .button-row button.btn-Search:hover,.button-row button.btn-Search:hover {background-color: #007abc;color: #fff;} .button-row button.btn-advanced:hover {background-color: #f0780e;color: #fff;} a.checkedall,a.uncheckedall{color: #007abc;} .field {position: relative;margin-bottom: 1em;padding-bottom: 1em;} .field > label {position: absolute;top: -14px;color: #428bca;font-size: 0.8em;} .field > input,.field tags-input .tags .input {border: 0;padding: 0.5em 0!important;box-shadow: none !important;border-radius: 0;border-bottom: 2px solid #555555;max-width: 100%;margin-top: 15px;width: 100% !important; font-family: montserrat; font-size: 14px;} .short-input {max-width: 400px;display: block;} /*-- Advanced Search -- */ .right-sidebar {float: left;height: 100%;width: 100%;} .right-sidebar form {float: left;height: 100%;width: 100%;} .advance-search {float: left;height: 100%;width: 100%;} .normale-wrapper {float: left;max-height: calc(100% - 120px);/*min-height: 810px;*/overflow-y: auto;width: 100%;position: relative;} .advance-search {float: left;width: 100%;} .adnace-wrapper {float: left;/*min-height: 836px;*/overflow-y:auto;width: 100%;max-height: calc(100% - 120px);} .adnace-wrapper > h4 .back {display: inline-block; margin-right: 20px;vertical-align: middle;} .main-advace-serach {float: left;padding: 0 30px 30px;width: 100%;} .main-advace-serach > ul {float: left;width: 100%;} .main-advace-serach li {float: left;width: 100%;} .field {margin-bottom: 40px;padding-bottom: 0;position: relative;} .field > label.ng-hide.show-hide { opacity: 0;filter:alpha(opacity=0); pointer-events: none;top: 24px;} .field > label.show-hide {display: block !important;opacity: 1;pointer-events: auto;top: 0;filter:alpha(opacity=100);} .field > label {color: #007abc; display: block !important;font-family: montserrat;font-size: 11px;left: 0;position: absolute;top: 0;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;width: auto;} .field > input {border: none;border-bottom: 1px solid #656c7b;border-style: none none solid;border-width: 0 0 2px;box-shadow: none !important;-moz-box-shadow: none !important;-webkit-box-shadow: none !important;-o-box-shadow: none !important;color: #2d364b;font-family: montserrat;font-size: 14px;max-width: 100%;padding-bottom: 10px !important;padding-left: 0 !important;padding-right: 0 !important;padding-top: 25px;width: 100%;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;-o-border-radius: 0;} .coulmn {width: 46%;} .main-advace-serach li select,.date-input,.md-icon-float input{border: none;background: url(../images/select-arrow.svg) no-repeat right 35px !important;border-bottom: 1px solid #b5bccd;color: #2d364b;color: #a2abc0;font-family: montserrat;font-size: 14px;line-height: 16px;padding: 25px 0 10px;padding-right: 15px;width: 100%;-moz-appearance: none;-webkit-appearance: none;-o-appearance: none;} .main-advace-serach li select option:first-child {color: #a2abc0;} .main-advace-serach li select.ng-not-empty{color: #2d364b;} md-input-container.md-icon-float.md-input-focused label, md-input-container.md-icon-float.md-input-has-value label{color: #007abc;font-family: montserrat; font-size: 14px;position: absolute;width: auto;} /*--- Checkbox --- */ .checkbox {float: left;width: 100%;} .check-row {display: inline-block;position: relative;vertical-align: middle;margin-right: 40px;} .check-row > input {float: none;height: 19px;margin-right: 15px;vertical-align: middle;width: 19px;opacity: 0;filter:alpha(opacity=0);position: relative;z-index: 1;} .check-row > span {display: inline-block;left: 0;position: relative;right: 0;vertical-align: middle;width: auto;} .check-row label {color: #2d364b;float: left;font-family: montserrat;font-size: 14px;position: relative;width: auto;} .check-row > span::before {background: url('../images/un-checked-check.svg') no-repeat left top;content: "";height: 19px;left: -34px;position: absolute;top: 0;width: 25px;} .check-row input:checked + span::before{background-position: left bottom; } .button-row {background-color: #fff;border-bottom: 1px solid #dadfed;border-top: 1px solid #dadfed;bottom: 0;float: left;padding: 30px;width: 100%;} /* --- Data Tool tip --- */ [data-tool-tip]:hover::after,[data-tool-tip]:hover::before {opacity: 1;visibility: visible;pointer-events: auto;} [data-tool-tip]::after {background: #e8f6fd none repeat scroll 0 0;border: 1px solid #b5d9eb;color: #2d364b;content: attr(data-tool-tip);font-family: pt sans;font-size: 16px;font-weight: normal;left: -24px;line-height: 18px;opacity: 0;padding: 6px 12px;pointer-events: none;position: absolute;text-align: center;top: -37px;transition: all 0.4s ease 0s;visibility: hidden;white-space: nowrap;box-shadow: 1px 10px 18px rgba(0, 0, 0, 0.2);-moz-box-shadow: 1px 10px 18px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 1px 10px 18px rgba(0, 0, 0, 0.2);-o-box-shadow: 1px 10px 18px rgba(0, 0, 0, 0.2);-ms-box-shadow: 1px 10px 18px rgba(0, 0, 0, 0.2); /*z-index: -1;*/} [data-tool-tip]::before {background: rgba(0, 0, 0, 0) url("../images/tooltip-arrows.png") no-repeat scroll 0 0;content: "";box-shadow: 1px 10px 18px rgba(0, 0, 0, 0.2);height: 6px;left: 4px;opacity: 0;pointer-events: none;position: absolute;right: 0;top: -6px;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;visibility: hidden;width: 16px;z-index: 4;} .socils-parts li a.fb[data-tool-tip]::before {left: 4px;} .socils-parts li a.fb[data-tool-tip]::after {left: -33px;} .socils-parts li a.twt[data-tool-tip]::before {left: 4px;} .socils-parts li a.twt[data-tool-tip]::after {left: -25px;} .socils-parts li a.gplus[data-tool-tip]::after {left: -29px;} .socils-parts li a.gplus[data-tool-tip]::before {left: 5px;} .socils-parts li a.email[data-tool-tip]::after {left: -22px;} .main-advace-serach label[data-tool-tip]::after {font-family: montserrat;font-size: 13px;left: -32px;line-height: 20px;padding: 10px 20px;top: 30px;white-space: normal;width: 135px;word-break: break-all;word-wrap: break-word;} .main-advace-serach label[data-tool-tip]::before{left: 50%;top: 25px;transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);} /* --- flag CSS --- */ .others-list > ul li .select2-container {float: right;margin: 0;position: relative;vertical-align: middle;width: auto;} .others-list > ul li .select2-choice.ui-select-match {background-color: transparent;background-image: none;box-shadow: none;border: medium none;padding: 0;text-align: right;height: 29px;line-height:normal;} .others-list > ul li .select2-container .select2-choice > .select2-chosen {display: block;margin-right: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .others-list > ul li .select2-dropdown-open .select2-choice .select2-arrow {background: transparent none repeat scroll 0 0;border-left: medium none;filter: none;} .others-list > ul li .select2-drop {background-color: #fff;border: 1px solid #ccc;float: left;text-align: left;width: 45px;box-shadow: none;margin: 0;} .others-list > ul li .select2-search {display: none;margin: 0;min-height: 26px;padding-left: 4px;padding-right: 4px;position: relative;white-space: nowrap;width: 100%;z-index: 10000;} .others-list > ul li .select2-results {float: left;margin: 0;max-height: 200px;overflow-y: auto;position: relative;width: 100%;padding-left: 0;} .others-list > ul li .select2-results .ui-select-choices-group {padding: 0;} .others-list > ul li .select2-results li {background-image: none;display: list-item;list-style: outside none none;border:none;} .others-list > ul li .select2-results .ui-select-choices-group li {padding: 0;} .others-list > ul li .ui-select-container input {display: none;} .others-list > ul li .select2-container .select2-choice .select2-arrow{display: none;} .others-list > ul li .select2-results .select2-result-label{padding: 0;} .country-flg > label {margin-top: 6px;} .normale-search .button-row {border-top: 0 none;} /*--- Custom Scroll --- */ .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp{display: none !important;} .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: rgba(0, 122, 188, 1) !important;height: 10px;left: 2px;width: 10px !important;} .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {background-color: #dde1eb;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;-o-border-radius: 0;} .mCSB_scrollTools a + .mCSB_draggerContainer{margin: 0 !important;} .mCSB_container_wrapper > .mCSB_container {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;padding-bottom: 30px;padding-left: 2px;padding-right: 30px;} .mCSB_container {height: auto;overflow: hidden;padding: 10px 0;width: auto;} .responsive.brain-storm{display: none;} .nav-heading{display: none;} .normale-wrapper .sidebar-ico {height: 30px;position: absolute;right: 30px;top: 30px;transform: rotate(0deg);-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);width: 30px;} .scull-mini.open {bottom: -37px;pointer-events: auto;right: -18px;z-index: 1;} .scull-mini {background-color: #252d36;/*border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-o-border-radius: 50%;*/bottom: -85px;height: 85px;opacity: 1;filter:alpha(opacity=100);padding: 22px 20px;pointer-events: none;position: fixed;right: -85px;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;width: 85px;} .scull-mini .mini-mize img {width: auto;} .scull-mini .mini-mize {left: 23px;top: 16px; transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);} .brain-storm.close {margin-right: -500px;} .carousel-inner {position: absolute;z-index: 2;} .banner ul{min-height:450px;overflow: visible;} /*--- Animation for banner Arrow -- */ .btn-scrolll-top {animation-duration: 2s;animation-iteration-count: infinite;animation-name: arrows;-webkit-animation-duration: 2s;-webkit-animation-iteration-count: infinite;-webkit-animation-name: arrows;-o-animation-duration: 2s;-o-animation-iteration-count: infinite;-o-animation-name: arrows;background: rgba(0, 0, 0, 0) url("../images/dowan_arrow.svg") no-repeat scroll center 17px;border: 2px solid transparent;display: inline-block;height: 34px;width: 20px;margin-top: -15px;} @keyframes arrows {0% {background-position: center 10px;} 50% {background-position: center 20px;} 100% {background-position: center 10px;}} @-moz-keyframes arrows {0% {background-position: center 10px;} 50% {background-position: center 20px;} 100% {background-position: center 10px;}} @-webkit-keyframes arrows {0% {background-position: center 10px;} 50% {background-position: center 20px;} 100% {background-position: center 10px;}} @-o-keyframes arrows {0% {background-position: center 10px;} 50% {background-position: center 20px;}100% {background-position: center 10px;}} .fixed .donate{color: #000;} /*---- Calender -- */ md-toolbar.md-default-theme.md-hue-1:not(.md-menu-toolbar), md-toolbar.md-hue-1:not(.md-menu-toolbar) {background-color: #007db5;color: #fff;} md-backdrop.md-opaque.md-default-theme, md-backdrop.md-opaque {background-color: #000;} a.md-button.md-default-theme.md-accent.md-raised, a.md-button.md-accent.md-raised, a.md-button.md-default-theme.md-accent.md-fab, a.md-button.md-accent.md-fab, .md-button.md-default-theme.md-accent.md-raised, .md-button.md-accent.md-raised, .md-button.md-default-theme.md-accent.md-fab, .md-button.md-accent.md-fab {background-color: #007db5;color:#fff;} a.md-button.md-default-theme:hover:not([disabled]), a.md-button:hover:not([disabled]), .md-button.md-default-theme:hover:not([disabled]), .md-button:hover:not([disabled]) {background-color: #fff;color: #007db5;} md-backdrop.md-opaque{opacity: 0.33;} a.md-button.md-default-theme.md-accent.md-raised:hover:not([disabled]), a.md-button.md-accent.md-raised:hover:not([disabled]), a.md-button.md-default-theme.md-accent.md-fab:hover:not([disabled]), a.md-button.md-accent.md-fab:hover:not([disabled]), .md-button.md-default-theme.md-accent.md-raised:hover:not([disabled]), .md-button.md-accent.md-raised:hover:not([disabled]), .md-button.md-default-theme.md-accent.md-fab:hover:not([disabled]), .md-button.md-accent.md-fab:hover:not([disabled]) {background-color: #007db5;color: #fff;} mdp-date-picker .md-button.md-icon-button{display: none;} .field .layout-padding,.field .layout-padding div{padding: 0 !important;width: 100%;} .filed md-content{overflow: visible;} .field md-input-container{margin: 0;padding: 0;width: 100%;} .field md-input-container label:not(.md-container-ignore){bottom: 70px;} .field md-input-container label{color: #a2abc0;font-size: 14px;font-family: montserrat; } .field md-input-container .md-input{height: 56px;padding: 12px 2px 1px;} md-dialog.md-default-theme, md-dialog{border-radius: 0;} /*--- Taging input --- */ .tag-list {bottom: 0;height: 75px;overflow-y: auto;position: absolute;top: 45px;left: 0;right: 0;} .field tags-input {border: medium none; display: block;left: 0;position: absolute;right: 0;top: 20px;display: none;} .field tags-input .tags {-moz-appearance: textfield;background-color: #fff;border: medium none;box-shadow: none !important;-webkit-box-shadow: none !important;-o-box-shadow: none !important;-ms-box-shadow: none !important;cursor: text;height: 100%;min-height: 100px;overflow: visible;padding: 1px;position: relative;word-wrap: break-word;} .field tags-input .tags .tag-item {background: transparent none repeat scroll 0 0;border: medium none;color: #2d364b;font-family: montserrat;font-size: 14px;height: auto;line-height: 20px;margin: 0 10px 5px 0;padding: 0;width: auto;max-width: 100%;} .field tags-input .tags .tag-item .remove-button {background: transparent none repeat scroll 0 0;border: medium none;color: #888888;cursor: pointer;display: inline-block;font-size: 18px;margin: -4px 0 0 4px;padding: 0;vertical-align: middle;} .field tags-input .host {height: 100%;margin-bottom: 0;margin-top: 0;min-height: 100px;overflow: visible;position: relative;} .field tags-input .input {height: auto !important;line-height: 18px !important;margin: 0 !important;} .skills input::-moz-placeholder {opacity: 1;color: #2d364b;filter:alpha(opacity=100);} .skills input::-ms-placeholder {opacity: 1;color: #2d364b;filter:alpha(opacity=100);} .skills input::-0-placeholder {opacity: 1;color: #2d364b;filter:alpha(opacity=100);} .skills input::-webkit-input-placeholder{opacity: 1;color: #2d364b;filter:alpha(opacity=100);} label.responsive{display: none;} .location > img {width: 22px;} .normale-bottom .location img{width: 15px;} /*------ Volunteers page ------- */ .flower-projects.banner-bottom{padding:25px 0 0;} .flower-projects {float: left;width: 100%;} .f-project-serach {float: left;width: 100%;} a.backtopro {float: left;font-family: pt sans;font-size: 16px;font-weight: bold;opacity: 0.56;width: auto;} .flowerp-serach {float: left;margin-bottom: 90px;margin-top: 90px;width: 100%;} .fl_left {float: left;} .flowerp-left {max-width: 48%;width: auto;} .fl_right {float: right;} .flowerp-right {max-width: 48%;width: auto;} .flowerp-left > h3 {float: left;margin-bottom: 15px;width: 100%;} .flowerp-left span {color: #2e364b;float: left;font-family: pt sans;font-size: 18px;font-weight: 900;width: 100%;} .floproject-search {float: left;margin-right: 35px;width: 265px;} .field.search {margin-bottom: 0;} .field.search > input {border-color: #dadde6;padding-right: 20px !important;} .field.search .fa.fa-search {color: #dadde6;font-size: 14px;position: absolute;right: 0;top: 25px;} .pages-results {display: inline-block;float: none;margin-top: 20px;vertical-align: middle;width: auto;} .numofpages {border-right: 2px solid #848ea6;color: #848ea6;display: inline-block;font-family: pt sans;font-size: 18px;font-weight: 900;line-height: 18px;margin-right: 20px;padding-right: 20px;vertical-align: middle;} .resultperpage {display: inline-block;vertical-align: middle;} .resultperpage > select {margin-left: 10px;min-width: 40px;padding-right: 15px;} .flower-project-list {float: left;width: 100%;} .flower-project-list > ul {float: left;width: 100%;} .flower-project-list li {float: left;margin-bottom: 80px;margin-right: 160px;width: 360px;} .pro-thumb {border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-o-border-radius: 50%;height: 80px;margin-top: 10px;overflow: hidden;width: 80px;} .pro-thumb img {float: left;height: 100%;max-width: 100%;width: auto;} .pro-fl-detils {margin-left: 115px;} .pro-fl-detils h2,.pro-fl-detils h2 a {float: left;line-height: 24px;margin-bottom: 10px;text-transform: capitalize;width: 100%;} .pro-designation {float: left;font-family: pt sans;font-size: 18px;font-weight: bold;margin-bottom: 10px;width: 100%;} .pro-technology {float: left;font-family: pt sans;font-size: 18px;width: 100%;} .flower-project-list li:nth-child(3n) {margin-right: 0;} .backtopro > img {margin-right: 20px;} .pro-fl-detils h2 a{margin-bottom: 0 !important;} /*---- pagination --- */ .pagination {float: left;margin-bottom: 100px;margin-top: 20px;text-align: center;width: 100%;} .pagination > ul {float: left;width: 100%;} .pagination > ul li {display: inline-block;margin: 0;} .pagination ul li:first-child a {border-right: 2px solid #848ea6;margin-right: 20px;padding-bottom: 0;padding-right: 20px;border-bottom: 0;padding-top: 0;border-bottom-color: transparent !important;} .pagination li.disabale a {color: #848ea6;cursor: no-drop;} .pagination li a {border-bottom: 3px solid transparent;display: inline-block;font-size: 18px;line-height: 15px;margin-right: 20px;padding: 7px 5px;vertical-align: middle;width: auto;} .pagination li.current a , .pagination li a:hover{border-color: #007abc;} .pagination ul li:last-child a {border-left: 2px solid #848ea6;border-bottom: 0;margin-left: 0;margin-right: 0;padding-bottom: 0;padding-left: 20px;padding-top: 0;border-bottom-color: transparent !important;} /*--- project Details page --- */ .project-top {float: left;margin-bottom: 90px;width: 100%;} .joined-sers {color: #464c5d;float: right;font-family: pt sans;font-size: 16px;vertical-align: middle;width: auto;} .joined-sers > img {border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-o-border-radius: 50%;display: inline-block;height: 29px;margin-right: 10px;vertical-align: middle;width: 29px;} .joined-sers > strong {display: inline-block;font-family: montserrat;font-size: 16px;font-weight: bold;vertical-align: middle;} .joined-sers > a {color: #007abc;display: inline-block;font-size: 16px;line-height: 16px;text-decoration: underline;vertical-align: middle;} .main-project-details {float: left;width: 100%;} .project-left {float: left;height: auto;width: 1100px;} .project-header {float: left;width: 100%;} .title-left {float: left;vertical-align: top;width: 745px;} .search-text {float: left;margin-top: 25px;width: 100%;} .stext {color: #2e364b;display: inline-block;font-family: pt sans;font-size: 18px;line-height: 18px;vertical-align: middle;} .stext > strong {border-left: 2px solid #898e9a;border-right: 2px solid #898e9a;display: inline-block;line-height: 18px;margin: 0 15px;padding: 0 15px;} .stext:last-child strong {border-left: 0 none;border-right: 0 none;margin: 0;padding-left: 0;padding-right: 0;} .title-action {border: 1px solid #c7d8e2;float: left;margin-top: 12px;padding: 8px 20px;vertical-align: middle;width: auto;border-radius: 25px;-moz-border-radius: 25px;-webkit-border-radius: 25px;-o-border-radius: 25px;} .action-row {float: left;width: 100%;} .action-row .join {float: left;font-family: montserrat;font-size: 12px;font-weight: bold;line-height: 14px;margin-right: 20px;vertical-align: middle;text-transform: uppercase;} .action-row .join:last-child{margin-right: 0;} .action-row .join img {display: inline-block;margin-right: 10px;vertical-align: top;} .action-row .join:last-child img {height: auto;width: 14px;} .project-details {float: left;margin-bottom: 90px;margin-top: 80px;width: 100%;} .project-points {float: left;width: 100%;} .project-points .alltabs {float: left;width: 100%;} .project-points .alltabs li {float: left;margin-right: 80px;width: auto;} .project-points .alltabs li a::after {background-color: transparent;bottom: 0;content: "";height: 6px;left: 0;position: absolute;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;width: 0;} .project-points .alltabs li a:hover::after,.project-points li.active a::after {background-color: #007abc;width: 100%;} .project-points .alltabs li a {color: #2e364b;float: left;font-family: montserrat;font-size: 24px;font-weight: bold;padding-bottom: 20px;position: relative;text-transform: uppercase;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;width: auto;} .project-points .tab-content {float: left;margin-top: 80px;width: 100%;} .info-top {border-bottom: 2px solid #e6eff4; float: left; margin-bottom: 60px;padding-bottom: 50px;width: 100%;} .info-top h5 {color: #2d364b;float: left;font-family: montserrat;font-size: 18px;font-weight: bold;margin-bottom: 15px;text-transform: capitalize;width: 100%;} .info-top > p {float: left;font-size: 18px;line-height: 30px;margin-bottom: 40px;width: 100%;} .prodetails .all-category {margin: 0;padding: 10px 0 0;} .project-managemnet {float: left;width: 100%;} .project-managemnet > ul {float: left;width: 100%;} .project-managemnet > ul li {float: left;margin-bottom: 35px;width: 100%;} .project-managemnet li strong {color: #2d364b;display: inline-block;font-family: pt sans;font-weight: bold;padding-right: 20px;vertical-align: middle;width: 250px;} .project-managemnet > ul li span {color: #2d364b;display: inline-block;float: none;font-family: pt sans;font-size: 16px;vertical-align: middle;} .project-managemnet li span > img {border: 2px solid #64cacb;display: inline-block;height: 35px;margin-right: 10px;vertical-align: middle;width: 35px;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-o-border-radius: 50%;-ms-border-radius: 50%;} .project-managemnet li.promanager span > img{border-color: #f5c846;} .project-managemnet > ul li span a {display: inline-block;font-family: pt sans;font-size: 16px;font-weight: bold;text-decoration: underline;vertical-align: middle;} .project-managemnet > ul li span a img {display: inline-block;margin-left: 10px;vertical-align: middle;} .task-information {float: left;width: 100%;} .task-table {float: left;width: 100%;} .table-row.thead {border-bottom: 2px solid #c7d8e2;border-top: 2px solid #c7d8e2;padding-bottom: 0;padding-top: 30px;} .table-row {display: table;width: 100%;} .table-row:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: 0;} .table-row.thead .table-cell:first-child {border-left: 0 none;padding-left: 0;} .table-row.thead .table-cell {border-left: 2px solid #c7d8e2;border-right: 2px solid #c7d8e2;padding: 0 25px 25px;vertical-align: top;font-size: 18px;} .table-cell.task-descreeptions {padding-right: 35px;width: 60%;} .table-row.thead .table-cell.task-dedline {border-left: 0 none;border-right: 0 none;} .table-row.thead .table-cell:last-child {border-right: 0 none;padding-right: 0;} .table-row {border-bottom: 2px solid #e6eff4;padding-bottom: 25px;padding-top: 25px;} .table-cell {display: table-cell;vertical-align: middle;} .main-deescree {float: left;max-width: 70%;width: auto;} .main-deescree > p {color: #2d364b;font-size: 18px;font-weight: bold;margin-bottom: 5px;} .main-deescree .techno {color: #2d364b;float: left;font-family: pt sans;font-size: 16px;width: 100%;} .markedarea {float: right;margin-top: 25px;width: auto;} .v-mark {background-color: #f1f9fd;border: 1px solid #97b0bf;border-radius: 50%;color: #939baa;float: right;font-family: montserrat;font-size: 16px;font-weight: bold;height: 30px;line-height: 27px;text-align: center;width: 30px;position: relative;cursor: pointer;} .dedline-content {color: #2d364b;display: inline-block;font-family: pt sans;vertical-align: middle;} .action-btn.black {border-color: #96afbe;color: #2d364b;} .action-btn { border: 1px solid #96afbe;color: #9ebbcc;display: inline-block;font-family: montserrat;font-size: 14px;font-weight: bold;line-height: 14px;padding: 7px 12px;text-transform: capitalize;vertical-align: middle;} .action-btn.green {background-color: #ecfbec;border-color: #7fce81;box-shadow: 0 0 0 1px #7fce81;-moz-box-shadow: 0 0 0 1px #7fce81;-webkit-box-shadow: 0 0 0 1px #7fce81;-o-box-shadow: 0 0 0 1px #7fce81;color: #04a007;} .action-btn.disable {cursor: no-drop;} .table-cell.task-dedline,.table-cell.task-actions {text-align: center;} .table-cell.task-dedline {width: 25%;} .table-cell.task-actions {width: 15%;} /*-- project details right bar -- */ .project-right {float: right; height: 100%;width: 360px;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;} .project-details-right {float: right;height: 100%;width: 100%;} .project-details-row.project-reviews {border-top: 2px solid #e6eff4;padding-bottom: 17px;} .project-details-row {border-bottom: 2px solid #e6eff4;float: left;padding-bottom: 30px;padding-top: 30px;width: 100%;} .project-status { float: left; left: -35px; position: relative; top: -35px; width: 75px; } .project-status > h6 { bottom: 0; font-size: 17px !important; height: auto; left: 30px; position: absolute; right: 0; text-align: center; top: 53px; vertical-align: middle; } #doughnut > h6 {bottom: 0;left: 0; position: absolute; right: 0;text-align: center;top: 0;} .project-status-text {margin-left: 100px;} .project-status-row { float: left;margin-bottom: 20px;width: 100%;} .pro-st-left {float: left;width: 50%;} .project-status-text span.pro-st-right {color: #2d2e30;float: right;font-family: montserrat;font-size: 18px;line-height: 18px;text-align: right;vertical-align: middle;width: 50%;} .project-status-text h6,.project-details-right h6 {color: #2e364b;float: left;font-family: montserrat;font-size: 18px;line-height: 24px;width: 100%;} .project-status-text span {font-family: pt sans;font-size: 18px;} .project-status-text span {font-family: pt sans;font-size: 18px;} .project-status-text span.pro-st-right img {display: inline-block;margin-right: 10px;vertical-align: middle;} .project-status-row.ratingarea {border-bottom: 5px solid #e6eff4;margin-bottom: 13px;padding-bottom: 25px;} .pro-st-left {float: left;width: 50%;} .project-status-text span {font-family: pt sans; font-size: 18px;} .project-details-row span.ratings {float: left; margin-top: 10px;width: 100%;} .allrevies {color: #007abc;float: right;font-family: pt sans;font-size: 16px;margin-top: 35px;text-decoration: underline;} .project-status-row.socialareas {margin-bottom: 0;} .project-status-row.socialareas span {font-size: 16px;} .project-status-row.socialareas span {font-size: 16px;} .socialareas .pro-st-right > a {display: inline-block;font-size: 16px;margin-left: 15px;vertical-align: middle;} .pro-st-right .fa.fa-facebook {color: #005dbc;} .pro-st-right .fa.fa-twitter {color: #11baf2;} .pro-st-right .fa.fa-google-plus {color: #ee4e4a;} .project-details-row.Volunteerlist > h6 {margin-bottom: 30px;} .Volunteersmain-list {float: left;width: 100%;} .allvol {float: left;width: 100%;} .allvol a {border: 2px solid transparent;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-o-border-radius: 50%;float: left;height: 34px;margin-bottom: 15px;margin-right: 20px;overflow: hidden;width: 34px;} .allvol a.red{border-color: #ea5044;} .allvol a.green{border-color: #57c5c7;} .allvol a img {float: left;max-width: 100%;width: auto;} .allvol a:nth-child(7n) {margin-right: 0;} .project-details-row.tweetlisting {border-bottom: 0 none;margin-bottom: 0;padding-bottom: 0;} .tweet-title {float: left;margin-bottom: 35px;width: 100%;} .tweet-title a:hover,.tweet-title a.active { border-color: #007abc;color: #2d364b;} .tweet-title a {border-bottom: 4px solid transparent;color: #677088;float: left;font-family: montserrat;font-size: 18px;line-height: 18px;margin-right: 35px;padding-bottom: 9px;width: auto;} .tweet-list {float: left;width: 100%;} .twwet-wrapeer {float: left;height: auto;max-height: 395px;overflow-y: auto;width: 100%;} .twwet-wrapeer > ul {float: left;width: 100%;} .twwet-wrapeer li {float: left;margin-bottom: 30px;width: 100%;} .twtuser {border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-o-border-radius: 50%;float: left;height: 34px;width: 34px;} .twtuser > img {max-width: 100%;width: auto;} .teetdetails {margin-left: 55px;} .tweettitle {float: left;font-family: pt sans;font-size: 16px;margin-bottom: 10px;width: 100%;} .tweettitle > a {color: #007abc;font-size: 16px;margin-left: 15px;} .teetdetails > p {color: #2d364b;float: left; font-family: pt sans;font-size: 16px;line-height: 22px;margin-bottom: 5px;width: 100%;} .hoursago {color: #747c92;font-family: pt sans;font-size: 16px;} .viewall{float: right;color: #007abc;font-size: 16px;font-family: pt sans;} .tweet-list .mCSB_container_wrapper > .mCSB_container{padding-right: 0;padding-left: 0;padding-top: 0;} .project-status canvas{width: 75px !important;height: 75px !important;} .chart-container{float: left;width: 100%;position: relative;} .project-details-row.meetupreviews > h6 {margin-bottom: 30px;} .calender{float: left;width: 100%;} /*--- Caleder design -- */ .calender > div{float: left;width: 100%;height: auto;font-family: 'Lato', sans-serif;} .calender .fc-toolbar,.calender .fc-head {background-color: #2e364b;float: left;margin-bottom: 0;width: 100%;} .calender .fc-toolbar{padding: 15px;position: relative;} .fc-view-container,.fc-view.fc-month-view.fc-basic-view{float: left;width: 100%;height: auto;} .calender .fc table{border: none;height: auto;} .caleder .fc-day-grid-container.fc-scroller{overflow: visible !important;} .calender .fc-head td{border: none;} .calender .fc-body{height: auto;} .calender .fc-day-header {color: #98a4ad;font-family: lato;font-size: 16px;font-weight: 500;text-transform: uppercase;border: none;} .calender .fc-toolbar .fc-left {color: #ffffff;display: inline-block;float: none;} .fc-toolbar .fc-left h2 {color: #fff;font-size: 16px;font-weight: 400;text-transform: capitalize;} .fc-toolbar .fc-right {float: right;text-align: center;width: 100%;} .calender .fc-button-group{float: left;width: 100%;margin: 0 !important;} .calender .fc-state-default.fc-corner-left,.calender .fc-next-button.fc-button.fc-state-default.fc-corner-right{width: auto;padding: 0;border: none;background: transparent;box-shadow: none;} .calender .fc-state-default.fc-corner-left{float: left;left: 19px;top: 8px;border: none;outline: none;} .calender .fc-next-button.fc-button.fc-state-default.fc-corner-right{float: right;right: 19px;top: 8px;border: none;outline: none;} .calender .fc-state-default.fc-corner-left:focus,.calender .fc-next-button.fc-button.fc-state-default.fc-corner-right:focus{border: none;outline: none;} .calender .fc button .fc-icon {color: #fff;font-family: "Lucida Console"; font-size: 14px;margin: 0;position: relative;top: 0;vertical-align: middle;} .calender .fc-toolbar button{position: absolute;} .calender .fc-today-button {display: none;} .fc-row:first-child table{border: none;} .calender .fc table{border: none;} .calender .fc-row.fc-widget-header {border: medium none;float: left;margin: 0;padding-bottom: 15px;width: 100%;} .calender .fc-day-grid-container.fc-scroller{height: auto;overflow: visible;} .fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-popover{border: none !important; } .calender .fc-widget-content table td {padding:5px;text-align: center !important;font-size: 14px;color: #4a535a;font-family: 'lato';font-weight: bold;} .fc-row .fc-content-skeleton{border-bottom: 1px solid #e6eff4;padding-bottom: 8px !important;padding-top: 8px !important;} .calender .fc-event{border: none;background-color: #57a4ce;padding: 0;border-radius: 30px;-moz-border-radius: 30px;-webkit-border-radius: 30px;-o-border-radius: 30px;} .calender .fc-day-grid-event .fc-time{font-weight: normal;} .calender td.fc-event-container {padding: 0 !important;} .calender td.fc-event-container .fc-day-grid-event{margin: 0;} .calender .fc-day-grid-event .fc-content span {display: inline-block;font-family: lato;font-size: 14px;line-height: 16px;padding: 2px 10px;vertical-align: middle;} .calender .fc-day-grid-event .fc-content{margin-bottom: 5px;line-height: normal;text-align:left;} .calender .fc-widget-content table td.fc-today.fc-state-highlight{background: transparent;} .calender .fc-widget-content table td.fc-today::before {background-color: #57c5c7;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-o-border-radius: 50%;-ms-border-radius: 50%;bottom: 0;content: "";height: 6px;position: absolute;text-align: center;top: 32px;width: 6px;left: 0;right: 0;margin: 0 auto;} .fc-row.fc-week.fc-widget-content:last-child .fc-content-skeleton{border-bottom: 0;padding-bottom: 0;} .responsive-tabs,.responsive-share{display: none;} .fc-content-skeleton tbody {display: none;} div.fc-basic-view .fc-body .fc-row{min-height: auto !important;height: auto !important;} /*-- events Designs -- */ .fc-row.fc-week.fc-widget-content:nth-child(3) .fc-content-skeleton tr td.fc-wed,.fc-row.fc-week.fc-widget-content:nth-child(3) .fc-content-skeleton tr td.fc-thu,.fc-row.fc-week.fc-widget-content:nth-child(3) .fc-content-skeleton tr td.fc-fri,.fc-row.fc-week.fc-widget-content:nth-child(3) .fc-content-skeleton tr td.fc-sat {background-color: #57a4ce;color: #fff;} .fc-row.fc-week.fc-widget-content:nth-child(3) .fc-content-skeleton tr td.fc-wed{border-top-left-radius: 30px;border-bottom-left-radius: 30px;} .fc-row.fc-week.fc-widget-content:nth-child(4) .fc-content-skeleton tr td.fc-thu,.fc-row.fc-week.fc-widget-content:nth-child(4) .fc-content-skeleton tr td.fc-sat,.fc-row.fc-week.fc-widget-content:nth-child(4) .fc-content-skeleton tr td.fc-fri{background-color: #e6cf35;color: #fff;} .fc-row.fc-week.fc-widget-content:nth-child(4) .fc-content-skeleton tr td.fc-sat{border-top-right-radius: 30px;border-bottom-right-radius: 30px;} .fc-row.fc-week.fc-widget-content:nth-child(4) .fc-content-skeleton tr td.fc-mon{position: relative;} .fc-row.fc-week.fc-widget-content:nth-child(4) .fc-content-skeleton tr td.fc-mon::before{content: "";height: 6px;width: 6px;position: absolute;top: 24px;bottom: 0;background-color: #ea5044;border-radius: 50%;right: 0;left: -6px;} .fc-row.fc-week.fc-widget-content:nth-child(4) .fc-content-skeleton tr td.fc-mon::after{content: "";height: 6px;width: 6px;position: absolute;top: 24px;bottom: 0;background-color: #f5c53d;border-radius: 50%;right: 0;left: 29px;} .share-social{position: relative;} .social-share {bottom: 0;position: absolute;background: #e8f6fd;border: 1px solid #b5d9eb;box-shadow: 1px 10px 18px rgba(0, 0, 0, 0.2);-moz-box-shadow: 1px 10px 18px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 1px 10px 18px rgba(0, 0, 0, 0.2);-o-box-shadow: 1px 10px 18px rgba(0, 0, 0, 0.2);color: #2d364b;font-size: 16px;line-height: 18px;opacity: 1;padding:10px 12px;position: absolute;text-align: center;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;width: 150px;left: -44px;opacity: 0;pointer-events:none;} .social-share:after{background: url(../images/tooltip-arrows.png) no-repeat center;height: 6px;width: 16px;bottom: -6px;content:"";position: absolute;left: 0;right: 0;margin: 0 auto;} .social-share li {display: inline-block;margin: 0 7px;} .social-share-icos{position: relative;} .social-share-icos:hover .social-share{opacity: 1;bottom: 63px;pointer-events:auto;} .responsive-share .other-options > span{padding: 10px 0;} .responsive-share .user-dp{margin-top: 10px;} .join.sharing{position: relative;cursor: pointer;} .join.sharing:hover .social-share{opacity: 1;bottom: 20px;pointer-events:auto;} .opensetails{display:none;} .project-right.active {padding: 0;right: -11px;z-index: 1;} .project-right.active .project-details-row.project-reviews {padding-left: 20px;padding-top: 20px;padding-right: 20px;} .v-mark[data-tool-tip]::before{left: 0;right: 0;margin: 0 auto;} .v-mark[data-tool-tip]::after{left:-38px;} .prodetails .all-category label span {font-family: lato;font-size: 15.56px;font-weight: bold;padding: 7px 11px;} .prodetails .all-category label span:hover{border-color:#c9cfde;box-shadow:none;} .fc-icon-left-single-arrow::after,.fc-icon-right-single-arrow::after{display: none;} .fc-icon.fc-icon-left-single-arrow{width: 8px;height:13px;background: url(../images/calender-left.svg) no-repeat center; } .fc-icon.fc-icon-right-single-arrow{width: 8px;height: 13px;background: url(../images/calender-right.svg) no-repeat center;} .dedline-content small{display: none;font-size: 12px;color: #737e97;font-family:pt sans;font-weight: normal;margin-right: 5px;} .close {display: none;position: absolute;right: -5px;top: 25px;} .project-managemnet > ul li span a i {color: #007abc;font-size: 12px;margin-left: 10px;} #preloader-1 {height: 35px; margin: 0 auto;position: relative;width: 35px;} #preloader-1 span {position:absolute;border: 2px solid #6a6a6a;border-top: 2px solid transparent;border-radius:999px;-moz-border-radius:999px;-webkit-border-radius:999px;-o-border-radius:999px;} #preloader-1 span:nth-child(1){width:35px;height:35px;animation: spin-1 2s infinite linear;} #preloader-1 span:nth-child(2){bottom: 0;height: 20px;border-width: 1px;left: 24px;margin: auto;right: 0;top: 0;width: 20px;animation: spin-2 1s infinite linear;} @keyframes spin-1 { 0% {transform: rotate(360deg); opacity: 1;} 50% {transform: rotate(180deg); opacity: 0.5;} 100% {transform: rotate(0deg); opacity: 1;} } @keyframes spin-2 { 0% {transform: rotate(0deg); opacity: 0.5;} 50% {transform: rotate(180deg); opacity: 1;} 100% {transform: rotate(360deg); opacity: 0.5;} } .lasy-loader {float: left;text-align: center;width: 100%;margin-top: 90px;} /*---- Ortganizer page ---- */ .banner.organizer{background-position: center top;height: 545px;} .serach-resilts-area {float: left;width: 100%;} .search-row {border-bottom: 2px solid #e6eff4;float: left;margin-bottom: 75px;padding-bottom: 75px;width: 100%;} .serach-coulmn-left {border: 1px solid #dadfed;float: left;height: 180px;width: 180px;} .serach-coulmn-left > a { float: left;width: 100%;} .serach-coulmn-left img {max-width: 100%;} .serach-coulmn-right {margin-left: 260px;} .serach-coulmn-right > h5 {color: #2e364b;float: left;font-family: montserrat;font-size: 24px;width: 100%;margin-top: -5px;} .organization-location {float: left;font-family: pt sans;font-size: 18px;margin: 12px 0;width: 100%;} .organization-location > span:first-child {border-left: 0 none;padding-left: 0;} .organization-location > span {border-left: 1px solid #e0e1e4;border-right: 1px solid #898e9a;color: #2d364b;float: left;font-family: pt sans;font-size: 18px;line-height: 18px;padding-left: 20px;padding-right: 20px;width: auto;} .organization-location > span:last-child {border-right: 0 none;padding-right: 0;} .organization-link.organization-location {margin-bottom: 30px;margin-top: 0;} .organization-link.organization-location > span a {color: #007abc;font-family: pt sans;font-size: 18px;text-decoration: underline;} .serach-coulmn-right > p {color: #2d364b;float: left;font-size: 18px;line-height: 32px;width: 100%;} .search-row:last-child{padding-bottom: 0;border-bottom: 0;} .organi-projects {float: left;margin-top: 40px;width: 100%;margin-bottom: 50px;} .organi-projects h6 {color: #2d364b;float: left;font-family: pt sans;font-size: 18px;line-height: 20px;width: 100%;margin-bottom: 25px;} .thumb-sliders{float: left;width: 100%;position: relative;} .thumb-sliders .slick-arrow{background: url(../images/slider-arrows.svg) no-repeat !important;width:25px;height: 44px;position: absolute;} .thumb-sliders .slick-arrow.slick-prev{background-position: left top !important;left: -45px ;} .thumb-sliders .slick-arrow.slick-next{background-position: right top !important;right: -30px ;} .slick-prev::before,.slick-next::before,.slick-prev::before, .slick-next::before{display: none;} /*--- Slick Slider --- */ .thumb-sliders .slick-list{padding: 30px 0 !important;} .thumb-sliders .slick-slide{margin:0 30px;height: 460px;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;} .thumb-sliders .slick-list{margin-left: -15px;} .orgnizers .flower-container,.organization-serach .flower-container{max-width: 90%;} .slick-slide .like img{display: inline-block;} .slick-slide .mythumb{height: 100%;} .slick-slide.slick-current.slick-active.slick-center {transform: scale(1.2);-moz-transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);} .thumb-sliders .mythumb > img{max-width: inherit;} .banner.volunteers,.banner.projectdetails,.banner.Schools,.banner.ben-organization {background-position: center;height:100vh;background-size: cover !important;} .location.active > img{width: 16px;} /*--- CSS HACK FOR CHROME AND SAFARI --- */ @media screen and (-webkit-min-device-pixel-ratio:0) { .field md-input-container .md-input{height: 47px;padding: 12px 2px 1px;background-position: right 30px !important;} .field .layout-padding, .field .layout-padding div{padding: 2px 0 0 !important;} .field md-input-container.md-icon-float.md-input-focused label, md-input-container.md-icon-float.md-input-has-value label { -webkit-transform: translate3d(0,9px,0) scale(.75) !important; transform: translate3d(0,9px,0) scale(.75) !important; } } .main_map #map { height: 100%; margin-left: 780px; width: auto; } /*.contactus-content{ width: 360px; float: left; display: table-cell; } */ .contactus-desc{ padding: 12px 20px 20px 20px; float: left;} .contactus-desc h3{ color: #2d364b; float: left; font-family: montserrat; font-size: 20px; font-weight: 600; line-height: 26px; margin: 0px 0px 15px 0px; width: 100%;} .contactus-desc p{ color: #2d364b; float: left; line-height: 24px; transition: all 0.6s ease 0s; width: 100%; margin-bottom: 39px;} .contactus-desc .contactus_img{ height: 398px; width: 360px; } .contactus-bottom { border-top: 1px solid #dadfed; float: left; width: 100%; padding: 20px 0px 0px 0px; } .user-dp { border-radius: 50%; float: left; height: 43px; line-height: 37px; overflow: hidden; width: 43px; } .user-dp img { width: 100%; height:100%; } /*.other-options span { display: inline-block; text-align: center; vertical-align: middle; width: 59px; } .other-options span img { display: inline-block; transform: scale(1) !important; } .other-options span strong, .share-social a strong { color: #2d2e30; float: left; font-family: montserrat; font-size: 14px; font-weight: 300; line-height: 20px; margin-top: 5px; text-align: center; text-transform: uppercase; width: 100%; } .share { float: left; position: relative; width: 100%; } */.main_map {/*border: 1px solid #eaeaea;*/float: left;overflow: hidden;position: relative;width: 100%;height: 100%;} .contactus-content {background-color: #fff;bottom: 0;box-shadow: 4px 5px 90px rgba(0, 0, 0, 0.8);-moz-box-shadow: 4px 5px 90px rgba(0, 0, 0, 0.8);-webkit-box-shadow: 4px 5px 90px rgba(0, 0, 0, 0.8);-o-box-shadow: 4px 5px 90px rgba(0, 0, 0, 0.8);-ms-box-shadow: 4px 5px 90px rgba(0, 0, 0, 0.8);position: absolute;right: 0;top: 0;width: 365px;z-index: 1;} .project-img > img {height: auto;width: 100%;display: block;} .project-img{float: left;width: 100%;position: relative;} .close-ico{position: absolute;right: 25px;top: 25px;} .contactus-desc .other-options span {float: left;width: 25%;} .project-list-map {background-color: #fff;bottom: 0;float: left;height: 100%;left: 0;padding:0;padding-left: 10px;position: static;top: 0;width: 780px;height: 100%;} .project-list-map .contactus-content{position: static;background-color: #fff;} .project-list-map .masonry-brick{display: block;width: 340px;} .project-list-map .other-options{margin-left: 50px;} .banner-bottom.map{padding-bottom: 0;height: 100%;padding-top: 125px;} .map-area{float: left;width: 100%;height: 100%;} .opensidebarbody{overflow-y:hidden;} .all-categor .mCSB_scrollTools{right: 15px;} .thumb-content{pointer-events:none;z-index: 9;width: 300px !important;height: auto;} .thumb-grid .thumb-content{width: 320px !important;} .mythumb .slick-list .slick-insert > h3{color: #fff;font-size: 20px;left: 40px;position: absolute;right: 40px;top: 40px;z-index: 1;} .mythumb .slick-list:hover > h3{opacity: 0;} .mythumb .slick-list .slick-insert > h3 a{color: #fff; font-size: 20px;} .slick-slide{position: relative;} .mythumb .slick-insert > img{transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-webkit-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;} .mythumb .slick-insert:hover > img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);} .main_map .grid-options {background: #ffffff none repeat scroll 0 0; border-radius: 3px; box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3); float: none;padding: 10px; position: absolute; right: 35px; top: 30px; width: auto;} .main_map .grid-options:after{ position: absolute; top: 0; left: 0; right: 0; margin:auto; height: 100%; width: 1px; background-color: #636465; content: '';} .main_map .grid-options .grid {margin-left: 0 !important;} .main_map .location {margin-right: 0 !important;} .main_map .other-options span{width: 49px;} .map-custom-scroll{float: left;width: 100%;height: 100%;max-height: 100%;overflow-y:auto;} .project-list-map .mCSB_scrollTools{right: 15px !important;} /*calendar*/ .head-calendar header::before {background-color: #fff;content: "";height: 50px;left: 0;position: absolute;right: 0;top: -20px;width: 100%;} .calendar-main-content .grid-options {padding: 75px 0 56px;} .head-calendar header.nav-header {height: 100%;transform: skew(0deg); -webkit-transform: skew(0deg); -moz-transform: skew(0deg); -o-transform: skew(0deg); -ms-transform: skew(0deg);z-index: 99;} .head-calendar header {background-color: #fff;border-bottom: 1px solid #ccc;transform: skew(0deg, 1.1deg); -moz-transform: skew(0deg, 1.1deg); -ms-transform: skew(0deg, 1.1deg); -o-transform: skew(0deg, 1.1deg); -webkit-transform: skew(0deg, 1.1deg);} .head-calendar .logo {opacity: 0;transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s;} .head-calendar .logo-f {opacity: 1;transform: skew(0deg, -1.1deg); -moz-transform: skew(0deg, -1.1deg); -webkit-transform: skew(0deg, -1.1deg); -ms-transform: skew(0deg, -1.1deg);-o-transform: skew(0deg, -1.1deg);} .head-calendar .navbar-parts {position: relative;top: -25px;transform: skew(0deg, -1.1deg); -moz-transform: skew(0deg, -1.1deg); -webkit-transform: skew(0deg, -1.1deg); -ms-transform: skew(0deg, -1.1deg); -o-transform: skew(0deg, -1.1deg);} .head-calendar .links, .head-calendar .links a {color: #000;} .head-calendar .nav-ico span::before, .head-calendar .nav-ico span, .head-calendar .nav-ico span::after {background-color: #353d51;} .head-calendar .sidebar-ico span::before, .head-calendar .sidebar-ico span::after, .head-calendar .sidebar-ico span {background-color: #353d51;} .calendar-main-content.ng-scope {float: left;margin: 105px 0;width: 100%;} .main-calendar {float: left;padding: 0 50px; width: 100%;} /*.calendar-right {float: right;width: 1390px; margin-top: 20px;}*/ .calendar-right {margin-left: 430px;margin-top: 20px;} .calendar-top-bar {float: left;text-align: center; width: 100%;} .calendar-top-bar > * {display: inline-block;float: none;width: 33%;vertical-align: middle;} .calendar-top-bar h2 {text-align: left; color: #4a546c;font-size: 18px;} .calendar-view-text {text-align: right;} .calendar-view-text .btn-group {border: 2px solid #2d364b;border-radius: 7px;display: inline-block; /*overflow: hidden;*/} .calendar-view-text .btn-group > label {color: #2d364b;display: inline-block;font-size: 16px;line-height: normal;padding: 7px 0;text-align: center;width: 100px; cursor: pointer; font-family: "Montserrat",sans-serif;} .calendar-view-text .btn-group input{ position: absolute;height: 1px; width: 1px; opacity: 0; visibility: hidden; } .calendar-view-text .btn-group input:checked + label{ background-color: #2e364b; color: #fff;} .event-breif {float: left;width: 100%; margin-top: 9px; display: none;} .event-breif-text {float: left;width: 100%; margin-bottom: 8px;} .event-breif-text > h4 {color: #2d364b;float: left;font-weight: bold;width: 90px;} .event-breif-text > a, .event-breif-text > span, .event-breif-text > p{ font-family: "PT Sans",sans-serif; font-size: 18px; float: left; width: 232px;} .event-breif-text > a {color:#007abc; text-decoration: underline; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .event-going {color: #2d364b;float: left;padding-left: 10px;text-align: center; margin-top: 8px;width: 100%;font-family: 'PT Sans', sans-serif; font-size: 18px;} li.active .event-text > p{ display: none; } mwl-calendar {float: left;margin-top: 36px;width: 100%;} .calendar-right .cal-row-head.cal-row-fluid .cal-cell1 {background-color: #2e364b;color: #98a4ad;font-size: 18px;padding: 18px 0; font-weight: 400; font-family: "Montserrat",sans-serif;} .cal-row-head .cal-cell1:hover{background-color: #2e364b; color: #98a4ad;} .cal-month-day.cal-day-outmonth.cal-day-past span, mwl-calendar .cal-day-outmonth span[data-cal-date] { color: #b7c0c8;opacity: 1;font-weight: 400 !important; font-family: "Montserrat",sans-serif !important; font-size: 20px;} mwl-calendar .cal-month-day {height: 115px;} mwl-calendar .cal-day-today {background-color: #f7f9fe;} mwl-calendar span[data-cal-date] {color: #4a535a;font-weight: 400 !important; font-family: "Montserrat",sans-serif !important; font-size: 20px !important; opacity: 1 !important;} mwl-calendar .cal-day-today span[data-cal-date]{color: #4a535a !important;} .cal-slide-content.cal-event-list, small.cal-events-num {display: none;} /*.cal-month-day.cal-day-inmonth.cal-day-weekend.cal-day-future{color: #4a535a !important;}*/ /*mwl-calendar .cal-day-weekend span[data-cal-date]{color: #4a535a !important;}*/ mwl-calendar .event {border: 2px solid #fff;border-radius: 12px;box-shadow: none;height: 24px;margin-right: -5px;width: 24px;} mwl-calendar .cal-month-box, mwl-calendar .cal-week-box, mwl-calendar .cal-year-box {border: 2px solid #e6eff4; border-right: 0; border-bottom: 0;} mwl-calendar .cal-month-box .cal-row-fluid, mwl-calendar .cal-year-box .row {border-bottom: 2px solid #e6eff4;} mwl-calendar .cal-month-box [class*="cal-cell"], mwl-calendar .cal-year-box [class*="span"] {border-right: 2px solid #e6eff4;} mwl-calendar span[data-cal-date]{ margin-right: 20px; margin-top: 26px; /*pointer-events: none;*/} .btn-group{ position: relative; } .btn-group .events-btns{cursor: pointer;height: 11px;position: absolute;top: 6px;width: 11px;box-shadow: none;border-right: 0;border-bottom: 0; background-color: transparent;} .prev-btn {left: auto; background-image: url("../images/2.svg");background-position: left center;background-repeat: no-repeat;} .next-btn { background-image: url("../images/1.svg");background-position: left center;background-repeat: no-repeat;} .calendar-left {float: left;width: 380px;} .calendar-left .calendar-event-box > h4 {border-bottom: 2px solid #c7d8e2;border-top: 2px solid #c7d8e2;color: #2d364b;float: left;padding: 25px 0;width: 100%;font-family: 'Montserrat', sans-serif;font-weight: bold;} .main-event-box {float: left;width: 100%; margin: 23px 0 0; padding-bottom: 0; border-bottom: 0;height: 641px;} .main-event-box .mCSB_container{ padding-right: 0; padding-top: 0;} .main-event-box ul {float: left;width: 100%;} .main-event-box ul > li {border-bottom: 2px solid #e6eff4;float: left;padding-bottom: 22px;padding-top: 30px;width: 100%;} .main-event-box ul > li:first-child{ padding-top: 12px; } .main-event-box ul > li:last-child{ border-bottom: 0; } .main-event-box h5 {float: left;font-size: 18px;padding: 0 0 20px;width: 100%;color: #2d364b; font-family: "PT Sans",sans-serif; font-weight: 700;} .main-event-box .mCSB_container_wrapper{ margin-right: 26px; } .sub-list {float: left;width: 100%;} .main-event-box .sub-list li{ float: left;width: 100%; margin-bottom: 37px; border-bottom: none; padding-bottom: 0; padding-top: 0;} .main-event-box .sub-list li:last-child{ margin-bottom: 0; } .main-event-box .sub-list li:first-child{ padding-top: 0; } .dots {background-color: #ccc;border-radius: 50%;float: left;height: 18px;width: 18px; margin-top: 5px;} .event-text {float: none;margin-left: 30px;} .event-text > h3, .event-text > h3 a {display: inline-block;float: none;font-size: 18px;line-height: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: calc(100% - 12px);} .event-text > h3 a{ float: left; } .event-text > p {font-size: 16px;font-weight: bold; margin-top: 3px;} .event-text > p span{ font-weight: 400; margin-left: 6px; } .cyan{ background-color: #05fffe !important; } .purple{ background-color: #a976dd !important;} .green{ background-color: #7be47d !important; } .curr-date {font-size: 16px;padding: 0 19px 0 25px;} /*.ng-pristine.ng-untouched.ng-valid {opacity: 0;position: absolute;}*/ mwl-calendar-week .cal-row-head .cal-cell1 span {float: left;width: 100%;} mwl-calendar-week .cal-row-head small {float: left;text-align: center;width: 100%;} mwl-calendar-week .cal-row-head small span {margin: 2px 0 0 !important; color: #98a4ad;} .cal-context mwl-calendar-week .cal-row-head .cal-cell1:hover{ background-color: #2e364b !important;} mwl-calendar-week .cal-row-head .cal-cell1:hover *{ color: #98a4ad; } mwl-calendar-week .cal-day-box .day-highlight{height: auto !important;} .cal-day-box .cal-day-hour-part {border-left: 1px solid #e6eff4;border-right: 1px solid #e6eff4;border-top: 1px solid #e6eff4;border-bottom: 1px solid #e6eff4;height: 47px; background-color: white;} .cal-day-hour-part-time strong{color: #b7c0c8;font-size: 16px; text-align: left !important; margin-top: 26px; margin-left: 5px;font-family: "Montserrat",sans-serif !important; font-weight: 400; float: left; width: 100%;} .cal-day-box .cal-day-panel { height: 1035px !important; } mwl-calendar mwl-calendar-week .cal-month-box, mwl-calendar mwl-calendar-week .cal-week-box, mwl-calendar mwl-calendar-week .cal-year-box { border-color: #e6eff4 #e6eff4 #e6eff4 #e6eff4; border-width: 2px 2px 2px 2px; border-style: solid solid solid solid;} .cal-day-box .day-highlight{ height: auto !important; } .cal-cell1.ng-scope.cal-day-today{ background-color: #ff4b4b; } .cal-cell1.ng-scope.cal-day-today *{ color: #fff !important; } .calendar-bottom {float: left;width: auto;margin: 20px 0;} span.event-short-button {float: left;width: auto;border: 2px solid #dadfed;padding: 4px 8px ;border-radius: 15px; float: left;} .event-short-button i:before{font-size: 0;height: 16px;width: 16px;border-radius: 50%;margin-right: 5px;content: ''; float: left;} .event-short-button i.cyan:before{background-color: #05fffe;} .event-short-button i.purple:before{background-color: #a976dd;} .event-short-button i.green:before{background-color: #7be47d;} .event-short-button i {position: relative;color: #4a535a;font-size: 13px; background-color: transparent !important; margin-right: 15px; font-style: normal; float: left; -webkit-transition-property: width; /* Safari */ -webkit-transition-duration: 0.5s; /* Safari */transition-property: width;transition-duration: 0.5s; width: 16px;overflow: hidden;white-space: nowrap;} .event-short-button i:last-child, .event-short-button i:last-child:before {margin-right: 0;} .calendar-bottom:hover i:last-child:before { margin-right: 8px; } .calendar-bottom:hover .event-short-button{ padding-top: 4px; } .calendar-bottom:hover i { overflow: visible; width: 100px;} .calendar-bottom:hover i:first-child{ width: 64px; } .calendar-bottom:hover i:nth-child(2n){ width: 110px; } .calendar-icon{ position: relative;top: 1px;left: 10px;} #cal-week-box{display: none;} .main_map .calendar-bottom {background-color: hsl(0, 0%, 100%);border-radius: 15px;position: absolute;left: 790px;top: 30px;z-index: 1;margin: 0;} .cal-container {float: left;position: relative;width: 100%;} .events-details {display: none;background-color: hsl(0, 0%, 100%);border: 1px solid hsl(0, 0%, 80%);padding: 15px;position: absolute;width: 300px;display: none;z-index: 99;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;} .details-inner{float: left;width: 100%;position: relative;padding-top: 25px;} .events-details h3 {font-size: 22px;margin-bottom: 10px;} .events-details ul {float: left;width: 100%;} .events-details li {float: left;margin-bottom: 10px;width: 100%;} .events-details strong {display: inline-block;font-size: 14px;margin-right: 5px;vertical-align: middle;width: auto;} .events-details span {color: hsl(222, 25%, 24%);display: inline-block;font-size: 16px;font-weight: normal;vertical-align: middle;} .details-btn {border: 1px solid hsl(0, 0%, 0%);border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-o-border-radius: 3px;float: left;font-size: 14px;padding: 10px;text-transform: uppercase;} .close-detail {position: absolute;right: 0;top: -8px;} /*--- new Changes --- */ .nav {float: right;vertical-align: middle;width: 100%;} .nav > ul {float: right;width: auto;} .nav > ul li {float: left;margin-right: 30px;width: auto;position: relative;font-family: muli;} .nav > ul > li{padding-bottom: 25px;} .nav > ul > li a::after { background-color: #ffe259; bottom: -11px; content: ""; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; transition: all 0.4s ease 0s; width: 0; } .nav > ul > li a:hover::after,.nav > ul > li:first-child:hover::after,.nav > ul > li:nth-child(2):hover::after,.nav > ul > li:nth-child(3):hover::after { width: 100%; } .sub-nav li a::after{display: none;} .nav > ul > li:last-child{margin-right: 0;} .nav > ul li a {color: #ffffff;float: left;font-family: muli; font-size: 16px;line-height:16px;width: auto;position: relative;} .nav > ul li a:hover{color: #ffe259;} .sub-nav {opacity: 0;pointer-events:none;filter:alpha(opacity:0);background-color: #ffffff;border: 1px solid #f1f1f1;left: -35px;position: absolute;top: 80px;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;} .nav li .sub-nav > li {margin-right: 0; width: 100%;} .nav li .sub-nav > li a {border-bottom: 1px solid transparent; color: #2d364b;float: left;font-size: 13px;font-weight: 600;letter-spacing: 1px;padding: 12px 18px;text-align: left;width: 100%;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;} .nav li .sub-nav > li a:hover,.fixed header .nav > ul li a:hover{color: #ffa71c;} .nav > ul li:hover > .sub-nav{opacity: 1;top: 40px;pointer-events:auto;} .sub-nav:after, .sub-nav:before {bottom: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;} .sub-nav:after {border-color: rgba(241, 241, 241, 0);border-bottom-color: #f1f1f1;border-width: 7px;margin-left: -7px;} .sub-nav:before {border-color: rgba(241, 241, 241, 0);border-bottom-color: #f1f1f1; border-width: 8px;margin-left: -8px;} .nav > ul > li:last-child a{float: none;display: inline-block;} .nav > ul > li:last-child a:first-child{margin-right: 5px;} .nav > ul > li:last-child a:last-child{margin-left: 5px;} .buttons-row {float: left;width: 100%;} .btn-project {background-color: #ffe259;border-radius: 30px;-moz-border-radius: 30px;-webkit-border-radius: 30px;-o-border-radius: 30px;color: #040404;display: inline-block;font-size: 20px;height: auto;padding: 17px 20px;text-align: center;text-transform: uppercase;vertical-align: middle;min-width: 230px;} .btn-project:hover{background-color: #f8d52f;} .buttons-row a{margin: 0 10px;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;} .buttons-row a.banner-reamore:hover{color: #f8d52f;} .fixed header .nav > ul li a,.fixed header .nav > ul li{color: #000;} .banner.features{background-color: #061111;height: 206px;} .share.general {bottom: 75px;height: 50px;position: fixed;right: 50px;width: 50px;z-index: 99;} .share.general .socils-parts ul {bottom: 80px;left: -15px;position: absolute;right: 0;width: 60px;} .share.general .socils-parts li {margin: -30px 0;} .share.general.open-social .socils-parts li{margin: 15px 0;} .share.general .socils-parts li:last-child{margin-bottom: 0 !important;} .share.general .share-icons{background-color: #6d60b0;float: left;position: static;height: 50px;width: 50px;background-size: 25px auto;box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);-moz-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);-webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);-o-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);} .banner-bottom.features{padding: 0} /*.features-movemnets {float: left;text-align: center;width: 100%;} */.other-container {margin: 0 auto;width: 1530px;} .heading::after {background-color: #6d60b0;bottom: 0;content: "";height: 8px;left: 0;margin: 0 auto;position: absolute;right: 0;width: 96px;} .heading {float: left;margin-bottom: 115px;padding-bottom: 45px;position: relative;width: 100%;text-align: center;} .heading > h2 {font-size: 48px;line-height: 100px;text-transform: none;} .heading > h3 {font-family: pt sans;font-size: 30px;font-style: italic;font-weight: 300;} .movemnet-row {display: table;width: 100%;} .movements-coulmn {display: table-cell;padding: 0 33px;width: 33.33%;} .movements-inner {float: left;width: 100%;} .movemnets-ico {float: left;margin-bottom: 35px;width: 100%;} .movemnet-details {float: left;width: 100%;} .movemnet-details > p {color: #010101;float: left;font-size: 18px;line-height: 27px;padding: 0 107px;width: 100%;} .features-movemnets{float: left;width: 100%;padding:80px 0 40px;text-align: center;} .movemnet-details h3{float: left;width: 100%;margin-bottom: 35px;} .managemnet-tools {float: left;padding: 40px 0 80px; width: 100%;} .managemnet-row {float: left;/*padding-top: 40px;*/width: 100%;position: relative;} .manage-left {background-color: #fafafa;float: left;padding: 60px 0;width: calc(100% - 600px);} .manage-container {margin: 0 auto;width: 910px;} .manage-title {float: left;margin-top: -225px;width: 100%;} .manage-title > h4 {color: #000000;font-size: 36px;font-weight: bold;line-height: 42px;} .manage-title > h4 small {float: left;font-family: pt sans;font-size: 30px;font-weight: normal;width: 100%;} .manage-info {float: left;text-align: center;width: 100%;} .manage-info > img {float: none;max-width: 550px;width: auto;/*margin-left: -57px;*/display: inline-block;} .manage-info > p::after {background-color: #6d60b0;bottom: 0;content: "";height: 4px;left: 30px;position: absolute;width: 40px;} .manage-info > p {color: #010101;float: none;font-size: 22px;line-height: 26px;padding-bottom: 20px;position: relative;width: 640px;padding-left: 30px;text-align: left;display: inline-block;} .manage-right {background-color: #ffffff;box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);-o-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);padding: 40px 0;position: absolute;right: 0;top: -170px;width: 690px;} .manage-right > h3 {margin-bottom: 35px;padding: 0 93px;} .manage-right > ul {float: left;width: 100%;} .manage-right > ul li::before {content: "-";font-family: pt sans; font-size: 26px;font-weight: bold;left: 117px;position: absolute; top: 8px;} .manage-right > ul li {cursor: pointer;float: left;font-size: 22px;margin-bottom: 10px;margin-left: -3%;padding: 10px 160px 10px 140px;position: relative;/*transition: all 0.7s ease-out 0s;-moz-transition: all 0.7s ease-out 0s;-webkit-transition: all 0.7s ease-out 0s;-o-transition: all 0.7s ease-out 0s;*/width: 103%;} .manage-right > ul li:last-child {margin-bottom: 0;} .manage-right li:hover {background-color: #6d60b0;color: #ffffff;} .button-part {float: left;padding: 145px 0 25px;text-align: center;width: 100%;} .btn-join {background-color: #6d60b0;border-radius: 35px;-moz-border-radius: 35px;-webkit-border-radius: 35px;-o-border-radius: 35px;box-shadow: 0 10px 70px rgba(24, 28, 29, 0.27);-moz-box-shadow: 0 10px 70px rgba(24, 28, 29, 0.27);-webkit-box-shadow: 0 10px 70px rgba(24, 28, 29, 0.27);-o-box-shadow: 0 10px 70px rgba(24, 28, 29, 0.27);-ms-box-shadow: 0 10px 70px rgba(24, 28, 29, 0.27);display: inline-block;font-size: 22px;font-weight: bold;min-width: 408px;padding: 20px 25px;text-transform: uppercase;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;} .btn-join:hover{background-color: #8271d7;} .Volunteers .heading::after{background-color: #ffa71c;} .grass-roots .heading {margin-bottom: 140px;} .grassroots-rows {display: table;width: 100%;overflow: hidden; margin-top: -145px;} .grassroots-left {display: table-cell;vertical-align: middle;width: 50%;text-align: center;} .grassroots-right {display: table-cell;padding: 50px;vertical-align: middle;width: 50%;} .grass-container {margin: 0 auto;width: 570px;} .grass-rows {float: left;width: 100%;margin-top: -230px;} .grass-ttile {float: left;width: 100%;} .grass-ttile small {color: #000000;float: left;font-family: pt sans;font-size: 14px;font-weight: bold;width: 100%;} .grass-ttile > h3::after {background-color: #c8c8c8;bottom: 0;content: "";height: 8px;left: 0;position: absolute;width: 98px;} .grass-ttile > h3 {color: #ffa71c;padding-bottom: 20px;position: relative;} .grass-rows > p {color: #a3a3a3;float: left;font-size: 18px;line-height: 27px;margin-top: 31px;width: 100%;} .Volunteers .button-part,.Schools .button-part,.ben-organization .button-part {margin-top: -75px;padding-bottom: 110px;padding-top: 0;position: relative;} .Volunteers .button-part .btn-join,.Volunteers + .share.general .share-icons{background-color: #ffa71c;} .Volunteers .button-part .btn-join:hover,.Volunteers + .share.general .share-icons:hover{background-color: #ff9c00;} /*.grassroots-left > img { margin-left: -270px; }*/ .grassroots-rows:nth-child(odd) .grassroots-left img {margin-left: -270px;} .grassroots-rows:nth-child(even) .grassroots-left img {margin-right: -270px;} .testimonails {background-color: #dcecf5;float: left;padding:50px 0 85px;width: 100%;} .slider-container{margin: 0 auto;width: 850px;position: relative;} .testimonails ul {float: left;min-height: 160px;padding: 30px 0;text-align: center;width: 100%;} .testimonails .layer{float: left;width: 100%;} .smile-parts{float: left;width: 100%;padding: 35px 0;background: url(../images/smile.png) no-repeat center;} .smile-parts h6{float: left;width: 100%;font-size: 24px;color: #040404;text-transform: uppercase;text-align: center;} .testimonial-content{margin:0 auto;width: 850px;} .testimonial-content > p {color: #040404;float: left;line-height: 24px;margin-bottom: 20px;padding: 0 140px;width: 100%;} .testimonial-content strong {color: #040404;font-family: montserrat;font-size: 14px;font-weight: normal;} .rn-carousel-controls span{position: absolute;top: 125px;font-size: 0;} .rn-carousel-controls span:hover{opacity: 0.5} .rn-carousel-controls span.rn-carousel-control-prev{width: 21px;height: 35px;background: url(../images/prev-ico.svg) no-repeat center;left: 0;} .rn-carousel-controls span.rn-carousel-control-next{width: 21px;height: 35px;background: url(../images/next-ico.svg) no-repeat center;right: 0;} .banner.inner h2::after {background-color: #ffa71c;bottom: 0;content: "";height: 8px;left: 0;margin: 0 auto;position: absolute;right: 0;width: 98px;} .banner.inner h2 {color: #ffffff;float: left;font-size: 60px;margin-top: 330px;padding-bottom: 40px;position: relative;text-align: center;text-transform: capitalize;width: 100%;} .counter{float: left;width: 100%;padding: 100px 0;} .counter .container {margin: 0 auto;text-align: center;width: 700px;} .couting {display: inline-block;padding: 0 80px;vertical-align: middle;width: auto;} .couting > h4 {color: #040404;font-size: 60px;font-weight: bold;line-height: 70px;} .couting > span {color: #040404;float: left;font-family: montserrat; font-size: 14px;width: 100%;} .other-benifits {display: table;width: 100%;} .benifits-coulmn {display: table-cell;overflow: hidden;vertical-align: middle;width: 50%;} .benifits-coulmn > a {float: left;position: relative;width: 100%;} .benifits-coulmn > a > img {float: left;height: auto;width: 100%;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;} .captions {background-color: rgba(0, 0, 0, 0.5);bottom: 0;float: left;left: 0;position: absolute;right: 0;text-align: center;top: 0;width: 100%;transition: all 0.4s ease 0s;} .captions-inner {bottom: 0;height: 70px;left: 0;margin: auto;max-width: 360px;position: absolute;right: 0;top: 0;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;width: auto;} .captions-inner-in{float: left;width: 100%;padding: 0 80px;position: relative;} .captions-inner h6 {color: #ffffff;float: left;font-family: montserrat;font-size: 24px;font-weight: normal;line-height: 40px;text-align: left;text-transform: uppercase;width: 100%;} .captions-inner small {color: #ffffff;float: left;font-family: pt sans;font-size: 14px;text-align: left;} .benifits-coulmn:hover .captions {background-color: rgba(0,0,0,0.8);} .captions-inner-in > img {bottom: 0;height: 22px;left: 108px;margin: auto 0;opacity: 0;position: absolute;top: 0;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;width: 33px;} .benifits-coulmn:hover .captions-inner-in > img {left: 0;opacity: 1;} .benifits-coulmn:hover a > img{transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);} .benifits-coulmn:last-child .captions-inner-in > img{left: 160px;} .benifits-coulmn:last-child:hover .captions-inner-in > img{left: 326px;} .banner.inner.Schools h2::after,.Schools .button-part .btn-join, .Schools + .share.general .share-icons,.Schools .heading::after {background-color: #b5e55f;} .Schools .button-part .btn-join:hover{background-color: #b8f746;} .Schools .grass-ttile > h3{color: #b5e55f;} .managemnet-tools .heading {margin-bottom: 270px;} .ben-organization.inner.banner h2::after,.ben-organization .button-part .btn-join, .ben-organization + .share.general .share-icons,.ben-organization .heading::after {background-color: #66b7e6;} .ben-organization .button-part .btn-join:hover{background-color: #38b3fb;} .ben-organization .grass-ttile > h3{color: #66b7e6;} .general .socils-parts li {display: inline-block;float: none;margin: 0 20px;opacity: 1;} .general .socils-parts li a {background-color: #ffe259;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-o-border-radius: 50%;color: #2d364b;float: left;font-size: 25px;height: 40px;position: relative;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;width: 40px;pointer-events: none;transform: scale(0);-moz-transform: scale(0);-webkit-transform: scale(0);-o-transform: scale(0);} .general .socils-parts .school li a{background-color: #b5e55f;} .general .socils-parts .volunteers li a{background-color: #ffa71c;} .general .socils-parts .orgznization li a{background-color: #66b7e6;} .general .socils-parts .features li a{background-color: #6d60b0;} .general .socils-parts li a i{display: inline;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;background: url(../images/new-socials.svg) no-repeat center;background-size: 20px auto;} .share.general.open-social .socils-parts li a {pointer-events: auto;transform: scale(1);-moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);} .general .socils-parts li a.fb i {background-position: 0 bottom;height: 18px;width: 18px;} .general .socils-parts li a.gplus i {background-position: left -105px;height: 14px;width: 22px;} .general .socils-parts li a.twt i {background-position: -1px -155px;height: 16px;width: 16px;} .general .socils-parts li a.linked i {background-position: -1px -52px;height: 17px;width: 17px;} .general .socils-parts li a.insta i {background-position: 0 top;height: 18px;width: 18px;} .general .socils-parts li a[data-tool-tip]::after{display: none;} .general .socils-parts li a:hover{opacity: 0.8;} .hidden{visibility: hidden;} .grassroots-left-responsive,.managemnet-responsive{display: none;} /*-- responsive management tools -- */ .managemnet-responsive {float: left;width: 100%;padding: 50px;} .mangemnet-wrapper{float: left;width: 100%;box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);} .accordion {float: left;width: 100%;} .managemnet-responsive h6 {float: left;font-family: montserrat;font-size: 36px;font-weight: 700;margin: 35px 0;text-align: center;width: 100%;} .collapsible-item {float: left;width: 100%;margin-bottom: 0;} .collapsible-item > .body{border: none;} .collapsible-item .title{border: none;background-color: #fff;background-image: none;float: left;width: 100%;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;-o-border-radius: 0;padding:20px 45px 20px 25px;position: relative;font-size: 16px;} .collapsible-item .title:hover,.collapsible-item.open .title{background-color: #6d60b0;color:#fff;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;-o-border-radius: 0;} .managemnet-responsive .manage-info > img{float: left;width: auto;max-width: 270px;margin-left: -20px;margin-top: 50px;margin-bottom: 30px;} .collapsible-item > .body .content{padding: 0;float: left;width: 100%;} .collapsible-item .title .icon {float: right;font-size: 24px !important;font-weight: normal;height: auto;position: absolute;right: 15px;width: auto;line-height: 16px;top: 20px;} .nav-bar-part .nav{display: none;} .share.general li a[data-tool-tip]:hover::after,.share.general li a[data-tool-tip]:hover::before{display: none;} .share.general:hover > .socils-parts li {margin: 15px 0;opacity: 1;pointer-events: auto;} .share.general:hover > .socils-parts li a{transform: scale(1);-moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);pointer-events:auto;} .movements-coulmn:first-child{cursor: pointer;} .responsive-part{display: none;} /*--- loader --- */ .loader {background-color: rgba(255, 255, 255, 1);bottom: 0;left: 0;position: fixed;right: 0;top: 0;z-index: 9;} .spinner {display: inline-block;font-size: 10px;height: 40px;text-align: center;width: 50px;} .spinner > div {background-color: #333;height: 100%;width: 6px;display: inline-block;-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;animation: sk-stretchdelay 1.2s infinite ease-in-out;} .spinner .rect2 {-webkit-animation-delay: -1.1s;animation-delay: -1.1s;} .spinner .rect3 {-webkit-animation-delay: -1.0s;animation-delay: -1.0s;} .spinner .rect4 {-webkit-animation-delay: -0.9s;animation-delay: -0.9s;} .spinner .rect5 {-webkit-animation-delay: -0.8s;animation-delay: -0.8s;} .loader-container {bottom: 0;height: 78px;left: 0;margin: auto;position: absolute;right: 0;text-align: center;top: 0;width: 220px;} .logo-loader {float: left;margin-bottom: 0;position: relative;width: 100%;} .logo-loader::after {width: 0;background-color: #000000;bottom: -5px;content: "";height: 2px;left: 0;position: absolute;right: 0;animation: log-loader 1.5s 1 ease-in-out;-webkit-animation: log-loader 1.5s 1 ease-in-out;animation-delay:1.5s;-webkit-animation-delay:1.5s;} .logo-loader > img { width: 215px; } .benifits-coulmn:last-child .captions-inner-in small { float: right; /* margin-right: 50px;*/ } .benifits-coulmn:last-child .captions-inner-in h6{text-align: right;} @-webkit-keyframes log-loader { from{width:0;} to{ width: 100%;} } @keyframes log-loader { from{width:0;} to{ width: 100%;} } @-webkit-keyframes sk-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes sk-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); } } .signup-ico > img {float: right;width: 40px;} .signup-ico.responsive{display: none;} .fixed .signup-ico.responsive img{display: none;} img.black-login{display: none;} .fixed .signup-ico.responsive img.black-login{display: block;} .share.general.fadeOut {pointer-events: none;} /* added ******************************************** */ /*added 22/03/17*/ /*---- pagination --- */ .table-pagination-panel {float: left;margin-bottom: 100px;margin-top: 20px;text-align: center;width: 100%;} .table-pagination-panel > ul {float: left;width: 100%;} .table-pagination-panel > ul li {display: inline-block; float: none; margin: 0; width: auto;} .table-pagination-panel ul li:nth-child(2) a {border-right: 2px solid #848ea6;margin-right: 20px;padding-bottom: 0;padding-right: 20px;border-bottom: 0;padding-top: 0;border-bottom-color: transparent !important;} .table-pagination-panel li.disabale a {color: #848ea6;cursor: no-drop;} .table-pagination-panel li a {border-bottom: 3px solid transparent;display: inline-block;font-size: 18px;line-height: 15px;margin-right: 20px;padding: 7px 5px;vertical-align: middle;width: auto;} .table-pagination-panel li.active a , .pagination li a:hover{border-color: #007abc;} .table-pagination-panel ul li:nth-child(8) a {border-left: 2px solid #848ea6;border-bottom: 0;margin-left: 0;margin-right: 0;padding-bottom: 0;padding-left: 20px;padding-top: 0;border-bottom-color: transparent !important;} .table-pagination-panel .disabled span, .table-pagination-panel .disabled span:hover, .table-pagination-panel .disabled span:focus, .table-pagination-panel .disabled a, .table-pagination-panel .disabled a:hover, .table-pagination-panel .disabled a:focus { background-color: #ffffff; border-color: #dddddd; color: #999999; cursor: not-allowed; } .dynamicClass { width: 90%; align-content: center; } .dynamicClassWithColor { width: 90%; align-content: center; color:#EA5044; } /* to bring msg box in center */ #msgact{ width:100%; display: block; text-align: center; padding-bottom: 10px;text-align: center} #msgactpop{ width:100%; display: block; text-align: center; padding-bottom: 10px;text-align: center} .loginPage #msgact { width: 100%; display: block; text-align: center; padding-bottom: 10px; font-size: 12px; } .countryflagdropdown a.select2-choice.ui-select-match{ width: 50px; text-align: left !important; padding-top:6px; padding-left:10px !important; margin-right: -30px; } .cityclass select {font-size:11px;text-align: right} .cityclass select option{text-align:left} /*added on 28/3/17 by me */ .signup-title {color: #4b5357;font-size: 18px;padding: 15px 0 26px;text-align: center;text-transform: uppercase;width: 100%;} .signup-nav{position: relative;}.signup-nav .button-input{padding: 8px 20px} .organization-block{margin-bottom: 15px;float: left;width: 100%;padding: 0px 40px;box-sizing:border-box;position: relative;} .organization-block [type="checkbox"]:not(:checked) + label::after, .organization-block [type="checkbox"]:checked + label::after {left: 2px;top: -12px;} .vol-title {color: #6d7579;font-size: 16px;padding-bottom: 14px;} .multipleInput span.custome-drop-desable{border:1px solid #ccc;padding: 5px 0 0 10px; color:#999;margin-left:0;} .multipleInput .selectLst a{padding-left: 15px;} .multipleInput .selectLst i{top:6px;} .singleSelect .dropdown-menu li.filterClass{display: none;} .singleSelect .dropdown-menu li i{display:none !important;} .singleSelect .dropdown-menu li a{padding-left: 0;} .multipleInput.singleSelect.lidecorate ul li a{font-size: 14px;} .lidecorate button{ border: 1px solid #ccc !important; padding: 6px 10px !important;min-width: 100px;} .middonate {float: left;height: 40px;line-height: 34px;padding: 0 19px;} .drop-custome.leftdonate {float: left;} .drop-custome.rightdonate {float: left;} @media screen and (min-width:733px){ .ngdialog.ngdialog-theme-default.bigDialog .ngdialog-content{padding:0 !important;width:733px !important;} .loginPage.org-step { width: 733px; background:#fff; padding:20px; border-radius:5px; } .donate .signup-nav{text-align: center;} .donate .signup-nav.step2 h2 { font-size: 18px; font-weight: bold; } .signup-nav .organizationBox{max-width:320px;margin:auto;clear:both;padding: 5px 0;} .signup-nav .organizationBox .organization-block{margin-top:10px;} .signup-nav .organizationBox .organization-block .organization-left{float:left;width:49%;} .signup-nav .organizationBox .organization-block .organization-right{float:right;width:49%;} .signup-nav .organization-block:after{clear:both;display:table;content:''} .organizationBox .organization-block{padding: 0;} } .text-box { background: #fff none repeat scroll 0 0; border: 1px solid #d5d7db; border-radius: 3px; color: #8d96a1; float: left; font-size: 13px; font-weight: 400; padding: 8px 12px; width: 99.9%; } .donate .others-list ul li{border: 1px solid #ccc; padding: 10px 20px; } .donate .others-list ul li select{color:#999} .donateblock { margin: auto; max-width: 380px;clear:both;color:#333;font-size:14px;text-align:left;}/* max-width: 320px; */ .middonate{color:#000;} .step3-nav{clear:both;} .signup-nav.step2 h2{color: #596767;text-transform: capitalize;margin-bottom: 0px;clear:both;} .button-input { background: #57c5c7 none repeat scroll 0 0; border: medium none; border-radius: 25px; color: #fff; font-size: 14px; font-weight: 400; padding: 15px 20px 16px; position: relative; text-transform: uppercase; } .button-input:hover { background: #3f989a none repeat scroll 0 0; } .mydroplist ul{background: #fff; border: 1px solid #ccc; font-size: 14px; height: 150px; overflow: auto; position: absolute; text-align: left; z-index: 999;} .mydroplist ul li{ padding: 1px 5px;} .mydroplist ul li.active { background: #2fa4e7 none repeat scroll 0 0; } .mydroplist ul li.active a{color:#fff;} .donatePayment input { border: 1px solid #ccc; font-size: 15px; padding: 8px; } .donatePayment .step3-nav { padding-top: 28px; } .errorMsg{font-size: 12px;color:#f00;padding-top:5px;} .msgactpop { color: red; font-size: 14px; text-align: center;} /* login */ loginPage {position: relative;width: 100%;} .loginPage ul {border-bottom: 1px solid #f2f2f2;border-top: 1px solid #f2f2f2;float: left;width: 100%;border-radius: 0px;} .loginlogo{background: rgba(0, 0, 0, 0) url("../images/black-logo.png") no-repeat scroll center bottom;height: 29px;width: 117px;margin: 0 auto 20px;} .loginPage li {box-sizing: border-box;float: left;width: 50%;text-align: center; height: 40px; line-height: 40px; border-right: solid 1px #f2f2f2;position: relative;} .loginPage li:last-child{border-right: 0px;} .loginPage li:hover, .loginPage li.active{color: #2f3838;} .loginPage li a{color: #b2bbc5; display: block;font-size: 16px; text-transform: uppercase;} .loginPage li.active a, .loginPage li a:hover{color: #fff;text-decoration: none;} .loginPage li.active, .loginPage li:hover {background-color: #b2bbc5;} .login-block {box-sizing: border-box;float: left;padding: 0 20px 30px;width: 100%;} .tabcontent {float: left;padding: 40px 0px 0px;width: 100%;box-sizing: border-box;} .login-block.last-block {margin-bottom: 0px;} .login-block > label {color: #7c8285;float: left;font-size: 14px;margin-bottom: 10px;} span.forgotpass {display: table;margin: 0 !important;padding-bottom: 7px;padding-top: 11px;text-align: center;width: 100%;} span.forgotpass a{width: 100%; padding: 0px;} span.forgotpass a:link, span.forgotpass a:visited{color: #57c5c7;} span.forgotpass a:hover{color: #b6b7be;} .login-block a {float: left;font-size: 12px;padding-left: 15px;} .login-block a:link, .login-block a:visited{color: #4b5357;} .login-block span{margin-right: 10px;font-size: 15px;} .login-block a:hover{text-decoration: none; color: #4b5357;} .login-block .button-common{border-radius:25px !important;display: table; margin: 0 auto;} .login-block.lastblock {border-top: 1px solid #f2f3f5;padding-bottom: 0;padding-top: 30px;margin-top: 30px;} .facebook {background-color: #3b5997;border-radius: 4px;display: block;float: left;height: 36px;line-height: 36px;width: 100%;transition: all 0.5s ease 0s;} .google {background-color: #dc4b3a;border-radius: 4px;display: block;float: left;height: 36px;line-height: 36px;width: 100%;transition: all 0.5s ease 0s;} .emailbar {background-color: #57c5c7;border-radius: 4px;display: block;float: left;height: 36px;line-height: 36px;width: 100%;transition: all 0.5s ease 0s;} .emailbar:hover{background-color: #3f989a;} .google:hover{background-color: #B03224;} .facebook:hover{background-color: #273A62;} .twitter {background-color: #2ec5f4;border-radius: 4px;display: block;float: left;height: 36px;line-height: 36px;width: 100%;transition: all 0.5s ease 0s;} .twitter:hover{background-color: #1f89aa;text-align: center;} .facebook a:link, .facebook a:visited, .google a:link, .google a:visited, .emailbar a:link, .emailbar a:visited, .twitter a:link, .twitter a:visited{color:#fff;} .login-divider {box-shadow: 0 1px 0 #e6e7e9;border-bottom: 1px solid #eeeff1;float: left;height: 10px;margin-bottom: 33px;position: relative;width: 70%;margin-left: 15%;margin-top: 0px;} .login-divider > span {background-color: #fff;color: #8d96a1;font-size: 13px;left: 50%;margin-left: -25px;padding: 0 20px;position: absolute;top: 0;text-transform: uppercase;} .login-block.or {font-size: 18px;color: #7c8285;text-align: center;padding-bottom: 0px;} .button-common {display:inline-block;padding:10px 25px;margin:0 0px 0 10px; font-size:13px;color:#ffffff;text-transform:uppercase;font-weight:600;border:none;background:#57c5c7;border-radius:96px;position: relative !important;} .button-common:hover {background:#a8c4d2;} .button-common.active {background:#a8c4d2;} .button-common.active:hover {background:#95aeba;} .button-common.disable {background:#a8c4d2;border:solid 1px #a8c4d2;} .button-common.disable:hover {background:#95aeba;} .button-common.line-mode {background:#fff;border:solid 1px #d7e1e5;color:#7c8389;} .button-common.line-mode:hover {background:#a8c4d2;border:solid 1px #a8c4d2;color:#fff;} .tabcontent .facebook{ float: left; width: 49%; } .tabcontent .google { float: right; width: 49%; } .login-block .button-common{margin: 0px;} /*++++++++++++++++++++++++++ 6-04-17++++++++++++++++++*/ .ngdialog.ngdialog-theme-default .ngdialog-content{background:#fff !important;} .rdbox { display: table; float: none; margin: 0 auto; width: 283px; } .rdbox a {border: 1px solid #dce3eb;border-radius: 60px;font-size: 18px;height: 60px;line-height: 60px;text-align: left;text-transform: uppercase;color: #4b5357;width: 100%; box-sizing:border-box;max-width: 283px;} .rdbox a:hover{background-color: #eff0f3;border: 1px solid #eff0f3;} .signup-volunteer span {background-color: #d8dde2;background-image: url("../images/volunteer-signup.svg");border-radius: 39px;float: left;height: 39px;margin-right: 37px;margin-top: 10px;width: 39px;} .signup-organization span {background-color: #d8dde2;background-image: url("../images/organization-signup.svg");border-radius: 39px;float: left;height: 39px;margin-right: 22px;margin-top: 10px;width: 39px;} .signup-school span {background-color: #d8dde2;background-image: url("../images/school-signup.svg");border-radius: 39px;float: left;height: 39px;margin-right: 53px;margin-top: 10px;width: 39px;} .signup-volunteer:hover span{background-color: #ea5044;} .signup-organization:hover span {background-color: #f5c53d;} .signup-school:hover span {background-color: #84c076;} .organization-left {float: left;width: 49%;position: relative;} .organization-right{float: right;width: 49%;position: relative;} .signup-title {color: #4b5357;font-size: 18px;padding: 15px 0 26px;text-align: center;text-transform: uppercase;width: 100%;} .signup-nav{position: relative;} .loginPage ul li.active::after, .loginPage ul li.active::after {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: #b2bbc5 transparent transparent;border-image: none;border-style: solid;border-width: 10px;bottom: auto;content: "";height: 0;left: 50%;margin-left: -10px;position: absolute;right: auto;top: 90%;width: 0;} .loginPage ul li:hover::after, .loginPage ul li:hover::after {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: #b2bbc5 transparent transparent;border-image: none;border-style: solid;border-width: 10px;bottom: auto;content: "";height: 0;left: 50%;margin-left: -10px;position: absolute;right: auto;top: 90%;width: 0;} .organizationlogo {background-color: #f5c53d;background-image: url("../images/organization-signup-icon.svg");background-position: center center;background-repeat: no-repeat;border-radius: 59px;height: 59px;margin: 20px auto 0px;position: relative;width: 59px;} .schoollogo {background-color: #85c075;background-image: url("../images/school-signup-icon.svg");background-position: center center;background-repeat: no-repeat;border-radius: 59px;height: 59px;margin: 20px auto 0px;position: relative;width: 59px;} .volunteerlogo {background-color: #ea5044;background-image: url("../images/volunteer-signup-icon.svg");background-position: center center;background-repeat: no-repeat;border-radius: 59px;height: 59px;margin: 20px auto 0px;position: relative;width: 59px;} .Volunteer-block {box-sizing: border-box;margin: 0 auto 30px;max-width: 390px;width: 100%;display: table;} .Volunteer-block .facebook {float: left;width: 49%;} .Volunteer-block .google {float: right;width: 49%;} .Volunteer-block span {font-size: 15px;margin-right: 10px;} .Volunteer-block a {float: left;font-size: 14px;padding-left: 15px;} .Volunteer-block a:hover{text-decoration: none;} .Volunteer-block.vol-step2 {text-align: center;} .organization-block #catDiv li {float: left;width: 25%;border: 0px;text-align: left;height: 30px;} .organization-block #catDiv li:hover{background: transparent;border: 0px;} .organization-block ul li:hover::after, .organization-block ul li:hover::after{border: 0px;} .organization-block .multiselect-option-inner{margin-top: 0px;border: 0px;} .organization-block ul{border: 0px;} .volstep2 .button-input.backbtn {float: left; background-color: #a8c4d2;} .volstep2 .button-input.backbtn:hover {float: left; background-color: #57c5c7;} .vol-step2-leftside {float: right;} .vol-step2-leftside a, .vol-step2-leftside span{float: left;} .vol-step2-leftside a {float: left !important;} .spbtn{width: 175px !important;} .vol-step2-leftside span {color: #a8b3bf;line-height: 48px;padding: 0 20px;} .organization-block [type="checkbox"]:not(:checked) + label::after, .organization-block [type="checkbox"]:checked + label::after {left: 2px;top: -12px;} .vol-title {color: #6d7579;font-size: 16px;padding-bottom: 14px;} .vol-add-skill {float: right;} .vol-add-skill .text-box {border-radius: 35px;margin-bottom: 15px;} .vol-add-skill .text-box {background-image: url("../images/add-skill.svg");background-position: right 6px;background-repeat: no-repeat;border-radius: 35px;margin-bottom: 5px;padding-right: 40px;} .vol-title-left{float:left;padding-top: 8px;} .loginPage.vol-stepdefault.vol-step1{padding: 2px;} .organization-block{margin-bottom: 15px;float: left;width: 100%;padding: 0px 40px;box-sizing:border-box;position: relative;} .signup-nav {border-top: 1px solid #ddd;float: left;margin-top: 30px;width: 100%;padding: 30px 40px 10px;} .signup-nav .button-input{float: right;position: relative;width: 95px;text-align: center;} .signup-nav .button-input:hover{color: #fff; text-decoration: none;} .btnleft { float: left; font-size: 15px; color: #8d96a1; line-height: 48px; } .btnright { float: right; } .btnright .button-input { margin-left: 20px; } .ngdialog-close.button-input{float: left;border-radius:25px !important;} .ngdialog-close.button-input::before {background-image: none !important;} .ngdialog-close.button-input {position: relative !important;background-color: #a8c4d2;} .ngdialog-close.button-input:hover{background-color: #57c5c7;} .ngdialog-close.button-input::before { display: none !important;} .citystate { padding-top: 15px !important;} /* start global toggle plus /minus */ .plus_1 { background: none ; border: 1px solid #ccc; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; margin-right: 5px; margin-top: -1px; width:16px; float:left; display:block; height:16px; cursor: pointer; } .plus_1::after { color: #79d1d2; content: "+"; display: table; font: bold 15px/14px arial; text-align: center; width:16px; } .minus_1 { background: none ; border: 1px solid #ccc; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; margin-right: 5px; margin-top: -1px; width:16px; float:left; display:block; height:16px; cursor: pointer; } .minus_1::after { color: #79d1d2; content: "-"; display: table; font: bold 22px/14px arial; text-align: center; width:16px; } /* end global toggle plus /minus */ .item-inner-box { padding: 22px; position: relative; border-radius: 0; border-top: 2px solid #F0F3F4; box-shadow: none; margin-bottom: 0; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; } .customforce-multiline_front{ height: auto; font-size:12px; line-height: 16px; opacity: 1 !important; } /*+++++++++++++++++++++++++++++++ For Brainstorm++++++++++++++++++++++*/ .brainstormHead-left i {background-color: #ea5044;background-image: url("../images/brain-icon.svg");border-radius: 54px;float: left;height: 54px;width: 54px;background-repeat: no-repeat;background-position: center;} .brainstorm-Table {float: left;width: 100%;margin-top: 25px;} .braintitle {color: #4b5357;float: left;font-size: 22px;padding-left: 20px;} .braintitle span{font-size: 15px; color: #64707f;} .brainstormHead-right{float: right;} .brainstormHead-right .join-now-btn {background-image: url("../images/round-plus-icon.svg");background-position: 13px 11px;background-repeat: no-repeat;height: 43px;line-height: 43px;padding: 0 20px 0 52px;width: 126px;text-transform: capitalize;text-transform: uppercase;font-weight: normal;} .brainstorm-Head {background-color: #f6f9f9;height: 75px;padding: 0px 25px;} .brain-title {color: #4b5357;float: left;font-size: 13px;font-weight: bold;line-height: 75px;} .brain-dropdown {float: left;padding-top: 23px;} .brain-dropdown .select-custom-box3 div.wSelect-selected{color: #7c8285;} .brainstorm-Head-right {float: right;margin-top: 17px;} li.search-table-panel {float: right;position: relative;} li.search-table-panel input.search {border: 2px solid #e7edef;border-radius: 150px;color: #64707f;float: left;font-size: 14px;font-weight: 400;margin-top: 4px;padding: 6px 12px 7px 16px;transition: all 0.3s linear 0s;width: 33px;} li.search-table-panel input.button {background: rgba(0, 0, 0, 0) url("../images/brain-search.svg") no-repeat scroll center center;border: medium none;float: left;height: 33px;opacity: 1;position: absolute;right: 0;top: 4px;transition: all 0.3s linear 0s;width: 33px;} li.search-table-panel input.search-slide {background: #fff url("../images/brain-search.svg") no-repeat scroll 10px center;padding-left: 35px;padding-right: 35px;width: 201px;} li.search-table-panel input.button.button-close{background: rgba(0, 0, 0, 0) url("../images/close-pop-up.svg") no-repeat scroll 3px center;} .brainListview-head {background-color: #f6f9f9;border-bottom: 1px solid #ecedee;border-top: 1px solid #ecedee;box-sizing: border-box;color: #7c8285;float: left;font-size: 13px;height: 30px;line-height: 30px;padding: 0 25px;width: 100%;} .brainListview-head li {float: left;} .brainListview-head li span {background-image: url("../images/brain-arrow.svg");display: inline-block;height: 9px;width: 6px;margin-left: 5px;} li.brain-topic {max-width: 245px;width: 20%;} li.brain-country {max-width: 170px;width: 16%;} li.brain-postcode {max-width: 143px;width: 13%;} li.brain-createdby {max-width: 195px;width: 18%;} li.brain-category {max-width: 209px;width: 19%;} li.brain-lpost {max-width: 118px;width: 10%;} .brainListview-search {box-sizing: border-box;float: left;padding: 17px 25px;width: 100%;border-bottom: solid 1px #ecedee;} .brainListview-search li {float: left;} .braininput {border: 1px solid #d5d7db;border-radius: 33px;height: 33px;line-height: 33px;width: 75% !important;padding: 0px 15px;box-sizing: border-box;} li.brain-country .braininput {width: 149px;} li.brain-postcode .braininput {width: 111px;} li.brain-createdby .braininput {width: 159px;} li.brain-category .braininput {width: 177px;line-height: 33px;} .braininput .select-custom-box3 {width: 100%;} .braininput .wSelect-theme-classic.wSelect{width: 100% !important} .braininput .select-custom-box3 div.wSelect-selected{padding-left: 0px; margin-left: 0px;color: #64707f; font-weight: normal;} .brainListview-block {box-sizing: border-box;float: left;padding: 17px 25px;width: 100%;} .brainListview-block ul {padding: 20px 0px;float: left;width: 100%;} .brainListview-block .brain-category {height: 35px;} .brainListview-block li {float: left;} .brainListview-block .brain-createdby span {background-color: #eaeef0;border-radius: 24px;color: #7c8285;float: left;font-size: 13px;height: 24px;line-height: 24px;text-align: center;width: 24px;margin-right: 10px;} .brainListview-block .brain-createdby{line-height: 24px;} .brain-dropdown .select-custom-box3 .wSelect-theme-classic .wSelect-options-holder {width: 110px;top: 14px !important;} .brain-category .select-custom-box3 .wSelect-theme-classic .wSelect-options-holder {width: 160px;top: 14px !important;} #advanceSearch, #advanceSearch1, #reportThisProject {padding: 20px;width: 753px;} #advanceSearch h5, #advanceSearch1 h5, #reportThisProject h5 {color: #596060;float: left;font-size: 16px;text-transform: uppercase;margin-bottom: 20px;} h4 a.view-more {color: #57c5c7;float: right;font-size: 16px;margin-right: 0px;} .questionTooltip {background-color: #e0e1e3;border-radius: 23px;float: right;font-weight: bold;height: 23px;line-height: 23px;margin-top: 5px;text-align: center;width: 23px;cursor: pointer;} .text-box.requiredField.fixwidthbox, .custom_file_upload.fixwidthbox {width: calc(100% - 34px);float: left;} .brainstormform .join-now-btn {background-image: none;padding-left: 20px;width: auto;} .brainstormform .braintitle{padding-left: 0px;} .brainstormform [type="button"], .brainstormform [type="button"] {float: left;left: 0px;position: relative;} .braintitle input {background-color: transparent;border: 0 none;color: #4b5357;float: left;font-size: 22px;width: auto;} .brainstormformtag > input {color: #7c8285;float: left;font-size: 15px;padding-right: 10px;width: auto;margin-top: 10px;} .brainstormformTitle button, .brainstormformtag button {background-color: transparent;background-image: url("../images/profile-edit-icon.svg");border: 0 none;height: 15px;width: 16px;} .brainformblock {float: left;width: 100%;margin-top: 30px;} .brainformblock-left{float: left;margin-right: 20px;} .brainformblock-left img {border-radius: 150px;} .brainformblock-right {color: #8d96a1;float: left;width: calc(100% - 55px);padding-bottom: 20px;position: relative;} .brainformblock-time {margin-bottom: 20px;} .brainformblock-title {font-weight: bold;color: #7f8586;font-size: 16px;} .brainformblock-name {clear: both;color: #8d96a1;font-size: 13px;padding: 5px 0;text-decoration: underline;} .brainformblock-time {color: #8d96a1;} .brainformblock-title span {float: left;} .brainformblock-title a {background-image: url("../images/share-btn.svg");float: left;height: 20px;margin-left: 5px;width: 20px;} .brainformblock-time span {background-image: url(../images/clock-icon.svg);width: 16px;height: 16px;float: left;margin-right: 5px;} .brainformblock.secondlavel { box-sizing: border-box; padding-left: 56px; } .brainformblock.thirdlavel { box-sizing: border-box; padding-left: 112px; } .tab-box-panel-header {width:99.8%;float:left;margin-top:30px;border:solid 1px #f2f2f2;border-radius:4px;} .tab-box-panel-header > ul {width:100%;float:left;background:#eff3f6;} .tab-box-panel-header > ul > li {float:left;font-size:13px;font-weight:600;color:#2d3133;text-decoration:none;margin:0 1px 0 0;} .tab-box-panel-header > ul > li > a {color:#2d3133;text-decoration:none;text-transform:uppercase;padding:15px 25px;float:left;} .tab-box-panel-header > ul > li > a:hover {background:#fff;} .tab-box-panel-header > ul > li.active > a {background:#fff;} .tab-content-inner-panel {width:100%;float:left;padding:0px 0%;} .common-panel-content-tab {width:100%;float:left;} .common-panel-content-inner {width:94%;float:left;padding:15px 3% 10px 3%;} .common-panel-content-tab h5 {font-size:16px;color:#2d3133;font-weight:600;margin-bottom:8px;} .common-panel-content-tab p {font-size:16px;color:#4b5357;font-weight:300;line-height:30px;margin-bottom:20px;} .table-grid-panel {width:100%;float:left;} .table-grid-panel .table-grid-header-panel {width:100%;float:left;background:#f4f6f6;border-bottom:1px solid #e6e9eb;} .table-grid-panel .table-grid-header-panel .table-grid-coll {float:left;padding:12px 6px;color: #6a7073;font-size: 13px;font-weight: 400;} .table-grid-panel .table-grid-header-panel .table-grid-coll span.arrow {background:url(../images/up-down-arrow.svg) no-repeat;width:5px;height:7px;display:inline-block;opacity:0.6;margin-left:4px;} .table-grid-panel .table-grid-header-panel div.task-name {cursor:pointer;padding:12px 15px 12px 27px;} .table-grid-panel .table-grid-header-panel div.assigned {cursor:pointer;} .table-grid-panel .table-grid-header-panel div.due {cursor:pointer;} .table-grid-panel .table-grid-header-panel div.priority {cursor:pointer;} .table-grid-panel .table-grid-header-panel div.status {cursor:pointer;} .table-grid-panel .table-grid-body-panel {width:100%;float:left;background:#fff;} .table-grid-panel .table-grid-body-panel .table-grid-coll {float:left;padding:12px 6px;color: #6a7073;font-size: 13px;font-weight: 400;} .table-grid-panel .table-grid-body-panel .table-grid-coll p {color: #6a7073;font-size: 13px;font-weight: 400;margin:0px;word-break:break-all;} .table-grid-panel .table-grid-body-panel div.task-name {padding:12px 15px 12px 27px;height:35px;line-height:35px;} .table-grid-panel .table-grid-body-panel div.icon {position:initial;} .table-grid-panel .table-grid-body-panel div.icon {position:initial;} .table-grid-panel .table-grid-header-panel .col-name, .table-grid-panel .table-grid-body-panel .col-name {padding-left:15px;} .table-grid-panel .table-grid-body-panel div.common-section-panel-s {width:100%;float:left;border-bottom:1px solid #e6e9eb;} .table-grid-panel .table-grid-body-panel div.common-section-panel-s:last-child {border-bottom:none;} .table-grid-panel .table-grid-body-panel .select-custom-box3 div.wSelect-arrow {background:url(../images/drop-arrow-small.svg) 9px 22px no-repeat;} .table-grid-panel .table-grid-body-panel .warning-status-drop div.wSelect-arrow {background:url(../images/drop-arrow-small-white.svg) 9px 22px no-repeat;display:none;} .table-grid-panel .table-grid-body-panel span.warning-status-drop {background:#f5c53d;color:#ffffff;font-size:13px;padding:0px 10px;display:inline-block;border-radius:150px;} .table-grid-panel .table-grid-body-panel span.warning-status-drop div.wSelect-theme-classic {height:28px;} .table-grid-panel .table-grid-body-panel .warning-status-drop div.wSelect-selected {color:#fff !important;margin-right:0;} .table-grid-panel .table-grid-body-panel .normal-status-drop div.wSelect-arrow {background:url(../images/drop-arrow-small-white.svg) 9px 22px no-repeat;display:none;} .table-grid-panel .table-grid-body-panel span.normal-status-drop {background:#77a869;color:#ffffff;font-size:13px;padding:0px 10px;display:inline-block;border-radius:150px;} .table-grid-panel .table-grid-body-panel span.normal-status-drop div.wSelect-theme-classic {height:28px;} .table-grid-panel .table-grid-body-panel .normal-status-drop div.wSelect-selected {color:#fff;margin-right:0;} .table-grid-panel .table-grid-body-panel .critical-status-drop div.wSelect-arrow {background:url(../images/drop-arrow-small-white.svg) 9px 22px no-repeat;display:none;} .table-grid-panel .table-grid-body-panel span.critical-status-drop {background:#e17c76;color:#ffffff;font-size:13px;padding:0px 10px;display:inline-block;border-radius:150px;} .table-grid-panel .table-grid-body-panel span.critical-status-drop div.wSelect-theme-classic {height:28px;} .table-grid-panel .table-grid-body-panel .critical-status-drop div.wSelect-selected {color:#fff;margin-right:0;} .table-grid-panel .table-grid-body-panel .select-custom-box3 div.wSelect-selected {padding-left:0px;margin-left:0;font-size:13px;color:#64707f;font-weight:400;opacity:1;} .table-grid-panel .table-grid-body-panel div > span.select-custom-box3 {float:left;} .table-grid-panel .table-grid-body-panel div > span.select-custom-box3 div.slimScrollDiv {height:auto !important;} .table-grid-panel .table-grid-body-panel .select-custom-box3 .wSelect-theme-classic .wSelect-options-holder {z-index:9999999;} .table-grid-panel .table-grid-body-panel div.assigned a img {border-radius:150px;margin-right:12px;display:inline-block;float:left;} .table-grid-panel .table-grid-body-panel a {font-size:13px;color:#6a7073;font-weight:600;} .table-grid-panel .table-grid-body-panel a:hover {color:#57c5c7;} .table-grid-panel .table-grid-body-panel a.move-icon {float:left;position:relative;margin-right:8px;top:-2px;cursor:move;} .table-grid-panel .table-grid-body-panel a.colleps-icon {float:left;position:relative;margin-right:10px;top:-2px;} .table-grid-panel .table-grid-body-panel div.actions a {position:relative;top:7px;} .table-grid-panel .table-grid-body-panel div.status span.select-custom-box3 {position:relative;top:5px;} .table-grid-panel .table-grid-body-panel div.priority span.select-custom-box3 {position:relative;top:5px;} .table-grid-panel .table-grid-body-panel div.due input.datepicker-custome {position:relative;top:5px; box-shadow: none;} .table-grid-panel .table-grid-body-panel div.icon a {position:relative;top:8px;} .table-grid-panel .table-grid-body-panel div.openTRColumn {display:none;} .table-grid-panel .table-grid-body-panel div.TRColumnOpenPanel div.task-name {padding-left:66px;} /*--Table Coll width--Custome--*/ .table-grid-panel div.col-grid-1 {width:1%;}.table-grid-panel div.col-grid-2 {width:2%;}.table-grid-panel div.col-grid-3 {width:3%;}.table-grid-panel div.col-grid-4 {width:4%;} .table-grid-panel div.col-grid-5 {width:5%;}.table-grid-panel div.col-grid-6 {width:6%;}.table-grid-panel div.col-grid-7 {width:7%;}.table-grid-panel div.col-grid-8 {width:8%;} .table-grid-panel div.col-grid-9 {width:9%;}.table-grid-panel div.col-grid-10 {width:10%;}.table-grid-panel div.col-grid-11 {width:11%;}.table-grid-panel div.col-grid-12 {width:12%;} .table-grid-panel div.col-grid-13 {width:13%;}.table-grid-panel div.col-grid-14 {width:14%;}.table-grid-panel div.col-grid-15 {width:15%;}.table-grid-panel div.col-grid-16 {width:16%;} .table-grid-panel div.col-grid-17 {width:17%;}.table-grid-panel div.col-grid-18 {width:18%;}.table-grid-panel div.col-grid-19 {width:19%;}.table-grid-panel div.col-grid-20 {width:20%;} .table-grid-panel div.col-grid-21 {width:21%;}.table-grid-panel div.col-grid-22 {width:22%;}.table-grid-panel div.col-grid-23 {width:23%;}.table-grid-panel div.col-grid-24 {width:24%;} .table-grid-panel div.col-grid-25 {width:25%;}.table-grid-panel div.col-grid-26 {width:26%;}.table-grid-panel div.col-grid-27 {width:27%;}.table-grid-panel div.col-grid-28 {width:28%;} .table-grid-panel div.col-grid-29 {width:29%;}.table-grid-panel div.col-grid-30 {width:30%;}.table-grid-panel div.col-grid-31 {width:31%;}.table-grid-panel div.col-grid-32 {width:32%;} .table-grid-panel div.col-grid-33 {width:33%;}.table-grid-panel div.col-grid-34 {width:34%;}.table-grid-panel div.col-grid-35 {width:35%;}.table-grid-panel div.col-grid-36 {width:36%;} .table-grid-panel div.col-grid-37 {width:37%;}.table-grid-panel div.col-grid-38 {width:38%;}.table-grid-panel div.col-grid-39 {width:39%;}.table-grid-panel div.col-grid-40 {width:40%;} .table-grid-panel div.col-grid-41 {width:41%;}.table-grid-panel div.col-grid-42 {width:42%;}.table-grid-panel div.col-grid-43 {width:43%;}.table-grid-panel div.col-grid-44 {width:44%;} .table-grid-panel div.col-grid-45 {width:45%;}.table-grid-panel div.col-grid-46 {width:46%;}.table-grid-panel div.col-grid-47 {width:47%;}.table-grid-panel div.col-grid-48 {width:48%;} .table-grid-panel div.col-grid-49 {width:49%;}.table-grid-panel div.col-grid-50 {width:50%;}.table-grid-panel div.col-grid-51 {width:51%;}.table-grid-panel div.col-grid-52 {width:52%;} .table-grid-panel div.col-grid-53 {width:53%;}.table-grid-panel div.col-grid-54 {width:54%;}.table-grid-panel div.col-grid-55 {width:55%;}.table-grid-panel div.col-grid-56 {width:56%;} .table-grid-panel div.col-grid-57 {width:57%;}.table-grid-panel div.col-grid-58 {width:58%;}.table-grid-panel div.col-grid-59 {width:59%;}.table-grid-panel div.col-grid-60 {width:60%;} .table-grid-panel div.col-grid-71 {width:71%;}.table-grid-panel div.col-grid-72 {width:72%;}.table-grid-panel div.col-grid-73 {width:73%;}.table-grid-panel div.col-grid-74 {width:74%;} .table-grid-panel div.col-grid-75 {width:75%;}.table-grid-panel div.col-grid-76 {width:76%;}.table-grid-panel div.col-grid-77 {width:77%;}.table-grid-panel div.col-grid-78 {width:78%;} .table-grid-panel div.col-grid-79 {width:79%;}.table-grid-panel div.col-grid-80 {width:80%;}.table-grid-panel div.col-grid-81 {width:81%;}.table-grid-panel div.col-grid-82 {width:82%;} .table-grid-panel div.col-grid-83 {width:83%;}.table-grid-panel div.col-grid-84 {width:84%;}.table-grid-panel div.col-grid-85 {width:85%;}.table-grid-panel div.col-grid-86 {width:86%;} .table-grid-panel div.col-grid-87 {width:87%;}.table-grid-panel div.col-grid-88 {width:88%;}.table-grid-panel div.col-grid-89 {width:89%;}.table-grid-panel div.col-grid-90 {width:90%;} .table-grid-panel div.col-grid-91 {width:91%;}.table-grid-panel div.col-grid-92 {width:92%;}.table-grid-panel div.col-grid-93 {width:93%;}.table-grid-panel div.col-grid-94 {width:94%;} .table-grid-panel div.col-grid-95 {width:95%;}.table-grid-panel div.col-grid-96 {width:96%;}.table-grid-panel div.col-grid-97 {width:97%;}.table-grid-panel div.col-grid-98 {width:98%;} .table-grid-panel div.col-grid-99 {width:99%;}.table-grid-panel div.col-grid-100 {width:100%;} .text-align-left {text-align:center;} .text-align-center {text-align:center;} .text-align-right {text-align:center;} .table-grid-panel .table-grid-body-panel .col-city {line-height:32px;} .table-grid-panel .table-grid-body-panel .col-group {line-height:32px;} .table-grid-panel .table-grid-body-panel .col-skill {padding-top:17px;} .table-grid-panel .table-grid-body-panel .col-comment {padding-top:17px;} .table-grid-panel .table-grid-body-panel .col-group a i {font-size:13px;} .table-grid-panel .table-grid-body-panel .col-group a {margin-left:3px;position:relative;top:1px;} .tab-min-check-panel {width:100%;float:left;padding:7px 0 30px 0;border-bottom:solid 1px #eaebed;} .tab-min-check-common {width:50%;float:left;} .tab-left-check {width:8%;float:left;padding-top:10px;padding-bottom:14px;} .tab-right-content {width:92%;float:right;} .table-grid-panel .table-grid-body-panel div.actions-s {position:relative;} .table-grid-panel .table-grid-body-panel div.actions-s div.toggleClass {display:block;} .table-grid-panel .table-grid-header-panel .col-chk, .table-grid-panel .table-grid-body-panel .col-chk {padding-left:20px;} .table-grid-panel .table-grid-body-panel .col-chk [type="checkbox"]:not(:checked) + label::before, .table-grid-panel .table-grid-body-panel .col-chk [type="checkbox"]:checked + label::before {border-radius:20px;border-width:2px;width:20px;height:20px;top:0px;} .table-grid-panel .table-grid-body-panel .col-chk [type="checkbox"]:not(:checked) + label::after, .table-grid-panel .table-grid-body-panel .col-chk [type="checkbox"]:checked + label::after {left:5px;top:-2px !important;} .header-details-panel ul li.only-four .select-custom-box3 .wSelect-theme-classic .wSelect-options-holder {width:100px !important;} .header-details-panel ul li.only-four .select-custom-box3 .wSelect-options-holder {right:-18px;} .table-grid-panel .table-grid-body-panel .col-name span {position:absolute;top:33px;left:43px;width:auto;height:14px;border-radius:150px;font-size:12px;color:#fff;line-height:19px;padding:0 6px;cursor:pointer;border:solid 1px #fff;} .table-grid-panel .table-grid-body-panel .col-name span.critical {background:#ea5044;} .table-grid-panel .table-grid-body-panel .col-name span.normal {background:#85c075;} .table-grid-panel .table-grid-body-panel .col-name span.warning {background:#f5c53d;} .table-grid-panel .table-grid-body-panel .col-name span.blue {background:#57c5c7;} .tab-box-panel-header div.ng-isolate-scope > ul {width:100%;float:left;background:#e2e7ec;} .tab-box-panel-header div.ng-isolate-scope > ul > li {float:left;width:auto; font-size:13px;font-weight:600;color:#2d3133;text-decoration:none;margin:0 1px 0 0;} .tab-box-panel-header div.ng-isolate-scope > ul > li > a {color:#2d3133;text-decoration:none;text-transform:uppercase;padding:15px 25px;float:left;cursor: pointer;border-radius:0;} .tab-box-panel-header div.ng-isolate-scope > ul > li > a:hover {background:#fff;color:#2d3133} .tab-box-panel-header div.ng-isolate-scope > ul > li.active > a {background:#fff;color:#2d3133} .tab-box-panel-header div.ng-isolate-scope > ul > li.active > a:hover {color:#2d3133} .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .text-align-center { text-align: center; } em { color: #dd0055; } .delete-box-panel { clear: both; padding-top: 10px; } .div-align-center { max-width: 212px; margin: auto; } .transfer-vol { float: none; margin: 15px auto 0; text-align: left; width: 51%; } .transfer-vol input[type=radio] { -webkit-appearance: radio; appearance: radio; } input:not([type="radio"]):not([type="checkbox"]), select { vertical-align: middle; } .text-box { width: 99.9%; float: left; background: #fff; border: solid 1px #d5d7db; padding: 8px 12px; border-radius: 3px; color: #8d96a1; font-size: 13px; font-weight: 400; overflow: inherit; } .new-transfer-pop-up-big{font-size: 12px;} .pop-up-inner-conten-panel-big em{display:inline-block;} .footer-panel-fixed-p.pop-footer-spacer1{padding-top: 14px;clear: both;} .flowerp-left span.plus_1{width: auto;} /* for assign icon/image horizontally */ .iconsLst { display: inline-block; } .iconsLst li { display: inline-block; padding-left: 10px; } /* for assign icon/image horizontally */ .benifits-content h3{display:inline-block;} .benifits-content h3 { display: inline-block; width: auto; margin: 0; font-size: 18px !important; } /*added*/ .common-wrapper{width:1170px;margin:0px auto;position:relative;} /*---Portfolio Details Page---*/ #portfolio-details-panel {width:100%;float:left;padding:30px 0;} .portfolio-details-box {width:100%;float:left;} .call-5-left-panel {width:66.2%;float:left;} .call-5-right-panel {width:32%;float:right;} .common-box-title-panel {width:100%;float:left;} .common-box-title-panel h1 {font-size:24px;color:#4b5357;font-weight:400;line-height:33px;} .vpageProfile .organization-profile-left {float: left;width: calc(100% - 350px);} .organization-profile.ng-scope {background-color: #fafbfc;padding: 40px 0;float: left;width: 100%;border-bottom: 1px solid #e8e8e8;} .organization-profile-img {float: left;margin-right: 25px;} .organization-profile-info {float: left;width: calc(100% - 200px);color: #686e6e;font-size: 13px;line-height: 20px;} .organization-profile-info h1 {color: #686e6e;font-size: 30px;padding-bottom: 10px;font-weight: 300;} .organization-profile-info p {float: left;} .organization-add {color: #57c4c7;float: left;font-size: 15px;padding-bottom: 20px;width: 100%;} .organization-number {color: #3b3b3b;float: left;font-size: 15px;padding-bottom: 10px;width: 100%;} .organization-about-title {color: #596060;float: left;font-size: 18px;padding-bottom: 10px;width: 100%;} .organization-profile-img img{border-radius: 118px;border: solid 1px #e1e1e1;} .profile-project-section {border-top: 1px solid #e8e8e8;float: left;width: 100%;padding-top: 35px;margin-top: 30px;} .project-section-title {color: #596060;font-size: 19px;margin-bottom: 20px;} .proj-img img {border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px; } .proj-block li {float: left;position: relative;overflow: hidden;transition: all 0.5s ease-in-out 0s;margin-left: 2%;margin-bottom: 20px; clear: right;} .proj-block li:nth-child(3n+1){margin-left: 0px;} .vpageProfile .proj-block li {float: left;position: relative;overflow: hidden;transition: all 0.5s ease-in-out 0s;margin-left: 2%;margin-bottom: 20px; clear: right;width: 32%;} .vpageProfile .proj-block li:nth-child(3n+1){margin-left: 0px;} .organizationSearch .profile-project-section {border-top: 0 solid #e8e8e8;float: left;margin-top: 0;padding-top: 35px;width: 100%;} .pagination-centered {position: relative;text-align: center;width: 100%;} .pagination-centered button {background: transparent url("../images/load-more.svg") no-repeat scroll 0 0;border: 0 none;color: #7f9191;cursor: pointer;font-size: 13px;height: 29px;line-height: 29px;padding-left: 38px;} .follow-btn .join-now-btn {background-image: url("../images/plus-follow.svg");background-position: 25px 11px;background-repeat: no-repeat;box-sizing: border-box;padding-left: 36px;text-align: center;width: 125px;} .vpageProfile .follow-btn .join-now-btn {background-image: url("../images/white-heart.svg");background-position: 25px 11px;background-repeat: no-repeat;box-sizing: border-box;padding-left: 36px;text-align: center;width: 225px;} .vpageProfile .follow-btn{width: 225px;} .btnright {float: right;} .btnright .button-input{margin-left: 20px;} .btnleft {float: left;font-size: 15px;color: #8d96a1;line-height: 48px;} .btnleft span {color: red;} .vpageProfileEdit {background-color: #fafbfc;border-bottom: solid 1px #eaedf0;} .vpageProfileEdit .organization-profile-img {float: left;margin-right: 85px;} .vpageProfileEdit .organization-profile-info {width: 757px;} .vpageProfile .lastLogin {width: 72px;} .vpageProfileEditForm .organization-profile-info {float: left;max-width: 730px;} /* For Organization tab*/ .vpageProfile ul.nav-pills li{ border: 2px solid #eeeff0; border-radius: 150px; -webkit-border-radius: 150px; -moz-border-radius: 150px; -ms-border-radius: 150px; color: #bdc5c8; font-size: 15px; font-weight: normal; height: 25px; line-height: 25px; margin-right: 5px; padding: 3px 15px; text-decoration: none;} .vpageProfile ul.nav-pills li a,.vpageProfile ul.nav-pills li.active a:hover{color:#ccc;text-transform: uppercase;padding:0;background: none !important;} .vpageProfile ul.nav-pills li.active a{ color: #000 !important; } .vpageProfile ul.nav-pills li.active { border-color: #57c5c7; color: #000; text-decoration: none; } .portfolio-thumb-details-panel {width:100%;float:left;margin-top:20px;} .portfolio-thumb-details-panel li {width:77px;float:left;margin-right:13px;} .portfolio-thumb-details-panel li:last-child {margin-right:0;} .portfolio-thumb-details-panel li img {border-radius:4px;} .projectTab {float: left;width: 100%;margin-bottom: 30px;} .projectTab li {float: left;} .projectTab a {color: #a7bcbc;font-size: 13px;padding: 9px 25px;height: 27px;line-height: 27px;border: solid 1px #fff;} .projectTab a:hover, .projectTab a.active{border: solid 1px #b0c3cb;border-radius: 27px;-webkit-border-radius: 27px;-moz-border-radius: 27px;text-decoration: none;color: #7f9191;} .side-panel-common {width:100%;float:left;margin-top:23px;} .side-panel-common h4 {font-size:16px;color:#2d3133;font-weight:600;border-bottom:solid 2px #e6eff4;padding-bottom:18px;margin-bottom:10px;} .side-social-icon-panel {width:100%;float:left;margin-top:10px;border-bottom:2px solid #e6eff4;padding-bottom:10px;} .side-social-icon-panel a {font-size:16px;color:#bdc5c8;text-decoration:none;padding:0px 15px;margin-right:5px; border:solid 2px #eeeff0;border-radius:150px;font-weight:600;height:25px;line-height:25px;float:left;} .side-social-icon-panel a:hover {border-color:#57c5c7;color:#000;text-decoration:none;} .side-social-icon-panel a.active {border-color:#57c5c7;color:#000;text-decoration:none;} .vpageProfileEdit .organization-profile-img {float: left;margin-right: 85px;} .side-social-icon-panel {width:100%;float:left;margin-top:10px;border-bottom:2px solid #e6eff4;padding-bottom:10px;} .side-social-icon-panel a {font-size:16px;color:#bdc5c8;text-decoration:none;padding:0px 15px;margin-right:5px; border:solid 2px #eeeff0;border-radius:150px;font-weight:600;height:25px;line-height:25px;float:left;} .side-social-icon-panel a:hover {border-color:#57c5c7;color:#000;text-decoration:none;} .side-social-icon-panel a.active {border-color:#57c5c7;color:#000;text-decoration:none;} .side-social-content-panel {width:100%;float:left;margin-top:20px;} .side-social-content-common {width:100%;float:left;} .side-social-content-common ul {width:100%;float:left;} .side-social-content-common li {width:100%;float:left;margin-bottom:15px;} .side-social-content-common li div.thumb-user {width:10%;float:left;} .side-social-content-common li div.thumb-user img {border-radius:150px;} .side-social-content-common li div.thumb-details-content {width:85%;float:right;} .side-social-content-common li div.thumb-details-content .thumb-details-content-common {width:100%;float:left;} .side-social-content-common li div.thumb-details-content .thumb-details-content-common div.thumb-details-content-common {width:100%;float:left;} .side-social-content-common li div.thumb-details-content .thumb-details-content-common a {font-size:15px;color:#57c5c7;font-weight:400;margin-top:5px;margin-right:5px;display:inline-block;} .side-social-content-common li div.thumb-details-content .thumb-details-content-common a:hover {color:#2d3133;text-decoration:none;} .side-social-content-common li div.thumb-details-content .thumb-details-content-common span {font-weight:600;color:#2d3133;margin-top:5px;display:inline-block;margin-left:0;margin-right:5px;} .side-social-content-common li div.thumb-details-content .thumb-details-content-common p {font-size:15px;color:#2d3133;text-decoration:none;font-weight:300;width:100%;float:left;margin-top:15px;} .side-social-content-common li div.thumb-details-content .thumb-details-content-common > span {width:100%;float:left;13px;color:#a0a5a7;font-style:italic;margin-top:5px;font-weight:300;} .side-social-content-common-last {width:100%;float:left;margin-top:20px;} .side-social-content-common-last a.report-pop {font-size:16px;color:#2d3133;border:solid 2px #d1e3ec;border-radius:150px;padding:0 20px;height:25px;line-height:25px;float:right;} .side-social-content-common-last a.report-pop:hover {color:#000;border-color:#57c5c7;text-decoration:none;} /*added*/ .header-panel-pop-up {width:100%;float:left;} .header-panel-pop-up h5 {color:#596060;font-size:16px;text-transform:uppercase;float:left;} .header-panel-pop-up a {float:right;} .header-panel-pop-up a i {font-size:20px;color:#64707f;} .header-panel-pop-up a:hover {text-decoration:none;} .header-panel-pop-up a:hover i {color:#000;} .pop-up-content-panel {width:100%;float:left;margin-top:25px;} .common-input-box {width:100%;float:left;margin-bottom:14px;} .text-box {width:99.9%;float:left;background:#fff;border:solid 1px #d5d7db;padding:8px 12px;border-radius:3px;color:#8d96a1;font-size:13px;font-weight:400;} .textarea-box {width:99.9%;float:left;background:#fff;border:solid 1px #d5d7db;padding:8px 12px;border-radius:3px;color:#8d96a1;font-size:13px;height:100px;font-weight:400;-webkit-appearance:none;} .textarea-box:focus{border: 1px solid #57c5c7 !important; outline: none;} /*.text-box:focus{border: 1px solid #57c5c7 !important; outline: none;}*/ .button-common:focus{outline: none;} .text-box-with-arrow {width:99.9%;float:left;border:solid 1px #d5d7db;padding:8px 12px;border-radius:3px;color:#8d96a1;font-size:13px;background:#fff url(../images/drop-arrow-select.svg) right no-repeat;} .bootstrap-tagsinput { background-color: #fff; display: inline-block; border:solid 1px #d5d7db; padding:0 3px;min-height:32px;line-height:30px; color: #8d96a1;font-size:13px; vertical-align: middle; cursor: text; width:98.7%;border-radius:3px;} .bootstrap-tagsinput input { border: none; box-shadow: none; outline: none; background-color: transparent; padding:8px 12px; margin: 0; width: auto !important; max-width: inherit; } .bootstrap-tagsinput input:focus { border: none; box-shadow: none; } .bootstrap-tagsinput .tag { margin-right: 2px; color: white; } .bootstrap-tagsinput .tag [data-role="remove"] { margin-left: 8px; cursor: pointer; } /*.bootstrap-tagsinput .tag [data-role="remove"]:after { content: "x"; padding: 0px 2px; }*/ .bootstrap-tagsinput .tag [data-role="remove"]:hover { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .bootstrap-tagsinput .tag [data-role="remove"]:hover:active { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .bootstrap-tagsinput .label-info{ color:#8d96a1;border:solid 1px #d5d7db;border-radius:3px; font-size:14px; font-weight:normal; border-radius:5px; margin:0 0px 0 0px; display:inline-block; padding:0 9px; height:26px; line-height:23px;} .bootstrap-tagsinput .tag [data-role="remove"]:after{ padding:0px 5px 0px 5px; border-left:solid 1px #fff;width:10px;height:10px;border:solid 1px #8d96a1;border-radius:150px;} .bootstrap-tagsinput .tag [data-role="remove"]:hover{box-shadow:none;} .bootstrap-tagsinput .close-arrow {position:relative;top:2px;right:-3px;font-size:13px;color:#64707f;} .bootstrap-tagsinput .close-arrow:hover {color:#000;} h4 a.view-more {color: #57c5c7;float: right;font-size: 16px;margin-right: 0px;} .questionTooltip {background-color: #e0e1e3;border-radius: 23px;float: right;font-weight: bold;height: 23px;line-height: 23px;margin-top: 5px;text-align: center;width: 23px;cursor: pointer;} .text-box.requiredField.fixwidthbox, .custom_file_upload.fixwidthbox {width: calc(100% - 34px);float: left;} .join-now-btn {font-size:13px;color:#ffffff;font-weight:600;text-transform:uppercase;padding:0 20px;border-radius:150px;background:#57c5c7;height:37px;line-height:37px;float:left;} .join-now-btn:hover {background:#3f989a;color:#fff;text-decoration:none;} .join-now-btn.disable { background-color: #a8c4d2; } .brainstormform .join-now-btn { background-image: none; padding-left: 20px; width: auto; } .brainstormform .join-now-btn {background-image: none;padding-left: 20px;width: auto;} .brainstormform .braintitle{padding-left: 0px;} .brainstormform [type="button"], .brainstormform [type="button"] {float: left;left: 0px;position: relative;} .braintitle input {background-color: transparent;border: 0 none;color: #4b5357;float: left;font-size: 22px;width: auto;} .brainstormformtag > input {color: #7c8285;float: left;font-size: 15px;padding-right: 10px;width: auto;margin-top: 10px;} .brainstormformTitle button, .brainstormformtag button {background-color: transparent;background-image: url("../images/profile-edit-icon.svg");border: 0 none;height: 15px;width: 16px;} .brainformblock {float: left;width: 100%;margin-top: 30px;} .brainformblock-left{float: left;margin-right: 20px;} .brainformblock-left img {border-radius: 150px;} .brainformblock-right {color: #8d96a1;float: left;width: calc(100% - 55px);padding-bottom: 20px;position: relative;} .brainformblock-time {margin-bottom: 20px;} .brainformblock-title {font-weight: bold;color: #7f8586;font-size: 16px;} .brainformblock-name {clear: both;color: #8d96a1;font-size: 13px;padding: 5px 0;text-decoration: underline;} .brainformblock-time {color: #8d96a1;} .brainformblock-title span {float: left;} .brainformblock-title a {background-image: url("../images/share-btn.svg");float: left;height: 20px;margin-left: 5px;width: 20px;} .brainformblock-time span {background-image: url(../images/clock-icon.svg);width: 16px;height: 16px;float: left;margin-right: 5px;} .brainformblock.secondlavel { box-sizing: border-box; padding-left: 56px; } .brainformblock.thirdlavel { box-sizing: border-box; padding-left: 112px; } .chatblockleft { float: left; width: calc(100% - 110px); } .brainstormform .join-now-btn {background-image: none;padding-left: 20px;width: auto;} .brainstormform .braintitle{padding-left: 0px;} .brainstormform [type="button"], .brainstormform [type="button"] {float: left;left: 0px;position: relative;} .braintitle input {background-color: transparent;border: 0 none;color: #4b5357;float: left;font-size: 22px;width: auto;} .brainstormformtag > input {color: #7c8285;float: left;font-size: 15px;padding-right: 10px;width: auto;margin-top: 10px;} .brainstormformTitle button, .brainstormformtag button {background-color: transparent;background-image: url("../images/profile-edit-icon.svg");border: 0 none;height: 15px;width: 16px;} .brainformblock {float: left;width: 100%;margin-top: 30px;} .brainformblock-left{float: left;margin-right: 20px;} .brainformblock-left img {border-radius: 150px;} .brainformblock-right {color: #8d96a1;float: left;width: calc(100% - 55px);padding-bottom: 20px;position: relative;} .brainformblock-time {margin-bottom: 20px;} .brainformblock-title {font-weight: bold;color: #7f8586;font-size: 16px;} .brainformblock-name {clear: both;color: #8d96a1;font-size: 13px;padding: 5px 0;text-decoration: underline;} .brainformblock-time {color: #8d96a1;} .brainformblock-title span {float: left;} .brainformblock-title a {background-image: url("../images/share-btn.svg");float: left;height: 20px;margin-left: 5px;width: 20px;} .brainformblock-time span {background-image: url(../images/clock-icon.svg);width: 16px;height: 16px;float: left;margin-right: 5px;} .brainformblock.secondlavel { box-sizing: border-box; padding-left: 56px; } .brainformblock.thirdlavel { box-sizing: border-box; padding-left: 112px; } .chatblock.border { border-bottom: 1px solid #ededed; padding-bottom: 40px; float: left; width: 100%; line-height: 38px; } .chatblockleft { float: left; width: calc(100% - 110px); } .chatblockright { float: right; } brainformblock-right { color: #8d96a1; float: left; width: calc(100% - 55px); padding-bottom: 20px; position: relative; } .brainformblock-name { clear: both; color: #8d96a1; font-size: 13px; padding: 5px 0; text-decoration: underline; } .brainformblock-title { font-weight: bold; color: #7f8586; font-size: 16px; } brainformblock-title span { float: left; } brainformblock-title a { background-image: url("../images/share-btn.svg"); float: left; height: 20px; margin-left: 5px; width: 20px; } .replyblock { float: left; margin-top: 20px; width: 100%; } .textarea-box { width: 99.9%; float: left; background: #fff; border: solid 1px #d5d7db; padding: 8px 12px; border-radius: 3px; color: #8d96a1; font-size: 13px; height: 100px; font-weight: 400; -webkit-appearance: none; } .replybtn { float: left; width: 100%; margin-top: 15px; } .replybtn-right { float: right; } .btn { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 12px; line-height: 1.42857143; border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } em { color: #dd0055; } input:not([type="radio"]):not([type="checkbox"]), select { vertical-align: middle; } .brainformblock-left a { background-image: url("../images/chat-arrow-down.svg"); background-repeat: no-repeat; border: 1px solid #bebebe; border-radius: 16px; display: block; height: 16px; margin: 15px auto 0; width: 16px; } .brainformblock-left a.chatactive { background-image: url("../images/chat-arrow-top.svg"); } .tooltip {display:none;} .tooltip {opacity: 1; border:none;z-index:9999; display:block;background:rgba(0,0,0,0.7);float:left;padding:10px;border-radius:5px;color:#fff;font-size:13px;text-align:left;width:140px;position:absolute;top:29px;} /*.tooltip:after {bottom: 100%;left:50%;border: solid transparent;content: " ";height: 0;width: 0; position: absolute;pointer-events: none;border-color:rgba(136, 183, 213, 0); top:20px;border-bottom-color: rgba(0,0,0,0.7);border-width: 10px;margin-left: -10px;}*/ .ngdialog-content:after{display: table;content:'';clear:both;} .dashboard-title-box h2{text-align: center;color:#575757;padding: 18px 0 5px;} .multipleInput.distant { background: #fff; position: absolute; z-index: 9;width:100%;} .organization-block ul{overflow-x:hidden !important; border: 1px solid #ccc; padding: 5px;margin-top:5px;} .dropdown-toggle.btn.btn-default{background: transparent;border:1px solid #ccc;width:100%;text-align: left;color:#565656;outline: 0 !important} .overflowFix li:nth-child(1),.overflowFix li:nth-child(2),.overflowFix li:nth-child(3){display:inline-block;padding:0 8px;} .overflowFix li a{font-size: 12px;} .overflowFix li label{font-size: 12px;display: block; font-size: 12px; line-height: 18px; padding: 1px 0;} .overflowFix li .checkbox label input{float: left;margin-right: 5px;} .dropdown-header input{padding:6px;border:1px solid #ccc;font-size: 12px;} .multipleInput .dropdown-multiselect .caret { background: rgba(0, 0, 0, 0) url("../images/arrow.svg") no-repeat scroll right center; border: medium none; height: 5px; position: absolute; right: 2px; top: 12px; width: 7px; } .multipleInput span.glyphicon-ok::before { content: url("../images/checkbox-icon.svg"); } .multipleInput span.glyphicon-remove { color: #f00; } .glyphicon:empty { width: 1em; } .md-dialog-container{z-index: 10000;} .dateui md-content{padding: 0 !important} .dateui md-content .layout-align-start-start.layout-row{display: block;} .dateui md-input-container{display: block;margin:0;padding: 0;} .dateui .layout-padding.layout-align-center-center.layout-column.flex > div{width:100%;padding:0;} .dateui .main-advace-serach li select, .dateui .date-input, .dateui .md-icon-float input{padding: 0;border: 1px solid #d5d7db; font-family: arial;-webkit-border-radius: 3px; -moz-border-radius: 3px; font-size: 12px; height: 33px; padding: 5px 15px;} .dateui .md-icon-float.md-input-has-value > label{display: none;} .dateui md-input-container.md-default-theme.md-input-focused:not(.md-input-invalid) .md-input, .dateui md-input-container.md-input-focused:not(.md-input-invalid) .md-input{border:1px solid #ccc;} .dateui md-input-container .md-errors-spacer{min-height: auto;} /*.openmytask,.allproject,.projdetail{display:none}*/ .projectmenu {float: left;width: 100%;margin-bottom: 24px;} .projectmenu ul {float: left;width: 100%;} .projectmenu li {float: left;font-size: 22px; font-weight: bold; margin-right:40px; text-transform: uppercase;width: auto;} .projectmenu li a:after {background-color: transparent;bottom: 0;content: "";height: 6px;left: 0;position: absolute;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;width: 0;} .projectmenu li a:hover:after,.projectmenu li.active a:after {background-color: #007abc;width: 100%;} .projectmenu li a {color: #2e364b;float: left;font-family: montserrat;font-size: 24px;font-weight: bold;padding-bottom: 20px;position: relative;text-transform: uppercase;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;width: auto;} /*collapse expand*/ .colleps-icon .table-minus { display: none;} .colleps-icon.active .table-minus { display: inline-block;} .colleps-icon.active .table-plus { display: none;} .list-project,.innertable-showmore {float: left;max-height: 0;overflow: hidden;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;width: 100%;} .list-project.active,.innertable-showmore.active {max-height: 1000px;} .innertable-show { float: left; width: 100%; position: relative;} .innertable-showmore { float: left; width: 100%; position: relative;} .projectDashboard .table-grid-panel .table-grid-body-panel div.priority {margin-top: -3px;padding: 0 10px;width: auto;float: right;margin-right: 47px;} .projectDashboard .table-grid-panel .table-grid-body-panel .innertable-showmore div.task-name,.projectdashboard .table-grid-panel .table-grid-body-panel .innertable-showmore div.task-name { padding: 12px 15px 12px 46px; width: 100%; } .header-details-panel ul li.new-task {float:right;margin-left:10px;} .header-details-panel ul li.new-task a {text-align:center;float:left;margin-top:0px;background:#57c5c7/* url(../images/plus-add.svg) 9px no-repeat*/;padding:9px 15px 9px 15px;border-radius:150px;font-size:13px;color:#ffffff;text-transform:uppercase;} .header-details-panel ul li select {border: 1px solid #e3e3e3;position: relative; -moz-appearance: none;appearance: none;-webkit-appearance: none; background: rgba(0, 0, 0, 0) url("../images/normale-selct.svg") no-repeat scroll 96% center;padding:2px 24px 2px 6px;} /* atanu added, please rectift by designer*/ .header-details-panel {width:100%;float:left;} .header-details-panel ul {width:100%;float:left;} .header-details-panel li {float:left;} .header-details-panel {width:100%;float:left;padding:20px 0px;} .header-details-panel ul {width:100%;float:left;} .header-details-panel ul li.thumb {float:left;margin-right:20px;margin-top:8px;} .header-details-panel ul li.thumb i img {width:24px;} .header-details-panel ul li.title {float:left;font-size:13px;color:#41474a;font-weight:600;line-height:30px;margin-right:7px;margin-top:7px;} .header-details-panel ul li.title-url {float:left;font-size:13px;color:#41474a;font-weight:600;line-height:33px;margin-right:12px;margin-top:6px;} .header-details-panel ul li.title-url div.wSelect-selected {font-size:13px;color:#41474a;font-weight:400;padding-top:17px;} .header-details-panel ul li.title-url .select-custom-box3 .wSelect-theme-classic .wSelect-options-holder {width:130px;} .header-details-panel ul li.only-one .select-custom-box3 .wSelect-theme-classic .wSelect-options-holder {width:58px;min-width:58px;} .header-details-panel ul li.title-url .wSelect-theme-classic .wSelect-options-holder::before {left:44%;} .header-details-panel ul li.title-url .select-custom-box3 div.wSelect-option-value {padding:3px 15px 2px 0;margin:0 15px !important;} .header-details-panel ul li.title-url .slimScrollDiv {height:auto !important;padding-bottom:5px;} .header-details-panel ul li.title-url .select-custom-box3 .wSelect-arrow {height:11px;border-right:solid 1px #bfc1c2;background-position:2px 4px;margin-top:22px;background-image:url(../images/arrow-2.svg);background-size:60%;width:20px;} .header-details-panel ul li.title-url .select-custom-box3 div.wSelect-selected {margin:0 20px 0 5px;} .header-details-panel ul li.title-url .select-custom-box3 .wSelect-options-holder {right:-56px;} .header-details-panel ul li.only-one .select-custom-box3 .wSelect-options-holder {right: -14px;} .header-details-panel ul li.only-one .select-custom-box3 div.wSelect-selected {margin:0 22px 0 5px;} .header-details-panel ul li.last-title-url .select-custom-box3 .wSelect-arrow {border:none;} .header-details-panel ul li.arrow-up {float:right;margin-left:10px;} .header-details-panel ul li.arrow-up a {width:21px;height:21px;border:solid 1px #c3c8cd;border-radius:150px;text-align:center;float:left;margin-top:6px;background:url(../images/up-down-arrow-round.svg) 6px 6px no-repeat;} .header-details-panel ul li.arrow-up a:hover {border-color:#57c5c7;background-position:-11px 6px;} .header-details-panel ul li.arrow-down {float:right;margin-left:10px;} .header-details-panel ul li.arrow-down a {width:21px;height:21px;border:solid 1px #c3c8cd;border-radius:150px;text-align:center;float:left;margin-top:6px;background:url(../images/up-down-arrow-round.svg) 6px -10px no-repeat;} .header-details-panel ul li.arrow-down a:hover {border-color:#57c5c7;background-position:-11px -10px;} .header-details-panel ul li.zoom-box {float:right;} .header-details-panel ul li.zoom-box a {width:18px;height:18px;text-align:center;float:left;margin-top:8px;background:url(../images/zoom-icon.svg) 0 0 no-repeat;cursor:move;} .header-details-panel ul li.zoom-box a:hover {border-color:#57c5c7;background:url(../images/zoom-icon-hover.svg) 0 0 no-repeat;} .header-details-panel ul li.search-table-panel {float:right;margin-right:0;position:relative;} .header-details-panel ul li.search-table-panel input.search {float:left;border:2px solid #e7edef;border-radius:150px;padding:4px 12px 3px 16px;width:30px;margin-top:4px;font-size:14px;color:#64707f;font-weight:400;} .header-details-panel ul li.search-table-panel input.search-slide {width:auto;padding-right:35px;} .header-details-panel ul li.search-table-panel input.button {opacity:1; float:left;background:url(../images/search-icon-inner.svg) 3px center no-repeat;width:28px;height:20px;border:none;position:absolute;top:9px;right:-1px;} .header-details-panel ul li.search-table-panel input.button:hover {background-position:-22px center;border-color:#bccad0;} .header-details-panel ul li.search-table-panel input.button-focus {opacity:1;background:url(../images/search-close.svg) right no-repeat;} .header-details-panel ul li.search-table-panel input.button-focus:hover {opacity:1;background:url(../images/search-close.svg) right no-repeat;} .header-details-panel ul li.title-url span.select-custom-box3 div.wSelect-arrow {border:none;} .header-details-panel ul li.only-two {/*border:solid 1px #d5d7db;border-radius:150px;*/padding:0px 10px;} li.search-table-panel {float: right;position: relative;} li.search-table-panel input.search {border: 2px solid #e7edef;border-radius: 150px;color: #64707f;float: left;font-size: 14px;font-weight: 400;margin-top: 4px;padding: 6px 12px 3px 16px;transition: all 0.3s linear 0s;width: 33px;} li.search-table-panel input.button {background: rgba(0, 0, 0, 0) url("../images/brain-search.svg") no-repeat scroll center center;border: medium none;float: left;height: 33px;opacity: 1;position: absolute;right: 0;top: 4px;width: 33px;} li.search-table-panel input.search-slide {background: #fff;padding-left: 35px;padding-right: 35px;width: 201px;} li.search-table-panel input.button.button-close{background: rgba(0, 0, 0, 0) url("../images/close-pop-up.svg") no-repeat scroll 3px center;} /*--Meetup page--*/ .header-details-panel li.step-button {margin-right:15px;float:left;} .header-details-panel li.step-button a {font-size:13px;color:#b3bcc0;font-weight:400;text-transform:uppercase;padding:8px 15px;border:solid 2px #eeeff0;border-radius:150px;float:left;} .header-details-panel li.step-button a:hover {border-color:#57c5c7;color:#2d3133;} .header-details-panel li.step-button a.active {border-color:#57c5c7;color:#2d3133;} .header-details-panel li.step-button a.active i {border-color:#57c5c7;background:url(../images/tab-arrow-active.svg) center no-repeat;} .header-details-panel li.step-button a i {width:14px;height:14px;border:solid 1px #b3bcc0;border-radius:150px;float:right;margin:3px 0 0 15px;background:url(../images/tab-arrow.svg) center no-repeat;} .header-details-panel li.step-button a:hover i {border-color:#57c5c7;background:url(../images/tab-arrow-active.svg) center no-repeat;} .common-spacer-box-panel {width:100%;float:left;margin-bottom:20px;} .text-area-box-panel {width:100%;float:left;} .text-area-box-panel ul.wysihtml5-toolbar {display:none;} .text-area-box-panel ul.wysihtml5-toolbar:first-child {display:block;} .tab-text-editor-panel {width:100%;float:left;margin-top:10px;} .tab-text-editor-panel ul.wysihtml5-toolbar {display:none;} .tab-text-editor-panel ul.wysihtml5-toolbar:first-child {display:block;} .ta-editor {min-height: 150px;height: auto;overflow: auto;font-family: inherit;font-size: 100%;margin-top:10px;} .text-editor-custom .btn-default {color: #333 !important;background-color: #fff !important;border-color: #ccc !important;} .text-editor-custom .btn {cursor: pointer;font-size: 14px;font-weight: normal;line-height: 1.42857;text-align: center;white-space: nowrap; padding:6px 11px;box-shadow:0 2px 4px -4px #000;-moz-box-shadow:0 2px 4px -4px #000; -webkit-box-shadow:0 2px 4px -4px #000;} .common-spacer-top-extra .time-line-common-panel-box {margin-top:0;} .btn-group button:last-child { background-image: url("../images/tournxt.svg"); background-repeat: no-repeat; background-position: 59px center; } .btn-group button:first-child { background-image: url("../images/tourprv.svg"); background-repeat: no-repeat; background-position: 9px center; } /* atanu added, please rectift by designer*/ .hideabove768 { display: none; } .despart .table-cell.task-actions { width: 20%; } .despart .table-cell.task-descreeptions { width: 65%; } .techno {line-height: 35px;} .techno img{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%; float: left; margin-right: 8px;} .despart .table-cell.task-actions a { display: inline-block; width: 17%;} .despart .table-cell.task-dedline { padding-right: 70px; width: 20.7%;} .despart .markedarea label{font-size: 12px;font-weight: bold;} .ashBg .table-row { background: #eee; padding: 0 0 0 20px; margin-top: 2px; } .page-container .sidebar-menu #main-menu li ul > li.active a {background: #454e54 url("../images/menu-arrow-hover.svg") no-repeat scroll 26px 15px;} /*added*/ .table-grid-coll.col-md-2.priority.col-grid-10 .prioone {background:#EF019E; color: #fff ;font-size: 11px;padding: 0 5px;text-align: center;} .table-grid-coll.col-md-2.priority.col-grid-10 .priotwo {background:#EF0101; color: #fff ;font-size: 11px;padding: 0 5px;text-align: center;} .table-grid-coll.col-md-2.priority.col-grid-10 .priothree {background:#EF8701; color: #fff ;font-size: 11px;padding: 0 5px;text-align: center;} .from-box.select-custom-box3.status{ min-width: 46px;padding: 5px !important; text-align: center;} .table-grid-panel .table-grid-body-panel div.status div.wSelect-selected{background:#f5c53d;min-width:53px;border-radius:16px;-webkit-border-radius:16px;-moz-border-radius:16px;text-align:center;} .statusDesign .wSelect-theme-classic.wSelect{border:none;height:auto;} .statusDesign .wSelect-arrow{right:-1px; top: -7px;} .statusDesign .wSelect-theme-classic .wSelect-options-holder{width:auto;min-width: 60px;} .priorityDesign .wSelect-theme-classic.wSelect{border:none;height:auto;} .priorityDesign .wSelect-arrow{background:none;} .priorityDesign .wSelect-theme-classic .wSelect-options-holder{width:auto;min-width: 60px;} /*+++++++++++++++++++++ For custom select option+++++++++++++++++++++++*/ .selectGroup label{background: #57C5C7; color: #fff;border-radius: 14px; -webkit-border-radius: 14px; -moz-border-radius: 14px; -ms-border-radius: 14px; position: relative; max-width: 53px; display: block; font-size: 12px; padding: 5px 10px 5px 5px !important; text-align: center; cursor: pointer; } .selectGroup label:after{ width: 0; content:''; position: absolute; top:11px;right:6px; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #fff; } .selectGroup ul {position: absolute; border:1px solid #ccc; border-top:3px solid #57C5C7; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px; background: #fff;z-index: 3; padding: 5px 10px; margin-top:7px; min-width: 60px; } .selectGroup ul:after{ content:''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #57C5C7; width:0px;height:0; margin: auto; left: 0;right:0; position: absolute;top:-9px; } .selectGroup ul li{cursor: pointer;padding: 2px 0} .selectGroup.normal-green label{background: #77A869;} .selectGroup.normal-green ul{border-top:3px solid #77A869;} .selectGroup.normal-green ul:after{border-bottom: 6px solid #77A869;} .selectGroup.normal-pending label{background: #E17C76;} .selectGroup.normal-pending ul{border-top:3px solid #E17C76;} .selectGroup.normal-pending ul:after{border-bottom: 6px solid #E17C76;} .selectGroup.normal label{background: #F5C53D;} .selectGroup.normal ul{border-top:3px solid #F5C53D;} .selectGroup.normal ul:after{border-bottom: 6px solid #F5C53D;} .arrowNone label{cursor: auto ;} .arrowNone label:after{border:none; cursor: auto ;} .selectGroup ul li.selected{color:#f00;} .assigned a{line-height: 28px;} .title-small-panel {width:100%;float:left;font-size:14px;color:#373f43;font-weight:400;} .project-status-list {width:100%;float:left;margin-bottom:20px;margin-top:10px;} .project-status-list ul {width:100%;float:left;} .project-status-list li {width:40%;float:left;font-size:13px;color:#8d96a1;font-weight:400;line-height:27px;background:url(../images/round-arrow-list.svg) left 10px no-repeat;padding-left:20px;} .project-status-list li a {font-size:13px;color:#8d96a1;font-weight:400;} .project-status-list li a:hover {color:#57c5c7;} .project-status-list li [type="checkbox"]:not(:checked) + label::before, .project-status-list li [type="checkbox"]:checked + label::before {border-radius:20px;border-width:2px;width:20px;height:20px;top:6px;} .project-status-list li [type="checkbox"]:not(:checked) + label::after, .project-status-list li [type="checkbox"]:checked + label::after {left:5px;top:1px !important;} .project-last-panel {width:100%;float:left;text-align:center;margin-bottom:20px;} .project-center-panel {width:40%;float:none;margin: 20px auto 0;} .project-common-panel {float:left;width:50%;text-align:left;} .project-small-panel {width:100%;float:left;font-size:14px;color:#8d96a1;font-weight:400;} .project-small-panel strong {color:#41474a;margin-right:5px;} .project-small-panel strong {float: left;padding-bottom: 16px;} .project-common-panel i {font-size:30px;color:#85c075;position:relative;top:5px;margin-right:20px;} .project-common-panel i.yellow {color:#f5c53d;} .project-common-panel label {font-size:13px;color:#64707f;font-weight:400;} .project-common-panel [type="radio"]:not(:checked) + label, .project-common-panel [type="radio"]:checked + label {padding-top:0;} .tab-content-footer-panel [type="checkbox"]:not(:checked) + label::after, [type="checkbox"]:checked + label::after {top:-2px;} .tab-content-footer-panel {width:100%;float:left;padding:20px 24px;border-top:solid 1px #eaebed;} .tab-content-footer-panel input.left {float:left;} .tab-content-footer-panel input.right {float:right;} .tab-content-footer-panel label.right {float:right;margin-top:9px;font-size:13px;color:#7c8389;font-weight:600;text-transform:uppercase;margin-right:10px;} /*--CHart---*/ .chart-slim-panel {width:100%;float:left;height:8px;margin-top:15px;border-radius:150px;overflow:hidden;} .chart-inner-warning {height:8px;float:left;background:#f5c53d;} .chart-inner-critical {height:8px;float:left;background:#ea5044;} .chart-inner-normal {height:8px;float:left;background:#85c075;} .button-common {display:inline-block;padding:9px 32px;margin:0 0px 0 10px; font-size:13px;color:#ffffff;text-transform:uppercase;font-weight:600;border:none;background:#57c5c7;border-radius:96px;border:solid 1px #57c5c7;} .button-common:hover {background:#a8c4d2;border:solid 1px #a8c4d2;} .button-common.active {background:#a8c4d2;border:solid 1px #a8c4d2;} .button-common.active:hover {background:#95aeba;} .button-common.disable {background:#a8c4d2;border:solid 1px #a8c4d2;} .button-common.disable:hover {background:#95aeba;} .button-common.line-mode {background:#fff;border:solid 1px #d7e1e5;color:#7c8389;} .button-common.line-mode:hover {background:#a8c4d2;border:solid 1px #a8c4d2;color:#fff;} .meetups-inner-panel {width:100%;float:left;background:#fff;padding:15px;border-top:solid 1px #ecedee;padding-top:19px;} .row-spacer-panel {margin-bottom:12px;} .row-spacer-panel .half {width:42.5%;} .row-spacer-panel input.text-box {padding-right:28px;} .row-spacer-panel1 input.text-box {border-radius:3px 0px 0 3px;padding-right:28px;} .row-spacer-panel input.right {border-radius:0px;} .row-spacer-panel i.icon {float:left;background:#f0f2f5;border-bottom:solid 1px #dfe2e6; border-top:solid 1px #dfe2e6;padding:7px 10px 8px 10px;font-size:15px;} .row-spacer-panel i.icon:last-child {border-right:solid 1px #e0e1e5;border-radius:0px 3px 3px 0px;} .row-spacer-line {width:100%;float:left;border-bottom:solid 1px #eaebed;float:left;margin-bottom:12px;} .row-spacer-panel div.col-md-6 {padding-left:15px;padding-right:15px;} .row-spacer-panel div.col-md-12 {padding-left:15px;padding-right:15px;} .bootstrap-timepicker-widget.dropdown-menu.open {width:100px;margin:0px;} .row-spacer-panel i.icon-right {position:absolute;right:25px;top:8px;font-size:16px;color:#b1b7bf;} .row-spacer-panel textarea {margin-top:0;} .row-spacer-panel input.button-common {margin-top:0;} .testarea-box {width:99.9%;float:left;background:#fff;border:solid 1px #d5d7db;padding:8px 12px;border-radius:3px;color:#8d96a1;font-size:13px;font-weight:400;} .spacer-test-box {margin-top:12px;height:135px;} .fileUpload {position: relative;overflow: hidden;margin: 10px;} .fileUpload input.upload {position: absolute;top: 0;right: 0;margin: 0;padding: 0;font-size: 20px;cursor: pointer;opacity: 0;filter: alpha(opacity=0);} .custome-file-box .fileUpload {padding:0PX;margin:0px;float:left;width:100%;border:solid 1px #d5d7db;padding:1px;margin-right:3px;} .custome-file-box .fileUpload span.browse {background:#57c5c7;color:#fff;font-size:13px;font-weight:600;border-radius:3px;padding:5px 15px;text-transform:uppercase;float:right;} .custome-file-box .fileUpload em {color:#8d96a1;font-size:13px;font-weight:400;font-style:normal;float:left;margin:5px 0 0 6px;} .check-last-panel li [type="checkbox"]:not(:checked) + label::before, .check-last-panel li [type="checkbox"]:checked + label::before {left:0;top:4px;} .check-last-panel li [type="checkbox"]:not(:checked) + label::after, .check-last-panel li [type="checkbox"]:checked + label::after {top:0;} .datepicker-custome-text .form-control {box-shadow:none;border:none;} .datepicker-custome-text .timepicker-popup {display:none; background:#fff;left: 0;padding:10px 21px 10px 20px;position: absolute;top: 70px;width: auto;z-index: 9;border:solid 1px #dfe2e6;border-radius:4px;border-top:solid 5px #57c5c7;} .datepicker-custome-text .timepicker-popup:after {bottom: 100%;left: 10%;border: solid transparent; content: " ";height: 0; width: 0;position: absolute;pointer-events: none;border-color: rgba(87, 197, 199, 0);border-bottom-color: #57c5c7;border-width: 10px;margin-left: -10px;} .datepicker-custome-text .timepicker-popup div.datetimepicker-wrapper {display:none;} .datepicker-custome-text .timepicker-popup table tbody tr td {padding:0 5px;} .datepicker-custome-text .timepicker-popup table tbody tr {border:none;} .datepicker-custome-text .timepicker-popup .form-control {border:1px solid #e5e5e5;border-radius:0;font-size:14px;font-weight:400;color:#555555;} .datepicker-custome-text .timepicker-popup td .btn-default {background:none !important;border-radius:0;opacity:1 !important;border:1px solid #e5e5e5; font-size:14px;font-weight:400;color:#555555;} .datepicker-custome-text .timepicker-popup span:before { font-family: 'Entypo'; font-size: 12px; font-style: normal; } .datepicker-custome-text .timepicker-popup span.icon-chevron-up:before { content: '\e876'; } .datepicker-custome-text .timepicker-popup span.icon-chevron-down:before { content: '\e873'; } .datepicker-custome-text .timepicker-popup span::before {font-size:17px !important;color:#8d96a1;font-weight:400;} .datepicker-custome-text .timepicker-popup a:hover {text-decoration:none;} .datepicker-custome-text.open .timepicker-popup {display:block;} .spacer-right .timepicker-popup {right:0;left:initial;top:40px;} .header-panel-fix-top .dropdown-menu-list li span {position:absolute;top:-5px;left:13px;width:auto;height:20px;border-radius:150px;font-size:12px;color:#fff;line-height:19px;padding:0 7px;} .header-panel-fix-top .dropdown-menu-list li span.critical {background:#ea5044;} .header-panel-fix-top .dropdown-menu-list li span.normal {background:#85c075;} .header-panel-fix-top .dropdown-menu-list li span.warning {background:#f5c53d;} .header-panel-fix-top .dropdown-menu-list li span.blue {background:#4588e3;} ul.list-content li a.warning img {border-color:#f5c53d;} ul.list-content li a.normal img {border-color:#57c5c7;} ul.list-content li a.critical img {border-color:#ea5044;} .meetups-list-user-panel {width:108%;float:left;/*height:240px;overflow:hidden;*/} .meetups-list-user-panel li {float:left;margin-right:30px;position:relative;margin-bottom:25px;width:21%;} .meetups-list-user-panel [type="checkbox"]:not(:checked) + label::before, .meetups-list-user-panel [type="checkbox"]:checked + label::before {border-radius:20px;border-width:2px;width:18px;height:18px;top:-5px;} .meetups-list-user-panel [type="checkbox"]:not(:checked) + label::after, .meetups-list-user-panel [type="checkbox"]:checked + label::after {left:5px;top:-7px !important;} .meetups-list-user-panel a img {border-radius:150px;margin-right:10px;} .meetups-list-user-panel a {font-size:13px;color:#7c8285;font-weight:400;text-decoration:underline;} .meetups-list-user-panel a:hover {color:#57c5c7;} .meetups-list-user-panel li span {position:absolute;top:24px;left:55px;width:auto;height:14px;border-radius:150px;font-size:12px;color:#fff;line-height:19px;padding:0 6px;cursor:pointer;border:solid 1px #fff;} .meetups-list-user-panel li span.critical {background:#ea5044;} .meetups-list-user-panel li span.normal {background:#85c075;} .meetups-list-user-panel li span.warning {background:#f5c53d;} .meetups-list-user-panel li span.blue {background:#57c5c7;} .meetups-list-status-panel {width:100%;float:left;text-align:center;margin-bottom:5px;} .meetups-list-status-panel span {display:inline-block;font-size:13px;color:#7c8285;font-weight:400;margin-right:15px;} .meetups-list-status-panel span em.critical {background:#ea5044;} .meetups-list-status-panel span em.normal {background:#85c075;} .meetups-list-status-panel span em.warning {background:#f5c53d;} .meetups-list-status-panel span em.blue {background:#57c5c7;} .meetups-list-status-panel span em {width:8px;height:8px;border-radius:150px;font-size:12px;color:#fff;line-height:19px;cursor:pointer;float:left;margin-top:5px;margin-right:5px;} /* for rating */ .rating { color: #a9a9a9; margin: 0; padding: 0; } ul.rating { display: inline-block; } .rating li { list-style-type: none; display: inline-block; padding: 1px; text-align: center; font-weight: bold; cursor: pointer; font-size:20px; } .rating .filled { color: orangered; } .clear{ margin-top:20px; } /* for rating */ /* for notification */ .inner-header .notification-panel > ul {width:auto;float:left;} .home li.notification-panel{display: none;} li.notification-panel {width:30px;height:35px;line-height:32px;float:left;position:relative;text-align:center;margin:0 6px;} li.notification-panel a {width:100%;text-align:center;} /*li.notification-panel span {display:block !important;position:absolute;top:4px;left:13px;width:auto;height:20px;border-radius:150px;font-size:12px;color:#fff;line-height:19px;padding:0 7px;} */li.notification-panel span.critical {background:#ea5044;} li.notification-panel span.normal {background:#85c075;} li.notification-panel span.warning {background:#57c5c7;} li.notification-panel span.blue {background:#4588e3;} .home span.notification-panel{display: none;} span.notification-panel {width:30px;height:35px;line-height:32px;float:left;position:relative;text-align:center;margin:0 6px;} span.notification-panel a {width:100%;text-align:center;} span.notification-panel span {display:block !important;position:absolute;top:4px;left:13px;width:auto;height:20px;border-radius:150px;font-size:12px;color:#fff;line-height:19px;padding:0 7px;} span.notification-panel span.critical {background:#ea5044;} span.notification-panel span.normal {background:#85c075;} span.notification-panel span.warning {background:#57c5c7;} span.notification-panel span.blue {background:#4588e3;} /* for notification */ .common-drop-menu {position:absolute; background:#ffffff;right:0px; top:51px;padding:20px 0;border-radius:5px;border:solid 1px #dfe2e6; border-top:solid 5px #57c5c7; width:488px;z-index:1000;} .common-drop-menu:after{border-radius:3px;bottom:-35px;font-size:12px;color:#fff;content:attr(title);left:0%;padding:5px 3px;position:absolute;z-index:99999;width:80px;text-align:center;} .common-drop-menu:before{border:solid;border-color:#57c5c7 transparent;text-align:center;border-width:0px 6px 6px 6px;top:-11px;content:"";font-size:12px;right:2%;position:absolute;z-index:9999;} .common-drop-menu li {width:100%;padding:0px !important;} .common-drop-menu li a {/*width:81%;*/border:none !important; padding:12px 15px !important;color:#90a3a3 !important;margin: 0;} .common-drop-menu li a:hover {color:#6d707e !important;} .common-drop-menu .title-pop {font-size:16px;color:#41474a;text-align:left;padding-left:20px;font-weight:600;line-height:15px;} .common-drop-menu .title-pop i {margin-right:20px;color:#ea5044;font-size:18px;float:left;} .common-drop-menu ul {width:100%;float:left;padding:0 3%;margin-top:20px;max-height:200px;overflow:auto;} .common-drop-menu ul li {width:98% !important;float:left;border-bottom:solid 1px #ecedee;padding-bottom:23px !important;margin-bottom:20px !important;} .common-drop-menu ul li:last-child {margin-bottom:0 !important;border-bottom:none;} .common-drop-menu ul li div.thumb-icon {width:35px;height:35px; float:left;position:relative;} .common-drop-menu ul li div.thumb-icon img {width:35px;height:35px;border-radius:150px;} .common-drop-menu ul li div.thumb-icon span {width:10px;padding:0px;height:10px;left:24px;bottom:0;top:auto;border:solid 2px #fff;} .common-drop-menu ul li div.list-box {width:366px;float:right;text-align:left;} .common-drop-menu ul li div.common-list {width:100%;float:left;font-size:13px;color:#afbbbb;line-height:27px;} .common-drop-menu ul li div.left-list {width:56%;float:left;font-size:13px;color:#7c8285;line-height:17px;word-wrap: break-word;line-height:20px;} .common-drop-menu ul li div.right-list {width:140px;float:right;text-align:right;} .common-drop-menu ul li div.right-list a.accept {text-align:left;padding:0 10px !important;width:auto;background:#88b67b;color:#fff !important;line-height:18px;border-radius:20px;height:19px;text-transform:uppercase;font-size:12px;} .common-drop-menu ul li div.right-list a.accept:hover {text-decoration:none;background:#9dca90;} .common-drop-menu ul li div.right-list a.decline {text-align:left;margin-left:9px; padding:0 10px !important;width:auto;background:#e56258;color:#fff !important;line-height:18px;border-radius:20px;height:19px;text-transform:uppercase;font-size:12px;} .common-drop-menu ul li div.right-list a.decline:hover {text-decoration:none;background:#ef776e;} .common-drop-menu ul li div.left-list a {text-decoration:underline;padding:0px !important;width:auto;font-weight:600;color:#7c8285 !important;margin-right:5px;} .common-drop-menu ul li div.left-list a:hover {color:#000 !important;} .common-drop-menu ul li div.thumb-icon a {padding:0px !important;} .common-drop-menu div.slimScrollDiv {float:left;width:98% !important;} .common-drop-menu ul li div.right-list a.close {text-align:left;padding:0 10px !important;width:auto;height:19px;float:right;line-height:21px;opacity: 1;} .common-drop-menu ul li div.right-list a.close i {font-size:15px;color:#afbbbb;} .common-drop-menu ul li div.right-list a.close:hover {text-decoration:none;} .common-drop-menu ul li div.right-list a.close:hover i {color:#000;text-decoration:none;} .common-drop-menu .title-pop .green {color:#85c075 !important;} .common-drop-menu .title-pop .yellow {color:#f5c53d !important;} .common-drop-menu .title-pop .blue {color:#1c6ad5 !important;} .common-drop-menu div.green-notification a {margin-bottom: 6px;} li.subnoti ul{background: #f5f5f5; height: auto; max-height: inherit; overflow: visible;} li.subnoti ul li .list-box { width: 88%;} .common-drop-menu li.subnoti ul li div.thumb-icon span{border:none;} .common-drop-menu ul li.normal{position: relative;} .right-list.green-notification a.close{position: absolute;top:0;} .pro-review .col-md-10{width:80%;float:left;} .pro-review .col-md-2{width:20%;float:left;text-align: right;} .itemreviews{border-bottom: 1px solid #e2e2e2; clear: both; margin-bottom:10px; padding-bottom: 10px;} .itemreviews:after{clear:both;display: table;content:'';} .excomments{padding-top:15px;} .ta-text.ta-editor.form-control{ border: 1px solid #ccc; } .thumb-grid-vol {float: left; margin: 1%; width: 23%;cursor: pointer;} .thumb-grid-vol .mythumb{background-attachment: fixed; background-position: center center;z-index: 1;} .thumb-grid-vol .mythumb img.departimg { width: 100%;height:auto;} .thumb-grid-vol:hover .thumb-content{background:#fff;color:#000;} .thumb-grid-vol:hover .normale-content p{opacity:1;} .thumb-grid-vol:hover .normale-content h3 a{color:#000;} .thumb-grid-vol:hover .normale-bottom{opacity:0;} .thumb-grid-vol:hover .hover-bottom{display: block;} .thumb-grid-vol .thumb-content{ pointer-events: inherit;} .thumb-grid-less .thumb-grid-vol {float: left; margin: 1%; width: 31.3333%} .thumb-grid-less .thumb-grid-vol p{font-size:14px;line-height: 20px;} /* circle radious */ .img-circle { border-radius: 50%; } .showset{float: left;} .showsetparent{ display:inline-block; padding:0px 10px 0px 0px; margin: 0px;} .showsetparent span{ display: inline-block; float: left; padding:0px 10px 0px 0px; margin: 0px; width:36px; height: 36px;} .showsetparent span img{ max-width: 100%;} .showsetparent p{ display: inline-block; float: left; padding:0px 0px 0px 0px; margin: 0px; line-height:26px; font-size: 16px; color:#ffffff;} .fixed .showsetparent p{color:#000000;} .showlog{ margin-top: 5px;} .navbar-parts .links{float: left;} .notificationwarning{position: relative;} .notificationwarning img { vertical-align: middle; } .notificationwarning .warning { background: #57c5c7 none repeat scroll 0 0; margin-left: 5px; border-radius:150px; color: #fff; display: block !important; font-size: 12px; height: 20px; left: 13px; line-height: 19px; padding: 0 7px; position: absolute; top:-3px; width: auto; } /* on signup extends */ .accreated .vol-title{text-align: center;} .accreated .login-block{max-width: 220px;float: inherit;margin: auto;} .accreated .login-block .twitter{margin: 15px 0} .accreated .signup-nav{max-width: 220px;float: inherit;margin:20px auto 0;clear:both;border:none;} .accreated .signup-nav .button-input{padding: 8px 20px;width:100%;} .organization-profile-img{float:none;margin:28px 0 0;text-align: center;} /* on signup extends end*/ .step2-nav {float: right;} .step2-nav .button-input{float: left;} .step2-nav .button-input {position: relative !important;background-color: #a8c4d2;} .step2-nav .button-input:hover{background-color: #57c5c7;} .creat-account.button-input.createbtn {margin-left: 20px;width: 175px;} .creat-account.button-input.createbtn.likeyou { font-size: 12px; margin-left:0px; margin-top:0px; min-width: 139px; padding:10px 15px; width: auto; white-space: pre-wrap; /* CSS3 */ white-space: -moz-pre-wrap; /* Firefox */ white-space: -pre-wrap; /* Opera <7 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* IE */ } .parentlike{ width: 100%; display: inline-block; clear: both; padding:5px 0px; margin: 0px;} .parentlike .right-block{ width:230px; display: inline-block; float: left; padding:0px 5px 0px 0px; } .parentlike .left-text-block{ width:170px; display: inline-block; float: right; } .popcancel { width: 100%; display: inline-block; clear: both; padding:5px 0px; margin: 0px; text-align: right;} .popcancel a{ display: inline-block; float: right !important; margin-right: 20px;} /*discussion*/ .time-line-grid-view-panel {width:100%;float:left;margin-top:40px;position:relative;margin-bottom:25px;} .time-line-grid-view-panel ul {width:100%;float:left;} .time-line-grid-view-panel > ul::before {border-left: 1px solid transparent;content: "";height: 100%;left: 50%;margin-left: 0;position: absolute;top: 0;width: 0;border-color:rgba(158, 173, 195, 0.16);} .time-line-grid-view-panel ul li {width:100%;float:left;} .time-line-grid-view-panel ul li div.item-left {width:50%;float:left;} .time-line-grid-view-panel ul li div.item-right {width:50%;float:right;} .time-line-grid-view-panel ul li div.item-left div.item-inner-box {width:92%;float:right;background:#fff;margin-right:38px;padding:22px;position:relative;border:solid 1px #f2f2f2;box-shadow:0px 4px 0px 0px #e4e7e8;border-radius:5px;margin-bottom:15px;border-top:solid 2px #f0f3f4;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} .time-line-grid-view-panel ul li div.item-left div.item-inner-box:after {left: 100%;top: 30px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0); border-left-color: #fff;border-width: 10px; margin-top: -10px;} .time-line-grid-view-panel ul li div.item-right div.item-inner-box {width:92%;float:left;background:#fff;margin-left:38px;padding:22px;position:relative;border:solid 1px #f2f2f2;border-top-width:2px; box-shadow:0px 4px 0px 0px #e4e7e8;border-radius:5px;margin-bottom:15px;border-top:solid 2px #f0f3f4;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} .time-line-grid-view-panel ul li div.item-right div.item-inner-box:after {right: 100%;top: 30px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0); border-right-color: #fff;border-width: 10px; margin-top: -10px;} .time-line-grid-view-panel ul li div.title-panel a {-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} .time-line-grid-view-panel ul li div.item-left div.item-inner-box:hover {border-top:solid 2px #57c5c7;z-index:99;} .time-line-grid-view-panel ul li div.item-right div.item-inner-box:hover {border-top:solid 2px #57c5c7;z-index:99;} .time-line-grid-view-panel ul li div.item-left div.item-inner-box:hover div.title-panel a {color:#57c5c7;} .time-line-grid-view-panel ul li.title a {padding:0px 15px;height:30px;line-height:28px;display:inline-block;background:#a8c4d2;color:#fff;border-radius:150px;font-size:14px;position:relative;} .time-line-grid-view-panel ul li.title span {padding:0px 15px;height:30px;line-height:28px;display:inline-block;background:#a8c4d2;color:#fff;border-radius:150px;font-size:14px;position:relative;} .time-line-grid-view-panel ul li.title a:hover {background:#91b0bf;} .time-line-grid-view-panel ul li.title {text-align:center;margin-bottom:30px;} .time-line-grid-view-panel ul li div.date-panel {font-size:13px;color:#bfc7d0;font-weight:400;width:100%;float:left;margin-bottom:5px;} .time-line-grid-view-panel ul li div.title-panel {font-size:13px;color:#7f8586;font-weight:600;width:100%;float:left;margin-bottom:10px;} .time-line-grid-view-panel ul li div.title-panel a {font-size:13px;color:#7f8586;font-weight:600;} .time-line-grid-view-panel ul li div.title-panel a:hover {color:#7f8586 !important;} .time-line-grid-view-panel ul li div.disc-panel {font-size:13px;color:#8d96a1;font-weight:400;width:100%;float:left;margin-bottom:20px;} .time-line-grid-view-panel ul li div.user-panel {width:100%;float:left;position:relative;} .time-line-grid-view-panel ul li div.user-panel a {font-size:13px;color:#7c8285;font-weight:400;float:left;text-decoration:underline;} .time-line-grid-view-panel ul li div.user-panel a:hover {color:#57c5c7;} .time-line-grid-view-panel ul li div.user-panel img {margin-right:10px;border-radius:150px;} .time-line-grid-view-panel ul li div.item-left div.icon-center {position:absolute;right:-57px;top:12px;width:35px;height:35px;float:left;border-radius:150px;text-align:center;line-height:39px;} .time-line-grid-view-panel ul li div.item-right div.icon-center {position:absolute;left:-57px;top:12px;width:35px;height:35px;float:left;border-radius:150px;text-align:center;line-height:39px;} .time-line-grid-view-panel ul li div.item-left div.icon-center i {font-size:15px;color:#fff;} .time-line-grid-view-panel ul li div.item-right div.icon-center i {font-size:15px;color:#fff;} .time-line-grid-view-panel ul li div.green {background:#85c075;} .time-line-grid-view-panel ul li div.orange {background:#ff8400;} .time-line-grid-view-panel ul li div.blue {background:#1b92d4;} .time-line-grid-view-panel ul li div.yellow {background:#f5c53d;} .time-line-grid-view-panel ul li div.red {background:#ea5044;} .spacer-margin-70 {margin-top:70px;} .spacer-margin-120 {margin-top:120px;} .time-line-grid-view-panel ul li div.thumb-gallery {width:100%;float:left;margin-bottom:12px;} .time-line-grid-view-panel ul li div.thumb-gallery ul {width:100%;float:left;} .time-line-grid-view-panel ul li div.thumb-gallery ul li {width:31%;float:left;margin-right:3%;margin-bottom:3%;} .time-line-grid-view-panel ul li div.thumb-gallery ul li img {width:100%;border:solid 1px #f2f2f2;border-radius:3px;box-shadow:0px 3px 0px 0px #f2f2f2;} .time-line-grid-view-panel ul li div.thumb-gallery ul li:last-child, .time-line-grid-view-panel ul li div.thumb-gallery ul li:nth-child(3) {margin-right:0px;} .time-line-grid-view-panel ul li.yest a {padding:0px 15px;height:30px;line-height:28px;display:inline-block;background:#a8c4d2;color:#fff;border-radius:150px;font-size:14px;position:relative;} .time-line-grid-view-panel ul li.yest span {padding:0px 15px;height:30px;line-height:28px;display:inline-block;background:#a8c4d2;color:#fff;border-radius:150px;font-size:14px;position:relative;} .time-line-grid-view-panel ul li.yest a:hover {background:#91b0bf;} .time-line-grid-view-panel ul li.yest {text-align:center;margin-bottom:10px;margin-top:15px;} .time-line-grid-view-panel ul li.more {margin-bottom:0px;} .time-line-grid-view-panel ul li.more a {padding:0 30px;background:#57c5c7;font-weight:600;text-transform:uppercase;} .discussions-line-panel a img {border-radius:0 !important;} .time-line-grid-view-panel ul li .discussions-line-panel a {margin-left:10px;} .time-line-grid-view-panel ul li .discussions-line-panel a.reply {width:13px;height:13px;float:right;background:url(../images/reply-arrow.svg) center no-repeat;margin-top:5px;} .time-line-grid-view-panel ul li .discussions-line-panel a.reply:hover {background:url(../images/reply-arrow-hover.svg) center no-repeat;} .time-line-grid-view-panel ul li .discussions-line-panel a.user {width:16px;height:16px;float:right;background:url(../images/user-icon.svg) center no-repeat;margin-top:5px;} .time-line-grid-view-panel ul li .discussions-line-panel a.user:hover {background:url(../images/user-icon-hover.svg) center no-repeat;} .time-line-grid-view-panel ul li .discussions-line-panel a.download {width:16px;height:13px;float:right;background:url(../images/download-icon.svg) center no-repeat;margin-top:5px;} .time-line-grid-view-panel ul li .discussions-line-panel a.download:hover {background:url(../images/download-icon-hover.svg) center no-repeat;} .time-line-grid-view-panel ul li .discussions-line-panel a.open {width:23px;height:13px;float:right;background:url(../images/open-icon.svg) center no-repeat;margin-top:0;} .time-line-grid-view-panel ul li .discussions-line-panel a.open:hover {background:url(../images/open-icon-hover.svg) center no-repeat;} .time-line-grid-view-panel ul li .discussions-line-panel a.attachment {width:13px;height:13px;float:right;background:url(../images/attach-small.svg) center no-repeat;margin-top:5px;} .time-line-grid-view-panel ul li .discussions-line-panel a.attachment:hover {background:url(../images/attach-small-hover.svg) center no-repeat;} .time-line-grid-view-panel ul li .discussions-line-panel a.attachment {width:16px;height:16px;float:right;background:url(../images/attach-small.svg) center no-repeat;margin-top:5px;} .time-line-grid-view-panel ul li .discussions-line-panel a.attachment:hover {background:url(../images/attach-small-hover.svg) center no-repeat;} .discussions-line-panel div.slide-more-opation {float:right;width:0;margin-right:35px; overflow:hidden;} .discussions-line-panel div.slide-more-opation span {width:105px;float:right;height:20px;/*overflow:hidden;*/} /*.discussions-line-panel div.slide-more-opation span:hover {overflow:visible;}*/ .discussions-line-panel div.slide-more-opation span a {margin-left:10px !important;margin-top:0 !important;} .discussions-line-panel div.slide-more-details {width:100px;overflow:visible;} .time-line-grid-view-panel ul li div.user-panel a.more-details-btn {width:28px;height:28px;float:right;margin-top:0;border-radius:150px;position:absolute;top:-4px;right:0;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;z-index:99999999999;} .colleps-main-common-panel {width:100%;float:left; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} .slide-tab-panel-main {width:100%;float:left;} .slide-tab-panel {width:100%;float:left;} .slide-tab-panel ul {width:100%;float:left;padding:0 0%;} .slide-tab-panel li {float:left; width:33.3%;text-align:center;height:72px;line-height:72px;} .slide-tab-panel li i {font-size:20px;color:#a2a9b2;} .slide-tab-panel li a {float:left;display:block;width:100%;border-bottom:solid 2px #f0f3f4} .slide-tab-panel li a:hover {border-bottom:solid 2px #57c5c7;} .slide-tab-panel li a:hover i {color:#57c5c7;} .slide-tab-panel li.active a {border-bottom:solid 2px #57c5c7;} .slide-tab-panel li.active a i {color:#57c5c7;} .slide-tab-panel-main div.ng-isolate-scope div.tab-content {width:100%;float:left;margin-top:20px;} .slide-tab-panel-main div.ng-isolate-scope > ul {width:100%;float:left;padding:0 0%;} .slide-tab-panel-main div.ng-isolate-scope > ul > li {float:left; width:33.3%;text-align:center;height:72px;line-height:72px;} .slide-tab-panel-main div.ng-isolate-scope > ul > li i {font-size:20px;color:#a2a9b2;} .slide-tab-panel-main div.ng-isolate-scope > ul > li > a {float:left;display:block;width:100%;border-bottom:solid 2px #f0f3f4;background:none;border-radius:0;padding:0px;} .slide-tab-panel-main div.ng-isolate-scope > ul > li a:hover {border-bottom:solid 2px #57c5c7;background:none;} .slide-tab-panel-main div.ng-isolate-scope > ul > li > a:hover i {color:#57c5c7;background:none;} .slide-tab-panel-main div.ng-isolate-scope > ul > li.active > a {border-bottom:solid 2px #57c5c7;background:none;border-radius:0;padding:0px;} .slide-tab-panel-main div.ng-isolate-scope > ul > li.active > a i {color:#57c5c7;background:none;} .slide-tab-panel-main div.ng-isolate-scope > ul > li:first-child {top:2px;} /*message in lebel */ .lebeltext_box{ width:90%; background: #fff; padding: 8px 12px; border:0px; border-radius: 3px; /*color: #8d96a1;*/ color: #F99D32; font-size: 13px; font-weight: 400; } .organization-left.mydroplist li a{font-size: 12px;line-height: 14px; padding: 1px 0;} .organization-left.mydroplist li.active::after{border:none;} .organization-left.mydroplist ul li{width:100%;display:block;text-align: left;border:none;height:auto;} /*subscription non module- */ .subscribe-opaque{opacity: 0.33;} .organization-block input[type=checkbox]{-webkit-appearance: checkbox;} /* temporary: custom checkbox missing */ .signup-nav input[type=radio]{-webkit-appearance: radio;} /* temporary: custom checkbox missing */ .common-drop-menu ul li div.common-list{position: relative;} .common-drop-menu ul li div.common-list .right-close{float:right;} .common-drop-menu ul li div.common-list .right-close a.close{width:20px; position: absolute; top: 0; padding: 0 !important;} .box-pop-up-advance-panel { padding: 20px 30px;} /* for username click dropdown*/ ul.menu li ul.drop-menu-top {position:absolute; background:#ffffff; top:51px;padding:10px 0;border-radius:5px;border:solid 1px #dfe2e6; border-top:solid 5px #57c5c7; width:135px;z-index:1000;} ul.menu li ul.drop-menu-top:after{border-radius:3px;bottom:-35px;font-size:12px;color:#fff;content:attr(title);left:0%;padding:5px 3px;position:absolute;z-index:99999;width:80px;text-align:center;} ul.menu li ul.drop-menu-top:before{border:solid;border-color:#57c5c7 transparent;text-align:center;border-width:0px 6px 6px 6px;top:-11px;content:"";font-size:12px;left:12%;position:absolute;z-index:9999;} ul.menu li .drop-menu-top li {width:100%;padding:0px !important;border:none !important;} ul.menu li .drop-menu-top li a {width:92%;border:none !important; padding:12px !important;float:left;color:#90a3a3 !important;} ul.menu li .drop-menu-top li a:hover {color:#6d707e !important;} ul.menu li ul.user-fix a { font-size: 13px; text-transform: none;} [ng-click],[data-ng-click],[x-ng-click] { cursor: pointer; } [ng-click]:hover,[data-ng-click]:hover,[x-ng-click]:hover { color: #57c5c7; } ul.menu li ul.user-fix i { float: left; font-size: 15px; margin-right: 6px; } #profileMenu a .showset { color: #57c5c7;} #profileMenu a .showset img{width:30px;height:30px;} ul.menu li#profileMenu a.rightarrow { background:url("../images/arrow-2.svg") no-repeat right center;padding-right: 20px; } #profileMenu a p.showset { padding-left: 5px; padding-top: 6px;} .bottom-padding{padding-bottom: 10px; margin-bottom: 10px;} /* added ******************************************** */