@charset "utf-8";
/* CSS Document */
@media all{figure,h1,h2,h3,h4,p{padding:0;margin:0}h4,ol,ul,ul ul{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:0}:focus,body a,body a:active,input[type=text]:focus,textarea:focus{outline:0}article,aside,dialog,figure,footer,header,hgroup,nav,ol,p,section{display:block}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,command,datalist,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,source,span,strike,strong,sub,sup{outline:0;vertical-align:baseline}figure,p{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0}ol{list-style-type:decimal}a img,img{vertical-align:middle}a img{border:0}body a:focus{-mos-outline-style:none;outline:0}body:-moz-any-link:focus{outline:0}::-moz-selection{background:#000;color:#fff}::selection{background:#000;color:#fff}

html {-webkit-text-size-adjust:none;}

div{vertical-align:top;}
img{max-width:100%;}
a{cursor:pointer; transition:all 0.2s ease; }
a:hover, a:focus{text-decoration:none;}
html {-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
html {position:relative; min-height:100%;}
aside, .right-side, .navbar-collapse{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease;}
button:focus {outline:0px dotted; outline:0px auto -webkit-focus-ring-color;}

/*Typekit*/
.container{max-width:1280px;}

html, body{font-family:'Roboto', sans-serif; font-size:20px; color:#000000; line-height:26px;background:#E1E3E6;}
p{margin-bottom:15px;}
div p:last-child{margin-bottom:0px;}

.form-control{font-family:'Roboto', sans-serif; }
.form-control:focus{box-shadow:0 0 0 0rem rgba(0,123,255,.25);}
.row:before, .row:after {display:none !important;}

h1, h2, h3, h4, h5, h6{font-family:'Fjalla One', sans-serif;color:#2F5365;}
h1{font-size:35px;}
h2{font-size:25px;}
h3{font-size:20px;}
h4{font-size:15px;}
h5{font-size:20px;}
h6{font-size:22px;}
/*Typekit END*/

.login-module{height:100vh; background:#E1E3E6; overflow-x:hidden;}
.login-module .blue-bg{background:#2F5365!important}

.login-form{max-width:436px; margin:0 auto; width:100%}
.login-form h1{color:#2F5365; margin-bottom:30px; font-size:27px;}
.login-form .form-control{color:#2f2f2f; font-size:12px;font-weight:700;line-height:14px; border:0px; height:44px;}
.login-form .form-group label.error{color: #ff0000;font-size: 13px;line-height: 14px;letter-spacing: 0.5px;}

.login-form .form-control::-webkit-input-placeholder {color:#2f2f2f;}
.login-form .form-control:-ms-input-placeholder {color:#2f2f2f;}
.login-form .form-control::placeholder {color:#2f2f2f;}

.forgot-link{color:#4c4c4c;font-size:12px;font-weight:400; float:right; margin:5px 0px 5px 0px;}
.forgot-link:hover{color:#9ea93c}

.submit-btn{background:#9ea93c; font-size:15px; font-weight:700; color:#ffffff; min-width:140px; height:42px;}
.submit-btn:hover{background:#2F5365;color:#ffffff;}
.login-form .submit-btn{margin-top:15px;}

.login-top-nav{position:absolute; top:5%; right:5%;}
.login-top-nav a{font-size:14px; color:#2f5365; font-weight:400; padding:8px 25px;}
.login-top-nav a:hover{color:#9ea93c}
.contact-btn{border:solid 2px #2f5365; border-radius:6px; font-weight:500!important}
.contact-btn:hover{background:#2f5365; color:#ffffff!important}
.login-social-btn{background:#2f5365; color:#ffffff!important; display: block; margin-top: 30px; border: solid 2px #2f5365; border-radius: 6px;}

.login-with-ms{background:#2f5365;color:#ffffff!important;display: block;text-align: center;padding: 8px 15px;font-size: 14px;letter-spacing: 1px;max-width: 242px;margin: 30px auto 0 auto;}
.login-with-ms img{float: left;max-width: 20px;position: relative;top: 3px;}
.login-with-ms:hover{background: #9ea93c;}


.top-header{background:#2f5365;}
.top-header h1{font-size:12px; font-weight:700;font-family:'Roboto', sans-serif; color:#ffffff;}

.user-profile{margin-top:7px;margin-bottom:7px;float:left;}
.user-profile figure{width:30px; height:30px; border-radius:50px; overflow:hidden; border:solid 1px #153748; float:left; margin-right:10px;}
.user-profile figure img{object-fit:cover; float:left;}
.user-profile span.uname{font-size:12px;font-weight:500;color:#ffffff;float:left;margin-right:10px;line-height:30px;}
.user-profile span.u-post{background:#FE4646;color:#ffffff;font-size:10px;font-weight:700;border-radius:30px;float:left;text-transform:uppercase;padding:0px 15px;margin-top:2px;}

.back-link a{font-size:12px;font-weight:500;color:#ffffff;float:left;margin-top:8px;}
.back-link a img{margin-right:10px;float:left;margin-top:5px;}

.back-link a:hover{color:#9ea93c;}
.back-link a:hover img{filter:invert(55%) sepia(95%) saturate(293%) hue-rotate(27deg) brightness(98%) contrast(84%);}

.ui-right{float:right;}
.log-out-link{float:left;padding:5px 25px 0px 25px;position:relative;margin-left:25px;}
.log-out-link:before{content:'';width:2px;height:25px;background:#78909b;left:0px;top:9px;position:absolute;}
.log-out-link a{font-size:12px;font-weight:500;color:#ffffff;}
.log-out-link a:hover{color:#9ea93c;}

.top-search{float:right;margin-right:-15px;width:50px;}
.top-search a{background:#153748;float:left;width:100%;height:100%;text-align:center;line-height:43px;}

.main-content{float:left; width:100%; /* display:flex */}
.dashboard-content{float:left; width:100%;  display: flex;}
.dashboard-content .container{max-width:970px}

.project-board{float:left; width:100%; margin-top:60px;}
.project-board .group-hd {float:left; width:100%;}
.project-board .group-hd h2{margin-bottom:5px;}
.project-board .group-hd p{font-size:15px; font-weight:300}
.project-typ-main{float:left; width:100%;}

.pro-col{border-radius:5px; background:#ffffff; padding: 25px 10px 10px 10px; text-align:center;float:left; width:100%; margin-top:15px;transition:box-shadow 500ms ease 0ms;  height: 100%;}
.pro-col figure{width:73px; height:73px; border-radius:50px;  display:inline-block; overflow:hidden;font-family:'Fjalla One', sans-serif; font-size:35px; margin-bottom:15px;}
.pro-col figure a{color:#FFFFFF;display:inline-block;width:100%;height:100%;line-height:72px;background:#40b6d5; }
.pro-col h3{font-size:18px; font-weight:400;font-family:'Roboto', sans-serif; margin-bottom:3px; height: 42px; overflow: hidden;}
.pro-col p{font-size:12px; color:#8a8a8a; line-height:16px;}

.dark-blue{background:#2f5365!important;}
.green-bg{background:#9ea93c!important;}
.sky-blue{background:#85abbf!important;}
.blue-bg{background:#40b6d5!important;}


.five-column{margin-left:-8px; margin-right:-8px;}
.five-column .col-md-3{padding-left:8px; padding-right:8px; -ms-flex:0 0 20%;  flex:0 0 20%;  max-width:20%;}

.fun-col{border-radius:5px; background:#ffffff;  padding:15px 25px 5px 25px; text-align:center;float:left; width:100%; margin-top:15px; height:100%;transition:box-shadow 500ms ease 0ms; }
.fun-col figure{width:50px; height:50px; border-radius:50px;  display:inline-block; overflow:hidden;font-family:'Fjalla One', sans-serif; font-size:24px; margin-bottom:15px;}
.fun-col figure a{color:#FFFFFF;display:inline-block;width:100%;height:100%;line-height:50px;background:#303030; }
.fun-col h3{font-size:18px; font-weight:400;font-family:'Roboto', sans-serif; margin-bottom:3px; color:#000000}

.left-nav{float:left; width:275px; background:#ffffff; padding:15px; /*height:calc(100vh - 50px);*/ position:relative; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease;}
.content-area{float:left; width:calc(100% - 365px); padding:50px 0px 0px 0px;margin-left:40px;-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease;}

.project-card{background:#e1e3e6; border-radius:12px; padding:20px; text-align:center}
.project-card figure{width:73px; height:73px; border-radius:50px; display:inline-block; overflow:hidden;font-family:'Fjalla One', sans-serif; font-size:35px; margin-bottom:15px;line-height:72px;background:#40B6D5; color:#ffffff}
.project-card figure img{object-fit:cover;float:left;height:100%; border:solid 1px #40B6D5; border-radius:50px;}
.project-card h3{font-size:18px; font-weight:700;font-family:'Roboto', sans-serif; color:#000000; margin-bottom:5px;}

#sidebar{padding:30px 0px 30px 0px;}
#sidebar .nav-item{padding:8px 0px 8px 40px;position:relative;}
#sidebar .nav-item.active .nav-link{color:#40B6D5}
#sidebar .nav-item.active .nav-link:before{content:'';background:url(../images/nav-select.svg) no-repeat left top;position:absolute;background-size:contain;width:12px;height:12px;left:26px;top:13px;}
#sidebar .nav-item .nav-link{font-size:16px;color:#929292;font-weight:500;padding:0px;}
#sidebar .nav-item .nav-link:hover{color:#40B6D5}

#submenu1 .nav-item .nav-link{color:#000000;}
#submenu1 ul{ border-left:solid 3px #2f5365; margin-top:15px;}
#submenu1 .nav-item{padding:6px 0px 6px 22px;}
#submenu1 ul li:first-child{ padding-top:0px;}
#submenu1 ul li:last-child{ padding-bottom:0px;}

#submenu1 ul ul{ border-left:solid 3px #d2d2d2; margin-top:15px;}
#submenu1 ul ul .nav-item .nav-link{font-size:12px;font-weight:400; line-height:inherit;}
#submenu1 ul ul .nav-item{padding:4px 0px 4px 15px;}
#submenu1 ul ul li:first-child{ padding-top:0px;}
#submenu1 ul ul li:last-child{ padding-bottom:0px;}

/*.nav-link[data-toggle].collapsed:before {content:" ▾";}
.nav-link[data-toggle]:not(.collapsed):before {content:" ▴";}*/

.red-circle{display:inline-block;width:6px;height:6px;background:#FE4646;border-radius:50px;margin-left:5px;position:relative;top:10px;}
.sidebar-collapse{ position:absolute; right:-20px; top:0px;}

.hide-left{margin-left:-265px;}
.show-right{width:calc(100% - 115px); margin-left:55px;}

.sidebar-collapse a{background:url(../images/nav-bg.svg) no-repeat left top;width:21px;height:69px;float:left;text-align:center;line-height:69px;}
.hide-left .sidebar-collapse a img{ transform:rotate(180deg);}

.project-top{float:left; width:100%}
.project-top h2{color:#2f5365; font-size:35px; margin-bottom:50px;}
.project-overview{float:left; width:100%; background:#ffffff; padding:60px;}
.project-overview p{font-size:20px; line-height:32px; font-weight:300; max-width:96%}

.key-assets{float:left; width:100%; background:#E1E3E6; border-radius:10px; padding:25px;}
.key-assets h5{ font-size:16px; color:#000000; font-family:'Roboto', sans-serif; font-weight:700;}
.key-assets ul{list-style:none; padding:0px; margin:0px;}
.key-assets ul li{position:relative;float:left;width:100%;padding:8px 0px;}
.key-assets ul li a{ float:left; padding-left:35px; font-size:16px; color:#000000;}
.key-assets ul li a:before{content:'';background:url(../images/download.svg) no-repeat left top;position:absolute;left:0px;width:18px;height:18px;background-size:contain;top:9px;}
.key-assets ul li a:hover{color:#9ea93c;}
.key-assets ul li a:hover:before{filter:invert(55%) sepia(95%) saturate(293%) hue-rotate(27deg) brightness(98%) contrast(84%);}

.team-section{float:left; width:100%; margin-top:50px;}
.team-section h2{color:#2f5365; font-size:35px; margin-bottom:50px;}

.team-card{border-radius:5px; background:#ffffff; padding:25px 10px; text-align:center;float:left; width:100%; margin-bottom:30px; transition:box-shadow 500ms ease 0ms; }
.team-card:hover,
.pro-col:hover,
.fun-col:hover,
.pp-card:hover,
.result-card:hover,
.team-page-card:hover{box-shadow:0px 2px 14px 0px rgba(0,0,0,0.3);}

.team-card figure{width:60px; height:60px; border-radius:50px;  display:inline-block; overflow:hidden;font-family:'Fjalla One', sans-serif; font-size:25px; margin-bottom:15px;color:#FFFFFF;line-height:62px;background:#2f5365;}
.team-card figure a{color:#FFFFFF;display:inline-block;width:100%;height:100%; }
.team-card figure img{object-fit:cover;float:left;height:100%; border:solid 3px #FE4646; border-radius:50px;}
.team-card p{font-size:18px; color:#000000; line-height:26px;}


/*All Modal popup code*/
.modal-open .modal{ padding-right: 0px!important; }
.modal-wp .modal-dialog{max-width:65%;margin: 0rem 0px 0rem auto;}
.modal-wp .modal-content{border:0px; border-radius:0px; min-height: 100vh;}
.modal-wp .modal-body{ padding:0px 90px 90px 90px;}
.modal-wp .close-modal{background:#2F5365;float:right;width:62px;height:62px;margin-left:auto; text-align:center; line-height:60px;}
.modal-wp .close-modal:hover{background:#9ea93c;}

.team-pic-name{width:72px; height:72px; border-radius:50px;  display:inline-block; overflow:hidden;font-family:'Fjalla One', sans-serif; font-size:38px; margin-bottom:20px;color:#FFFFFF;line-height:75px;background:#2F5365; text-align:center}
.team-pic-name a{color:#FFFFFF;display:inline-block;width:100%;height:100%; }
.team-pic-name img{object-fit:cover;float:left;height:100%; border:solid 3px #FE4646; border-radius:50px;}

.modal-wp .modal-body h2{font-size:45px; color:#2F5365; margin-bottom:20px;}
.modal-wp .modal-body h4{font-size:18px; color:#000000; font-family:'Roboto', sans-serif; font-weight:700; margin-bottom:10px;}
.modal-wp .modal-body p{ font-size:18px; font-weight:300; line-height:26px; margin-bottom:20px;}
.modal-wp .modal-body p:last-child{ margin-bottom:0px;}
.modal-wp .modal-body ul, .modal-wp .modal-body ol { margin:0px 0px 0px 17px;}
.modal-wp .modal-body ul li, .modal-wp .modal-body ol li {font-size:15px; line-height:26px; margin-bottom:15px;font-weight: 300;}

.modal-wp .modal-body.activity-modal { padding:0px 50px 50px 50px; }
.modal-wp .modal-body.activity-modal h2{ font-size: 35px; }
.modal-wp .modal-body.activity-modal .activity-assets { float: left; width: 100%; margin-top: 30px; }
.activity-assets .our-resources{ background: transparent; border: solid 1px #e5e5e5; margin-top: 0px; }
.activity-assets .our-resources ul li a{ color: #365263; }
.modal-wp .modal-body.activity-modal .activity-desc { font-size: 18px;}
.modal-wp .modal-body .best-practices { float: left;width: 100%;background: #EBEECF;border-radius: 10px;padding: 20px 25px 15px 25px;margin-top: 15px;border: solid 1px #e5e5e5; font-size: 15px; }
.show-more {font-size: 14px; color: #365263; text-decoration: underline; cursor: pointer; }
.modal-wp .modal-body .best-practices h5{ font-size: 18px;color: #000000;font-family: 'Roboto', sans-serif;font-weight: 700; }
.modal-wp .modal-body .workflow-image { float: left; text-align: center; margin-top: 15px; width: 100%; }
.modal-wp .modal-body .workflow-image p { padding: 10px 10px; font-size: 16px; margin-bottom: 0px; }
.modal-wp .modal-body .workflow-image figure{ min-width: 49%; display: inline-block; padding: 10px 5px; }
.modal-wp .modal-body .workflow-image figure img{ border: 1px solid #000000; object-fit: cover; height: 300px; width: 300px;}
img.zoom { -webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;}
img.zoom:hover { transform: scale(1.5) rotate(0.01deg); }
.your-ownership-btn { background: #FE4646; border-radius: 22px; text-align: center;font-size: 9px;padding: 7px 10px; float: right; color: #ffffff; }
.modal-wp .modal-body.activity-modal .gr-box figure{ width: 30px;height: 30px;border-radius: 50px;float: left;margin-right: 10px;overflow: hidden;font-family: 'Fjalla One', sans-serif;font-size: 12px;color: #2F5365;line-height: 30px;background: #FFFFFF;border: 1px solid #3EB4D3;text-align: center;}
.modal-wp .modal-body.activity-modal .gr-box figure.no-bg {border: 1px solid #FE4646;background: #FE4646!important;color: #ffffff;
}

.phase-deliver-modal{ float:left; width:100%; margin-top:50px;}
.phase-deliver-modal h5{ border-bottom:solid 1px #d8d8d8; font-size:18px; color:#000000; font-family:'Roboto', sans-serif; font-weight:400; padding-bottom:20px; margin-bottom:20px;}

.phase-links a{width:100%;background:#FE4646;border-radius:22px;text-align:center;font-size:13px;font-weight:400;color:#ffffff;margin-bottom:15px;min-height:45px;align-items:center;display:flex;justify-content:center;}
.phase-links a:hover{background:#8397a2; color:#ffffff}

.activity-name{background:#FE4646;border-radius:22px;text-align:center;font-size:13px;font-weight:400;color:#ffffff;position:absolute;right:90px;top:7px; padding:8px 20px;}
.activity-name:hover{background:#8397a2; color:#ffffff}

.dark-gray-btn{background:#8397a2;}

.ownership-col{float:left; width:100%; margin-top:50px; padding-top:50px; border-top:solid 1px #e5e5e5;}
.owner-info{float:left; width:100%; margin-bottom:10px;}
.owner-info h4{font-size:15px!important;  }
.gr-box{float:left; width:100%; margin-bottom:15px;}
.gr-box figure{width:30px; height:30px; border-radius:50px; float:left; margin-right:10px; overflow:hidden;font-family:'Fjalla One', sans-serif; font-size:14px; color:#FFFFFF;line-height:32px;background:#2F5365; text-align:center}
.gr-box figure a{color:#FFFFFF;display:inline-block;width:100%;height:100%; }
.gr-box figure img{object-fit:cover;float:left;height:100%; border:solid 2px #FE4646; border-radius:50px;}
.gr-box span{ float:left; font-size:15px;}

.right-border{border-right:solid 1px #e5e5e5;}

.our-resources{float:left; width:100%; background:#E1E3E6; border-radius:10px; padding:20px 25px 15px 25px; margin-top:-20px;}
.our-resources h5{ font-size:15px; color:#000000; font-family:'Roboto', sans-serif; font-weight:700;}
.our-resources ul{list-style:none; padding:0px; margin:0px!important;}
.our-resources ul li{position:relative;float:left;width:100%;padding:6px 0px; line-height: inherit!important; margin: 0px!important;}
.our-resources ul li a{ float:left; padding-left:35px; font-size:15px; color:#000000; font-weight: 400;}
.our-resources ul li a:before{content:'';background:url(../images/download.svg) no-repeat left top;position:absolute;left:0px;width:18px;height:18px;background-size:contain;top:9px;}
.our-resources ul li a:hover{color:#9ea93c;}
.our-resources ul li a:hover:before{filter:invert(55%) sepia(95%) saturate(293%) hue-rotate(27deg) brightness(98%) contrast(84%);}

.resources-main{float:left; width:100%; margin-top:20px;}
.resources-list{float:left;width:100%;border-radius:9px;background:#e1e3e6;padding:15px 20px;transition:box-shadow 500ms ease 0ms; margin-bottom:10px;}
.resources-list:hover{box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.3);}
.resources-list h6{font-size:15px;color:#000000;font-family:'Roboto', sans-serif;font-weight:700;float:left;margin-bottom:0px;margin-top:3px;}
.resource-remove {margin-left: 10px;color: #ff0000; font-weight: bold;}
.rs-link{float:right;font-size:15px;color:#000000;font-weight:400;}
.rs-link:hover{color:#9ea93c;filter:invert(55%) sepia(95%) saturate(293%) hue-rotate(27deg) brightness(98%) contrast(84%);}
.rs-link img{float:left; margin:4px 8px 0px 0px;}

.modal-2col{ margin-bottom:50px;}
.modal-2col p{font-weight:700!important; font-size:20px!important; line-height:30px!important}
.modal-2col .our-resources{margin-top:0px;}
.modal-2col .our-resources h5{ margin-bottom:5px;}

.project-phase{float:left; width:100%;}
.project-phase .container{max-width:1120px}

.project-phase-details{float:left; width:100%;margin-top: 60px;}
.project-phase-details .group-hd{float:left; width:100%; margin-bottom:40px;}
.project-phase-details .group-hd h2{ font-size:45px;}

.phase-card, .workflow-card{margin-bottom:30px}
.pp-card{background:#FFFFFF; padding:30px 40px 70px 40px; float:left; width:100%; height: 100%; transition: box-shadow 500ms ease 0ms; position: relative;}
.pp-card h3{font-size: 22px;font-weight: 400;line-height: 26px;font-family:'Roboto', sans-serif; margin-bottom:15px;}
.pp-card p{font-size:16px;font-weight: 300;line-height:22px; margin-bottom:20px;}
.pp-card a{position: absolute; left: 10%; bottom: 30px; font-size: 15px; font-weight: 700;background: #9ea93c; float:left; width:80%; color:#ffffff; text-align:center; padding: 8px 0px; border-radius:8px;}
.pp-card a:hover{background: #2f5365;}

.result-card{background:#eff0f2; padding:30px 40px; float:left; width:100%; border-radius: 8px; margin-bottom:30px;transition: box-shadow 500ms ease 0ms;}
.result-card h3{font-size: 22px;font-weight: 400;line-height: 26px;font-family:'Roboto', sans-serif; margin-bottom:5px;}
.result-card p{font-size:16px;font-weight: 300;line-height:22px; margin-bottom:20px;}
.result-card a{ font-weight: 300;margin-bottom: 10px;float: left;width: 100%;font-size: 12px; color: #000000;}

.search-card{float:left;width:100%;background:#ffffff;border-radius:8px;margin-bottom:50px;padding: 0px 0px 0px 10px;}
.search-card .form-control{border:0px;border-radius:0px;font-size:15px;font-weight:300;float:left;width:calc(100% - 80px);height: auto;padding: 20px 10px;}
.search-card .search-btn{float:left;width:80px;background:url(../images/search-blk.svg) no-repeat center;border: 0px;text-indent: -9999px;height: 62px;border-radius: 0px 8px 8px 0px;}

.team-page-section{float:left; width:100%;}
.team-page-card{border-radius:5px; background:#ffffff; padding:25px 10px; text-align:center;float:left; width:100%; margin-bottom:30px; transition:box-shadow 500ms ease 0ms; }
.team-page-card figure{width:73px; height:73px; border-radius:50px;  display:inline-block; overflow:hidden;font-family:'Fjalla One', sans-serif; font-size:36px; margin-bottom:15px;color:#FFFFFF;line-height:75px;background:#2f5365;}
.team-page-card figure a{color:#FFFFFF;display:inline-block;width:100%;height:100%; }
.team-page-card figure img{object-fit:cover;float:left;height:100%; border:solid 3px #FE4646; border-radius:50px;}
.team-page-card p{font-size:18px; color:#000000; line-height:26px;}
.no-bg{background:transparent!important}


.tb-border tr{ border-bottom:solid 1px #979797; white-space: nowrap;}
.tb-border tr td{ width: 270px; white-space: nowrap; display: inline-block; line-height: 40px;}
/* .tb-border tr td:first-child{ width: 50px;} */
.save-progress-alert{ position: fixed;top: 10px;right: 10px;background: #8cc3ff;padding: 12px;opacity: 0.85;z-index: 9999;border-radius: 5px; text-align: center; }

/*02-12-2020*/
.phase-act{ float:left; width:100%; margin-bottom:50px}

.phase-hd-group{ margin-bottom:30px;}
.phase-title h2{color: #2f5365;font-size: 35px; margin-bottom:10px;}
.phase-title p{ font-size:13px; color:#000000; font-weight:300; line-height: 18px;}

/*.phase-btn-group{float:left;width: 350px;}
.phase-btn-group ul{list-style:none;padding:0px;margin:0px 0px 0px 0px;float:left;width: 100%;}
.phase-btn-group ul li{float:left;width: calc(50% - 5px); margin:0px 5px 5px 0px;}
.phase-btn-group ul li a{float:left;width:100%;font-size: 11px;text-align:center;border-radius: 20px;background: #FFFFFF;color:#000000;font-weight: 500; padding: 3px 0px;letter-spacing: 0.5px; border: 1px solid #000000;}
 .phase-btn-group ul li a:hover{ background:#9ea93c!important} 
.phase-btn-group ul li a.red-bg{background: #FE4646;}
.phase-btn-group ul li a.dblue-bg{background: #2f5365;}*/

.phase-btn-group{float:left;width: 370px;}
.phase-btn-group ul{list-style:none;padding:0px;margin:0px 0px 0px 0px;float:left;width: 100%;}
.phase-btn-group ul li{float:left;width: auto; margin:0px 5px 5px 0px;}
.phase-btn-group ul li a{float:left;width:100%;font-size: 11px;text-align:center;border-radius: 20px;background: #FFFFFF;color:#000000;font-weight: 500; padding:0px 10px;letter-spacing: 0.5px; border: 1px solid #000000;}
/* .phase-btn-group ul li a:hover{ background:#9ea93c!important} */
.phase-btn-group ul li a.red-bg{background: #FE4646;}
.phase-btn-group ul li a.dblue-bg{background: #2f5365;}



.contains-btn{ font-size:12px; color:#000000; font-weight:500;}
.contains-btn img{ margin-right:5px; width:15px;}
.contains-btn:hover{color:#9ea93c;}
.contains-btn:hover img{filter: invert(69%) sepia(36%) saturate(667%) hue-rotate(26deg) brightness(86%) contrast(89%);}

.phase-table{float:left;width:100%;}
.phase-table table tr:nth-child(even) {background: rgb(255 255 255 / 0.5);}
.tb-border tr:nth-child(even) {background:transparent!important;}

.phase-table table tr td{ font-size:16px; color:#000000; padding:0px 19px; position: relative;}
.tb-border tr td{padding:5px 0px; height:45px;}

/* .tb-border tr td .add-activity-btn{display: none;}
.tb-border tr:hover td .add-activity-btn{display: inline;} */


.tb-btn{font-size: 12px;text-align:center;border-radius: 20px; border:0px; background: #2f5365;color: #ffffff!important;font-weight: 500;padding: 3px 0px;letter-spacing: 0.5px;width:100%;line-height:31px;vertical-align: top;display: inline-block; margin: 3px 0px; border: solid 1px transparent;}
.tb-btn:hover{background:#FFFFFF!important; color: #2f5365!important; border: #2f5365 1.5px solid;}
.tb-btn.redbg{background: #FE4646;}
.tb-btn.redbg:hover{background:#FFFFFF!important; color: #FE4646!important; border: #FE4646 1.5px solid;}
.tb-btn.lblue{background: #8397a2;}

.cancel-btn{font-size: 14px;text-align:center;border-radius: 20px; background: #ffffff;color: #2f5365!important;font-weight: 500;padding: 3px 0px;letter-spacing: 0.5px;width:100%;line-height: 34px;vertical-align: top;display: inline-block; margin: 3px 0px; border: solid 2px #2f5365!important;
}


.cust-btn{
width: auto;
padding: 0px 20px;
font-size: 20px;
color: #2f5365!important;
background: none;
text-align:center;border-radius: 20px;font-weight: 500;letter-spacing: 0.5px;vertical-align: top;display: inline-block; margin: 3px 0px; border: 0;}

.my-btn {width: auto!important; min-width:150px; /*padding: 0px 30px!important;*/ border: 0px;}

.add-activity-btn { padding: 0px 5px;background: black;border-radius: 12px;color: white;}
.add-more{position: absolute;margin-top: -1px;right: 13px;}
.form-group { width: 100%; }
.resource-list {border-radius: 22px;text-align: center;font-size: 13px;font-weight: 400;color: #2f5365;margin: 10px 5px;align-items: center;display: flex;justify-content: center;border: solid 3px;padding: 5px 10px;}

.custom-control-input:checked~.custom-control-label::before {border-color: #d8d8d8;	background-color: #d8d8d8;}
.custom-control-input:not(:disabled):active~.custom-control-label::before {background-color: #d8d8d8;	border-color: #d8d8d8;}
.modal-wp .close-modal {color: #ffffff;}



/* .diamond-btn, .decision_step {
  width: calc(100% - 24px)!important;
  display: inline-block;
  position: relative;
  border-radius: 0px!important;
  margin-left: 12px;
}
.diamond-btn:before,
.diamond-btn:after,
.decision_step:before,
.decision_step:after{
  content: "";
  border-style: solid;
  border-width: 0;
  height: 0;
  position: absolute;
	width: 0;
	transition: all 0.2s ease;
}
.diamond-btn:after,
.diamond-btn:before,
.decision_step:after,
.decision_step:before {border-color: transparent #2f5365;}
.decision_step.redbg:after,
.decision_step.redbg:before {border-color: transparent #FE4646;}
.diamond-btn:before {left: -13px;border-width: 15px 13px 17px 0;top: 0;}
.diamond-btn:after {right: -12px;border-width: 15px 0 17px 12px;top: 0;}
.diamond-btn:hover:after,
.diamond-btn:hover:before,
.decision_step:hover:after,
.decision_step:hover:before {border-color: transparent #2f5365!important;}
.decision_step.redbg:hover:after,
.decision_step.redbg:hover:before {border-color: transparent #FE4646!important;}

.decision_step:before {left: -13px;border-width: 20px 13px 19px 0;top: 0;}
.decision_step:after {right: -12px;border-width: 20px 0 20px 12px;top: 0;} */


.event-btn, .event_step {
  width: 100%!important;
  display: inline-block;
  position: relative;
  border-radius: 5px!important;
}

.diamond-btn, .decision_step {
  width:100%!important;
  display: inline-block;
  position: relative;
  border-radius: 0px!important;
}

.decision_step ~ .add-more{top: 0px;}

.decision_step{clip-path: polygon(10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50%); background: #2f5365; border-radius: 0px!important; position: relative; height: 39px; display: flex; align-items: center;padding: 0; border: 0px!important;}
.decision_step span{clip-path: polygon(10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50%);  position: absolute; height: 37px; width: 99%; left: 1px; background: #2f5365; top: 1px; padding: 0; margin: 0;
display: flex; align-items: center; justify-content: center;}
.decision_step:hover{background: #2f5365!important;}
.decision_step:hover span{background: #ffffff; color:#2f5365;}

/* RED Button */
.redbg.decision_step{clip-path: polygon(10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50%); background: #FE4646; border-radius: 0px!important; position: relative; height: 39px; display: flex; align-items: center;padding: 0; border: 0px!important;}
.redbg.decision_step span{clip-path: polygon(10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50%);  position: absolute; height: 37px; width: 99%; left: 1px; background: #FE4646; top: 1px; padding: 0; margin: 0;
display: flex; align-items: center; justify-content: center;}
.redbg.decision_step:hover{background: #FE4646!important;}
.redbg.decision_step:hover span{background: #ffffff; color:#FE4646;}

/*top buttom */
.phase-right-bottom .diamond-btn{clip-path: polygon(10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50%);background: #2f5365;border-radius: 0px!important;position: relative;height: 28px;display: flex;align-items: center;padding: 0;border: 0px!important;}
.phase-right-bottom .diamond-btn span{clip-path: polygon(10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50%);position: absolute;height: 26px;width: 98%;left: 1px;background: #ffffff;top: 1px;padding: 0;margin: 0;display: flex;align-items: center;justify-content: center;}

.phase-right-top h4,
.phase-right-bottom h4{margin-bottom:5px;}

.phase-color{display: flex;}
.phase-color div{margin-right:15px; font-size: 14px;}
.phase-color .blue-circle{width: 17px; height: 17px; border-radius: 50%; background: #2f5365; margin-right: 5px; display: inline-block; position: relative; top: 4px; }
.phase-color .red-circle{width: 17px; height: 17px; border-radius: 50%; background: #FE4646; margin-right: 5px; top: 4px;}

.phase-right-bottom {margin-top:10px;}
.phase-right-bottom ul li:nth-child(2){width:105px;}


.role-check-item .custom-checkbox {display: inline-block;position: relative;cursor: pointer;font-size: 14px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;margin: 0px 10px 10px 0px;padding: 0;color: #4b4b4b;font-weight: 500;}
.role-check-item .custom-checkbox input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.role-check-item .custom-control-label::before {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;pointer-events: none;content: "";border: 0;}
.role-check-item .custom-control-label {padding: 5px 20px;border: solid 1px #d8d8d8;border-radius: 6px;cursor: pointer;}
.role-check-item .custom-control-label::before,
.role-check-item .custom-control-label::after{z-index: -1;}
.role-check-item .custom-checkbox .custom-control-input:checked~.custom-control-label::after{display: none;}
.role-check-item .custom-control-input:focus~.custom-control-label::before {box-shadow: 0 0 0 0.2rem rgb(47 83 101);}

.footer-button {
    background: #d5dadc;
    padding: 10px 15px 10px 0px;
    border-radius: 6px;
}

#accordionPhase .card { background: none;}
.workflow-btn{position: relative; font-size: 14px;text-align:center;border-radius: 20px; border:0px; background: #b2b7bd;color: #000000!important;font-weight: 500;padding: 3px 0px;letter-spacing: 0.5px;width:100%;line-height: 34px;vertical-align: top;display: inline-block; margin: 3px 0px;}
.workflow-btn.active{background: #ffffff;}
.workflow-btn .red-circle{ position: absolute; left: 5px; top: 15px;}
.workflow-btn i.fa{position: absolute; left: 18px; top: 13px;}


.help-block { float: left; margin-top: 3px; }
.help-block span.error { color : #d00000; }

.workflow_buttons { width: 215px;float: left;display: inline; }

.workflow_details_container { display: inline; float: left; width: calc(100% - 235px); /* background: #b2b7bd; */ margin-left: 20px; /* border-radius: 10px; */}
/* .workflow_details_container .phase-table table tr:nth-child(odd) {background: rgb(255 255 255 / 0.5);}
.workflow_details_container .tb-border tr:nth-child(odd) {background:transparent!important;} */

.my-column { background: rgba(255,70,70,0.11); }
.my-column a.tb-btn { background: #FE4646; }


.phase-table #accordionPhase .card{border-radius: 0;	border: 0;}
.phase-table #accordionPhase .card .card-header{border-bottom: 0px; border-left:solid 8px #2f5365; padding:0px;}
.phase-table #accordionPhase .card .card-header a{padding: 20px; float: left;	width: 100%;}
.phase-table #accordionPhase .card .card-header a.collapsed{background: #b2b7bd;}
.phase-table #accordionPhase .card .card-header a{background: #ffffff;}
.phase-table #accordionPhase .card .card-header a .red-circle{top:15px}

.phase-table #accordionPhase .card .card-header a h5{font-family: 'Roboto', sans-serif; font-size:26px; font-weight: 700; color:#000000}
.phase-table #accordionPhase .card-header a:after {content: '';display: inline-block;position: absolute;width: 20px;height: 20px;background: transparent;border-top: 5px solid #000000;
	border-left: 5px solid #000000;transition: all 250ms ease-in-out;text-decoration: none;color: transparent;transform: rotate(45deg);right: 29px;top: 30px;}
.phase-table #accordionPhase .card-header a.collapsed:after {content: '';transform: rotate(-135deg);top: 22px;}

.phase-table #accordionPhase .card-body{padding:0px 0px 0px 30px; border-left: solid 2px #d2d2d2; margin: 30px 0px!important;}
.phase-table #accordionPhase .add-more{margin-top: 2px;}

.phase-table #accordionPhase .table td,
.phase-table #accordionPhase .table th{ border-top:0px}
.phase-table #accordionPhase table tr:nth-child(even) {background: rgb(255 255 255 / 0);}
.phase-table #accordionPhase table tr:nth-child(odd) {background: rgb(255 255 255 / 0.5);}
.phase-table #accordionPhase table.tb-border tr:nth-child(odd) ,
.phase-table #accordionPhase table.tb-border tr:nth-child(even) {background: rgb(255 255 255 / 0);}


.introjs-tooltip{background: #000000!important; box-shadow: 0 0px 0px rgba(33,33,33,.3)!important; padding: 15px!important;}
.introjs-arrow.top{border-bottom-color: #000000!important;}
.introjs-arrow.bottom {border-top-color: #000000!important;}

.introjs-tooltip-title{font-family: 'Roboto', sans-serif!important; color: #ffffff; font-size: 14px!important;font-weight: 500!important;	letter-spacing: 0.5px;}
.introjs-tooltip-header{padding: 0px!important;}
.introjs-skipbutton{padding: 3px 0px!important; color: #ffffff!important;}
.introjs-tooltiptext {padding: 0!important;color: #ffffff!important;font-family: 'Roboto', sans-serif!important;font-size: 14px;line-height: 18px;}

.introjs-tooltipbuttons {border-top: 0px solid #e0e0e0!important;padding: 0!important; margin-top: 20px;}
.introjs-tooltipbuttons a,
.introjs-tooltipbuttons a:hover{width:45%;float: left;margin: 0px;padding: 5px 0px; border:solid 1px #9ea93c; text-align: center;background: #9ea93c;color: #ffffff;text-shadow: 0px 0px 0 #fff; border-radius: 6px;font-family: 'Roboto', sans-serif;font-weight: 300;letter-spacing: 1px;}

.introjs-button:focus {box-shadow: 0 0 0 0rem rgba(158,158,158,.5)!important; border:solid 1px #9ea93c!important; background: #9ea93c!important;color: #ffffff!important;}
.introjs-prevbutton{float: right!important; border: solid 1px #ffffff!important; background:transparent!important;}
.introjs-prevbutton:hover{border:solid 1px #9ea93c!important; background: #9ea93c!important;color: #ffffff!important;}

.introjs-disabled{pointer-events: none;	opacity: 0.3;}
.red-bg{background: #FE4646;color: #ffffff;padding: 4px 10px;border-radius: 30px;margin-bottom:10px;display: inline-block;font-size: 13px;}
.red-bg:hover{background: #9ea93c;}

.introjs-tooltipReferenceLayer * {font-family: 'Roboto', sans-serif!important;}
.introjs-tooltiptext .contains-btn{background: #ffffff;padding: 4px 15px 4px 10px;border-radius: 30px;display: inline-block;margin-bottom: 10px;}
.run-tour {float: right; font-size: 14px;text-align: center;border-radius: 20px;border: 0px;background: #2f5365;color: #ffffff!important;font-weight: 500;letter-spacing: 0.5px;line-height: 34px;vertical-align: top;padding: 0px 15px;}
.btn-view {background: #e1e3e6; color: #343a40; border: 1px solid #343a40;}
.btn-dark:focus { box-shadow: none!important; }

}

.error-danger {
  font-size: 16px;
}

@media all and (max-width:1260px){
	.left-nav{margin-left:-275px; position:absolute; height:100%; z-index:9999}
	.content-area{width:90%; margin:0 auto}

	.hide-left{margin-left:0px; box-shadow:0px 2px 14px 0px rgba(0,0,0,0.3);}
	.show-right{ width:90%; margin:0 auto; padding:50px 0px;}

	.project-overview{ padding:30px;}
	.project-top h2,
	.team-section h2{font-size:25px;margin-bottom:30px;}
	.project-overview p {font-size:18px; line-height:28px;}

	.left-nav .sidebar-collapse a img{ transform:rotate(180deg);}
	.hide-left .sidebar-collapse a img{ transform:rotate(0deg);}

	.activity-name {right:90px;top:0px; padding:6px 25px;}

	.project-phase-details .group-hd h2 {font-size: 36px;}
	.project-phase-details{ margin-top:30px;}
	.project-phase-details .group-hd{ margin-bottom:30px;}
}


@media all and (max-width:960px){
	.login-form{max-width:90%;}
	.pro-col h3{font-size:16px;}
	.fun-col{padding:15px 10px 5px 10px;}
	.fun-col h3{font-size:16px; word-break:break-all}

	.project-overview p {font-size:16px; line-height:26px; max-width:100%;}

	.modal-wp .modal-body {padding:0px 30px 30px 30px;}
	.modal-wp .modal-body h2{ font-size:36px;}
	.modal-wp .modal-body p{ font-size:16px; line-height:26px;}

	.modal-2col p {font-weight: 500!important;font-size: 17px!important;line-height: 25px!important;}
	.modal-2col .our-resources {margin-top: 20px;}
	.modal-wp .modal-body ul li {font-size: 16px;line-height: 24px;font-weight: 400;}

	.pp-card {padding: 20px;}

}

@media all and (max-width:767px){
	.hs-auto{height:auto!important}
	.login-top-nav {position:relative;top:0px;right:0;max-width:90%;width:100%;margin:30px auto;text-align:right;}
	.login-top-nav a {padding:8px 15px;}
	.login-form h1{font-size:24px;}
	.l-brand{padding-top:15px; padding-bottom:15px;}
	.l-brand img{max-width:200px;}

	.fun-col{height:auto; padding:15px;}
	.five-column .col-md-3{padding-left:8px; padding-right:8px; -ms-flex:0 0 100%;  flex:0 0 100%;  max-width:100%;}

	.project-board{margin-top:30px;}
	.dashboard-content{padding-bottom:30px;}

	.key-assets{ margin-top:15px;}
	.team-card p{ font-size:16px;}

	.modal-wp .close-modal{ height:42px; width:42px; line-height:42px;}
	.modal-wp .close-modal img{max-width:50%;}
	.modal-wp .modal-body h2{ font-size:26px;}
	.modal-wp .modal-body {padding:0px 15px 15px 15px;}
	.team-pic-name {width:50px; height:50px;line-height:53px;font-size:24px;}

	.activity-name {top:0px;padding:6px 25px;position:relative;right:0;margin-bottom:20px;display:inline-block;}

	.ownership-col {margin-top:10px; padding-top:30px;}
	.our-resources{ margin-top:0px;}
}

/* Absolute Center Spinner */
#page-loader {
    position: fixed;
    z-index: 9999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* Transparent Overlay */
  #page-loader:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
      background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));

    background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
  }

  /* :not(:required) hides these rules from IE9 and below */
  #page-loader:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
  }

  #page-loader:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 150ms infinite linear;
    -moz-animation: spinner 150ms infinite linear;
    -ms-animation: spinner 150ms infinite linear;
    -o-animation: spinner 150ms infinite linear;
    animation: spinner 150ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
  }

  .custom-section {
    padding: 10px;
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #cccccc;
  }

  /* Animation */

  @-webkit-keyframes spinner {
    0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @-moz-keyframes spinner {
    0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @-o-keyframes spinner {
    0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes spinner {
    0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }