/* ============ reset css =============*/
body {font-family:'Open Sans'; overflow-y: scroll; }
a{color:#0f6ca9; outline:0;}
p.style1{ font-size:1rem; font-family:"PT Serif",serif!important; margin-bottom:10px;}
p{ font-size:0.8125rem; font-family:'Open Sans'!important; margin-bottom:10px; color:#222222;}
p:before, p:after{content:" "; display:table;}
p:after{ clear:both}
p.small{ font-size:0.6875rem; margin-top:25px; margin-bottom:5px;}
h6{ margin-top:0px;}
ul li{ list-style:none;}
section{ margin-bottom:15px;}
section:last-child{ margin-bottom:0px;}
.img_responsive{ width:100%}
video {width: 100%!important; height: auto!important;}
dl dt{ font-weight:600; margin-bottom:0;}
[type=checkbox], [type=radio] {
    margin: 0px;
}
.clear {clear: both;}

/* ========== common css ===============*/
.m0{ margin:0!important}
.mT0{margin-top:0!important;}
.mT2{ margin-top:2px!important;}
.mT3{ margin-top:3px!important;}
.mT5{ margin-top:5px!important;}
.mT7{ margin-top:7px;}
.mT10{margin-top:10px!important;}
.mT15{margin-top:15px!important;}
.mT20{margin-top:20px!important;}
.mT25{margin-top:25px!important;}
.mT30{ margin-top:30px!important;}
.mT35{ margin-top:35px!important;}
.mT36{ margin-top:36px!important;}
.mT55{ margin-top:55px!important;}
.mT10pcnt{ margin-top:10%}
.mT20pcnt{ margin-top:20%}
.mTn10{ margin-top:-10px}
.mTn5{ margin-top:-5px}

.mR5{ margin-right:5px!important}
.mR10{ margin-right:10px !important}
.mR15{ margin-right:15px!important}
.mR20{ margin-right:20px!important}

.mB0{ margin-bottom:0px!important;}
.mB5{margin-bottom:5px !important;}
.mB10{ margin-bottom:10px!important;}
.mB15{ margin-bottom:15px!important;}
.mB20{ margin-bottom:20px!important;}
.mB30{ margin-bottom:30px!important;}
.mB48{ margin-bottom:48px!important;}

.mL-1{ margin-left:-1px !important;}
.mL-4{ margin-left:-4px !important;}
.mL0{ margin-left:0px!important;}
.mL5{ margin-left:5px!important;}
.mL7{ margin-left:7px;}
.mL10{ margin-left:10px!important;}
.mL15{ margin-left:15px!important;}
.mL20{ margin-left:20px!important;}
.mL60{ margin-left:60px!important;}

.p0 { padding: 0px !important; }
.p10 { padding: 10px; }

.pT0{ padding-top:0px!important;}
.pT2{ padding-top:2px!important;}
.pT10{ padding-top:10px!important;}
.pT20{ padding-top:20px!important;}
.pR0{ padding-right:0!important}
.pR23{ padding-right:23px !important;}

.pB0{ padding-bottom:0px!important}
.pB10{ padding-bottom:10px!important}
.pB20{ padding-bottom:20px!important}

.pL0{ padding-left:0!important;}
.pL20{ padding-left:20px;}
.pL40{ padding-left:40px !important;}
.pL180{ padding-left:180px !important;}

.pD5{ padding:5px;}
.pD10{ padding:10px;}
.pD20{ padding:20px;}
.pD0{ padding:0!important}

.top0{ top:0!important;}
.small{ font-size:80%}
.h20{ height:20px}
.h50{ height:50px}
.h37{ height:37px}
.h60{ height:60px}
.h110{ height:110px;}
.h190{ height:190px;}
.h200{ height:200px;}
.h450{ height:450px;}
.h400{ height:400px;}
.h500{ height:500px;}
.h600{ height:600px;}
.h820{ height:820px;}
.h850{ height:850px}

.mH100{ min-height: 100px; }
.mH200{ min-height: 200px; }
.mH300{ min-height: 300px; }
.mH370{ min-height: 370px; }
.mH650{ min-height: 650px; }
.mH850{ min-height: 850px; }

.scrlH449{ height:449px}
.scrlH414{ height:414px}
.scrlH425{ height:425px}
.scrlH447{ height:447px}
.scrlH450{ height:450px}
.scrlH460{ height:460px}
.scrlH480{ height:480px}
.scrlH150{ height:150px}
.scrlH120{ height:120px}
.scrlH190{ height:190px}
.scrlH280{ height:280px;}
.scrlH300{ height:300px;}
.scrlH350{ height:350px;}
.scrlH400{ height:400px;}
.scrlH530{ height:530px}

.w60{ width:60px!important;}
.w75{ width:75px!important;}
.w80{ width:80px;}
.w110{ width:110px}
.w140{ width:140px;}
.w150{ width:150px;}
.w160{ width:160px;}
.w180{ width:180px;}
.w185{ width:185px !important;}
.w197{ width:197px;}
.w200{ width:200px !important;}
.w230{ width:230px !important;}
.w270{ width:270px!important;}
.w300{ width:300px!important;}
.w320{ width:320px!important;}
.w400{ width:400px !important;}
.w40pcnt{ width:40%}
.w45pcnt{ width:45%}
.w58pcnt{ width:58%}
.w60pcnt{ width:60% !important;}
.w70pcnt{ width:70%}
.w81pcnt{ width:81% !important;}
.w86pcnt{ width:86% !important;}
.w92pcnt{ width:92%}
.cntContr{ width:61.6%}
.w100pcnt{ width:100%!important}
.w116pcnt{ width:116%}

.fR {float: right;}
.fL {float: left;}
.dBlock{ display:block;}
.dNone{ display:none;}
.txtCnt{ text-align:center;}
.overfH{ overflow:hidden}
.overYA{ overflow-y: auto; }
.move { cursor: move; }
.pointer { cursor: pointer; }
.labelTxt{ font-weight:600;}
.fw600{font-weight:600!important}
.labelT{float: none!important; width:auto!important; font-weight:300!important}
.column, .columns {padding-left: 10px; padding-right:10px;}
.column:last-child:not(:first-child), .columns:last-child:not(:first-child){ float:left;}

.brdr_gray{border:1px solid #dddddd;}

.brdrRN{ border-right:none;}
.brdrLN{ border-left:none;}

.tabs-content{ font-size:0.8125rem!important; position:relative; }

/*Override the foundation definition inside editor content*/
.widget-content h1, .overview_container h1 {
    font-size: 1.5rem !important;
}

.widget-content img, .overview_container img {
    max-width: 100% !important;
    height: auto !important;
}

.rename_horizontal_label {
    width: 97% !important;
}

tbody tr:nth-child(even) {
    background-color: #ffffff;
}
/*Override the foundation definition inside editor content*/

#mainContainer{width:84.38rem; margin:0 auto}
.row, .row div.row {margin: 0 auto; max-width: 100% !important; width: 100%;}
.tophrdrMidSec{ width:32%; padding:38px 0 0 23px!important;}
.tophrdrRitSec{ float:right!important;}
.small-2-half {width: 20.83%;}
.small-5-half {width: 45.83332%;}
.header {background-color: #0F6DAA; min-height:6.563rem;box-shadow: 0 4px 2px -2px #1c1c1c;position:relative;}
.header_logo {background:#15669b;width:13.75rem;padding:20px 20px 20px 30px;}
.header_links {font-size: 1rem; font-weight: bold; margin-top: 55px; color:#fff;}
.header_links.inner { margin-top: 10px!important; font-weight:normal!important; opacity:1!important}
.header_links.inner ul{font-size: 0.875rem!important;}
.header_links ul{ float:right}
.header_links ul li{ float:left; list-style:none;}
.header_links ul li a{ display:block; padding:0 10px; color:#98BDD5; border-right:1px solid #045d95;}
.header_links ul li.sel a{ color:#fff;}
.header_links ul li:last-child a{ border-right:none; padding-right:0px;}
.header_links div.row div {display: inline; padding-right: 20px;}
.header_links ul li a.logged_user { cursor: default; }
.loginContr{ margin-top:5px;}
.loginContr input[type='text']{ width:inherit!important}
.loginContr .field{ padding:0 5px!important;}
.button.homeLogin{ font-weight:bold; margin-top:25px; padding:1rem 2rem 1.0625rem; border-radius: 1000px;}

.testimony {background-color: #0F6DAA;}
.testimony_column1 {width: 50%;float: left; padding-right:45px;}
.testimony_column2 {width: 50%; float: right; padding-left: 30px;}
.testimony_description {line-height:40px;font-family: 'PT Serif', serif; font-size:2rem; color:#ffffff;}
.testimony_name {color: #FFFFFF; font-size: 0.8rem; font-weight: bold; border-top: 1px solid #83b8d7; margin-top: 15px; padding-top: 10px;letter-spacing:1.3px}
.testimony_designation {color: #b0d1e2;font-size: 0.75rem;font-family: 'PT Serif', serif;}
.testimony_header {font-size: 2.813rem; color: #FFFFFF;font-weight: bold; margin-top: 30px;}
.login_container {background-image: url(../../../images/login_background_image.jpg); background-repeat:no-repeat; background-size: cover;background-position: center center;  height:470px;}

.login_header {font-size: 3.75rem; color: #FFFFFF; font-weight: bold; margin-top: 70px;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.login_description {font-size: 2.25rem; color: #FFFFFF; font-weight: bold; line-height: 48px;}
.login_labels {font-size: 0.9rem;  font-weight: bold; color: #FFFFFF; text-align: center;}
.login_input {background-color: #ffffff; opacity:0.9; filter:alpha(opacity=60); width: 100%; height:2.813rem!important; font-size: 1.1rem; border-radius: 5px;   border: 0px;padding:5px 15px; margin: 0px;}

.article_container {position: relative;right: -65px; padding-right: 10px; width: 61%; float: left;}
.article_container h2{ font-size:2rem}
.article_header1 {font-size: 2.813rem; color: #3F4044; font-weight: bold; margin-top: 43px; line-height:56px}
.article_container sup{ font-family:'Open Sans'!important; font-weight:normal}
.article_header2 {font-size: 2.813rem; color: #3F4044; font-weight: bold; margin-top: 25px;}
.article2 {margin-bottom: 40px;}
.video_container {float: right; width: 39%;}
.video_container img {width: 100%; min-height: auto; margin-top: 45px;}
.footer_container {background-color: #000000; min-height:2.625rem; color: #FFFFFF;}
.footer {font-size: 0.75rem; margin-top: 13px; margin-bottom: 13px;}
.footer label {color: #FFFFFF; display: inline; font-size: inherit;}
.footer_build {margin-left: 40px; margin-right: 50px; color: #666666;}
/* CSS slider  */
#slider-wrapper {
    width: 91%;
    margin: auto;
    margin-top: 10px;
    position: relative;
    margin-bottom: 0px;
    overflow: hidden;
}

.inner-wrapper {
    width: 100%;
    top: 0;
    left: 0;
    margin-bottom: 0px;
    overflow: hidden;
}

.overflow-wrapper {
    width: 500%;
    height: 80%;
    top: 0;
    left: 0;
    overflow-y: hidden;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.slide {
    width: 20%;
    float: left;
}

div.testimony_column1 {
    width: 50%;
    float: left;
    padding-right:45px;
}

div.testimony_column2 {
    width: 50%;
    float: right;
    padding-left: 30px;
}

.testimony_description {
    line-height:40px;
    font-family: 'PT Serif', serif;
    font-size:2rem;
    color:#ffffff;
}
.testimony_name {
    color: #FFFFFF;
    font-size: 0.8rem;
    font-weight: bold;
    border-top: 1px solid #83b8d7;
    margin-top: 15px;
    padding-top: 10px;
    letter-spacing:1.3px
}
.testimony_designation {
    color: #b0d1e2;
    font-size: 0.75rem;
    font-family: 'PT Serif', serif;
}

.show_first_slide {
    margin-left: 0%;
}

.show_second_slide {
    margin-left: -100%;
}

.show_third_slide {
    margin-left: -200%;
}

.show_fourth_slide {
    margin-left: -300%;
}

.show_fifth_slide {
    margin-left: -400%;
}

.control-wrapper {
    margin: 25px;
    width: auto;
}

.control-wrapper div {
    display: inline-block;
}

.control-wrapper label {
    background-repeat: no-repeat;
    background-position: center;
}

.control {
    display: none !important;
}

label.current_testimonial {
    background-image: url(../../images/testimonial_nav_selected.png) !important;
}

label.unvisited_testimonial {
    background-image: url(../../images/testimonial_nav_unselected.png) !important;
}

label.visited_testimonial {
    background-image: url(../../images/testimonial_nav_visited.png) !important;
}

#s0, #s1, #s2, #s3, #s4 {
    display: inline-block;
    cursor: pointer;
    z-index: 999;
    width: 35px;
    height: 35px;
    margin-left: 0px;
    margin-right: 0px;
}

/* CSS slider  */

.tophrdrMidSec p{ font-family:'open sans'; color:#fff; margin-bottom:0; font-size:0.875rem;}
.tophrdrMidSec h1{ font-family:'open sans'; font-size:1.375rem!important; font-weight:700; color:#fff; margin-top:0px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; width:100%;}
ul.info li{float:left; margin:0 13px; color:#fff; font-size:0.875rem; font-weight:500; text-transform:uppercase}
ul.info li:first-child{ margin:0 13px 0 0}
ul.info li span.num{margin-left:10px; font-weight:300}

.globalNav ul{ margin-top:10px; margin-left:0;}
.globalNav ul li{margin:0; padding:0; background:#404a52; position:relative; border-left: 10px solid transparent;}
.globalNav ul li.sep{margin-bottom:10px!important; border-bottom: 1px solid #2b333a;}
.globalNav ul li a{ display:block; padding:8px 0 8px 40px; color:#fff; font-size:0.875rem; border-bottom:1px solid #2b333a;}
.globalNav ul li.sel{margin:0; padding:0; border-left:10px solid #0d6198; background:#e0e4ef;}
.globalNav ul li.sel a{ color:#0d6198; border-bottom:1px solid transparent; }
.globalNav ul li.sel a i {margin-left: 0px !important;}

.tocIcon1, .tocIcon2, .tocIcon3, .tocIcon4, .tocIcon5, .tocIcon6, .tocIcon7, .tocIcon8, .tocIcon9, .tocIcon10, .tocIcon11,.tocIcon12, .tocIcon13, .tocIconUXInsight {margin:0; padding:0; background-image:url(../../../images/icon_sprite.png); background-repeat:no-repeat; width:1.313rem; height:1.813rem; top:5px; margin-right:0px; display:inline-block; cursor:pointer; position:absolute; left:10px; margin-left: 0px;}

.tocIcon1{background-position:-10px -7px;}
.tocIcon2{background-position:-48px -7px;}
.tocIcon3{background-position:-80px -7px;}
.tocIcon4{background-position:-120px -7px;}
.tocIcon5{background-position:-159px -7px;}
.tocIcon6{background-position:-198px -7px;}
.tocIcon7{background-position:-238px -7px;}
.tocIcon8{background-position:-277px -7px;}
.tocIcon9{background-position:-311px -7px;}
.tocIcon10{background-position:-346px -7px;}
.tocIcon11{background-position:-378px -7px;}
.tocIcon12{background-position:-418px -7px;}
.tocIcon13{background-position:-452px -7px;}
.tocIconUXInsight{background-position:-482px -128px;}

.globalNav ul li.sel .tocIcon1{background-position:-10px -50px;}
.globalNav ul li.sel .tocIcon2{background-position:-48px -50px;}
.globalNav ul li.sel .tocIcon3{background-position:-80px -50px;}
.globalNav ul li.sel .tocIcon4{background-position:-120px -50px;}
.globalNav ul li.sel .tocIcon5{background-position:-159px -50px;}
.globalNav ul li.sel .tocIcon6{background-position:-198px -50px;}
.globalNav ul li.sel .tocIcon7{background-position:-238px -50px;}
.globalNav ul li.sel .tocIcon8{background-position:-277px -50px;}
.globalNav ul li.sel .tocIcon9{background-position:-311px -50px;}
.globalNav ul li.sel .tocIcon10{background-position:-346px -50px;}
.globalNav ul li.sel .tocIcon11{background-position:-378px -50px;}
.globalNav ul li.sel .tocIcon12{background-position:-418px -50px;}
.globalNav ul li.sel .tocIcon13{background-position:-452px -50px;}
.globalNav ul li.sel .tocIconUXInsight{background-position:-514px -128px;}

.ritContContr{ padding:20px; overflow:hidden; width: 70.6rem;}
.ritContContrMarketplace{ padding:20px; overflow:hidden; width: 100%;}
.contentContr{ background:#e0e4ef}
.rectAdd{ border-bottom:1px solid #e9e9e9; padding:0 0 3px;}
.rectAdd:last-child{border-bottom:none; padding-bottom:0px;}
.userName{ width:44%; float:left; padding-right:10px;}
.projectName{ width:56%; float:left;}
#orgImage { width: 55px; height: 36px; }

ul.projectList{margin-bottom:0; margin-left:0px}
ul.projectList li{margin-bottom:5px;}
ul.projectList li:last-child{margin-bottom:0px;}
ul.projectList li.active a{ font-weight:bold}
ul.projectList li a{background:url(../../../images/bullet1.png) 0 8px no-repeat; padding:0 5px 0 15px; display:inline-block;}
ul.projectList li a.noBullet{background:none;}

.selOrg label{ float:left; margin-right:10px; margin-top:5px; font-size:0.8125rem; color:#fff;}
.customDD{ position:relative; margin-right:35px; float:left; overflow:hidden;}
select#orgList{-webkit-appearance: none; -moz-appearance: none; appearance: none; height:2rem; border:1px solid #4d81a6; width:16.25rem; text-indent: 8px;	background:#0f6299 url(../images/dropdown_arrow.png) no-repeat 96% 55%;	border-radius:5px;font-size:0.75rem; padding:3px 0; cursor: pointer; padding-right:30px;}
.logoContr{ float:left; margin-top:-3px;}
.homeFixPortlet{ width:16.94rem; position: relative;}
.homeFixPortlet .panel-footer{ position: absolute; width:92%; bottom: 25px;}
ul.breadcrumbs::before, ul.breadcrumbs::after, ul.modTopNav::before, ul.modTopNav::after{content: " "; display: table;}
ul.breadcrumbs::after,ul.modTopNav::after{ clear:both;}
ul.breadcrumbs li{ float:left; margin-left: 0;overflow: hidden; font-size:0.875rem;}
ul.breadcrumbs li::after { color: #aaaaaa;  content: ">>";  margin:10px; position: relative; top: 1px;}
ul.breadcrumbs li:last-child::after {content: " ";}
.btnGroup{ float:right; margin-top:-7px; position:relative;}

ul.modTopNav{margin-bottom:0; position:relative; z-index:1; margin-left:0;}
ul.modTopNav li{ float:left; margin-right:1px;}
ul.modTopNav li a{ display:block; margin:0; border-radius:7px 7px 0 0; font-family:'open sans'; font-weight:normal; font-size:0.825rem; padding:7px 15px 5px 15px; background:#EDEDED; border:1px solid #bdbdbd; color:#3d3d3d}
ul.modTopNav li.active a{background:#fff; color:#3d3d3d; border-bottom:1px solid #fff!important}
.tabs-content{ background:#fff; padding: 20px; border:1px solid #bdbdbd; margin-top:-1px;  min-height:510px; }
.tabs-content h2{ font-size:1.25rem; font-weight:600; font-family:'open sans'; color:#7e7e7e}
.tabs-content h3{ font-size:1rem; font-weight:600; font-family:'open sans'; color:#7e7e7e}
.tabs-content.fullWidth { display: flex; width: 100%; border-top: 0px;}


.ecosystemCount{ padding:5px 2px; border:1px solid #d8d8d8; height:2.125rem; display:table-cell; vertical-align:middle; width:25%!important; overflow:hidden; font-size:0.75rem; border-radius:5px;}
.ecosystemCount span{ font-weight:700}
.recentupdate p{ font-family:'open sans'; word-wrap: break-word; font-size:0.875rem}
.recentupdate p span.lastUpdate{ display:block; font-size:0.75rem; margin-top:5px}

/* =============== table ==============*/
table {border: 1px solid #dddddd;table-layout: auto;}
table tr th{ background:#f0f0f0}
table tr th, table tr td {color: #222222; padding: 0.44444rem 0.55556rem 0.55556rem; border:1px solid #f2f2f2}
table tfoot {background: #f5f5f5 none repeat scroll 0 0;}
table.panel_project{ border-collapse:separate!important}
table tfoot tr th, table tfoot tr td {color: #222222; font-size: 1rem; font-weight: bold; padding:0;}
table table{border:none;}
table table tr th,table table tr td{padding: 0.44444rem 0.55556rem 0.55556rem; border:1px solid #f2f2f2}
table tr th, table tr td {color: #222222; text-align: left; line-height:1.6}
table .table-striped tr.even, table .table-striped tr.alt, table .table-striped tr:nth-of-type(2n) {background: #f9f9f9 none repeat scroll 0 0;}
table thead tr th, table tfoot tr th, table tfoot tr td, table tbody tr th, table tbody tr td, table tr td {display: table-cell;   line-height: 1.6;-ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto;-moz-hyphens: auto;       hyphens: auto;}
.table-striped tbody tr:nth-child(even){background:#F9F9F9}
.table_responsive { width:100%}
.table_responsive thead tr th { white-space: nowrap; }
table tr#body td { display: block;}
.projDataTable{ width: 570px; }
table.noBorder{ border:none;}
table.noBorder td{ border:none; padding:0;}
/* ================= icon sprite ==================*/
.rateStar{margin:0; padding:0; background-image:url(../../../images/icon_sprite.png); background-repeat:no-repeat; background-position:-545px -48px; width:1.438rem; height:1.438rem; margin-right:5px; position:relative; display:inline-block; cursor:pointer;}
.unRateStar{margin:0; padding:0; background-image:url(../../../images/icon_sprite.png); background-repeat:no-repeat; background-position:-545px -128px; width:1.438rem; height:1.438rem; margin-right:5px; position:relative; display:inline-block; cursor:pointer;}
.bookmark_message { float: left; margin-right: 5px; margin-top: 3px; font-size: 0.8125rem !important; width: 90px; }

.down_arrow_wht{ margin:0; padding:0; background-image:url(../../../images/icon_sprite.png); background-repeat:no-repeat; background-position:-559px -21px;  width:0.5rem; height:0.25rem; top:-2px; margin-left:5px; position:relative; display:inline-block; cursor:pointer;}

.logoutIcon{ margin:0; padding:0; background-image:url(../../../images/icon_sprite.png); background-repeat:no-repeat; background-position:-488px -15px;  width:1.125rem; height:0.9375rem; top:3px; margin-left:5px; position:relative; display:inline-block; cursor:pointer;}

.uxeguideIcon{ margin:0; padding:0; background-image:url(../../../images/icon_sprite.png); background-repeat:no-repeat; background-position:-518px -13px;  width:1.375rem; height:1.25rem; top:3px; margin-left:5px; position:relative; display:inline-block; cursor:pointer;}

.globalNav{ background:#364049; width:13.75rem; box-shadow: 4px 0 5px -2px #1c1c1c; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out}

.zoomIcon{margin:0; padding:0; background-image:url(../../../images/icon_sprite.png); background-repeat:no-repeat; background-position:-7px -86px; width:25px; height:25px; display:inline-block; cursor:pointer; right:0px}

.searchIcon{margin:0; padding:0; background-image:url(../../../images/icon_sprite.png); background-repeat:no-repeat; background-position:-486px -55px; width:1rem; height:1.1rem; top:5px;  margin-right:10px; display:inline-block; cursor:pointer; position:absolute; right:0px}

.excelIcon{margin:0; padding:0; background-image:url(../../../images/icon_sprite.png); background-repeat:no-repeat; background-position:-38px -89px; width:1rem; height:1rem; position:relative; display:inline-block; cursor:pointer;}

.pdfIcon{margin:0; padding:0; background-image:url(../../../images/icon_sprite.png); background-repeat:no-repeat; background-position:-59px -89px; width:1rem; height:1rem; position:relative; display:inline-block; cursor:pointer;}

.wordIcon{margin:0; padding:0; background-image:url(../../../images/icon_sprite.png); background-repeat:no-repeat; background-position:-80px -89px; width:1rem; height:1rem; position:relative; display:inline-block; cursor:pointer;}

.pptIcon{margin:0; padding:0; background-image:url(../../../images/icon_sprite.png); background-repeat:no-repeat; background-position:-101px -89px; width:1rem; height:1rem; position:relative; display:inline-block; cursor:pointer;}

.txtIcon{margin:0; padding:0; background-image:url(../../../images/icon_sprite.png); background-repeat:no-repeat; background-position:-124px -89px; width:1rem; height:1rem; position:relative; display:inline-block; cursor:pointer;}

.zipIcon{margin:0; padding:0; background-image:url(../../../images/icon_sprite.png); background-repeat:no-repeat; background-position:-145px -89px; width:1rem; height:1rem; position:relative; display:inline-block; cursor:pointer;}

.imgIcon{margin:0; padding:0; background-image:url(../../../images/icon_sprite.png); background-repeat:no-repeat; background-position:-164px -89px; width:1rem; height:1rem; position:relative; display:inline-block; cursor:pointer;}

.finalIcon{margin:0; padding:0; background-image:url(../../../images/icon_sprite.png); background-repeat:no-repeat; background-position:-190px -88px; width:0.6875rem; height:0.8125rem; position:relative; display:inline-block; cursor:pointer;}

.lockIcon{margin:0; padding:0; background-image:url(../../../images/icon_sprite.png); background-repeat:no-repeat; background-position:-212px -88px; width:0.6875rem; height:0.8125rem; position:relative; display:inline-block; cursor:pointer;}

.viewIcon{margin:0; padding:0; background-image:url(../../../images/icon_sprite.png); background-repeat:no-repeat; background-position:-231px -88px; width:0.75rem; height:0.8125rem; position:relative; display:inline-block; cursor:pointer;}

.draftIcon{margin:0; padding:0; background-image:url(../../../images/icon_sprite.png); background-repeat:no-repeat; background-position:-252px -88px; width:0.75rem; height:12px; position:relative; display:inline-block; cursor:pointer;}

.tbdIcon{margin:0; padding:0; background-image:url(../../../images/icon_sprite.png); background-repeat:no-repeat; background-position:-298px -88px; width:0.75rem; height:0.75rem; position:relative; display:inline-block; cursor:pointer;}

.templateIcon{margin:0; padding:0; background-image:url(../../../images/icon_sprite.png); background-repeat:no-repeat; background-position:-276px -88px; width:0.75rem; height:0.75rem; position:relative; display:inline-block; cursor:pointer;}

.ieIcon{
    margin:0; padding:0;
    background-image:url(../../../images/icon_sprite.png);
    background-repeat:no-repeat; background-position:-455px -135px;
    width:1.063rem; height:16px; position:relative; display:inline-block;
    cursor:pointer;
}

.codeIcon{
    margin:0; padding:0;
    background-image:url(../../../images/icon_sprite.png);
    background-repeat:no-repeat; background-position:-374px -135px;
    width:1rem; height:1rem; position:relative; display:inline-block;
    cursor:pointer;
}

.videoIcon{
    margin:0; padding:0;
    background-image:url(../../../images/icon_sprite.png);
    background-repeat:no-repeat; background-position:-401px -135px;
    width:1rem; height:1rem; position:relative; display:inline-block;
    cursor:pointer;
}

.audioIcon{
    margin:0; padding:0;
    background-image:url(../../../images/icon_sprite.png);
    background-repeat:no-repeat; background-position:-428px -135px;
    width:1rem; height:1rem; position:relative; display:inline-block;
    cursor:pointer;
}

.expCol{margin:0 5px 0 0; padding:0; background-image:url(../../../images/icon_sprite.png); background-repeat:no-repeat; background-position:-418px -87px; width:1rem; height:1rem; position:relative; top:4px; display:inline-block; cursor:pointer;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;}

.expCol.active{margin:0 5px 0 0; padding:0; background-image:url(../../../images/icon_sprite.png); background-repeat:no-repeat; background-position:-421px -87px; width:1rem; height:1rem; top:0; position:relative; display:inline-block; cursor:pointer;-moz-transition: all 0.8s ease-in-out; -moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}

.settingIcon{margin:0; padding:0; background-image:url(../../../images/icon_sprite.png); background-repeat:no-repeat; background-position:-322px -88px; width:1rem; height:1rem; position:relative; display:inline-block; cursor:pointer;}

.settingIcon.open{position:relative; cursor:pointer; -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;
-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg)}

.upArrowIcon{margin:0; padding:0; background-image:url(../../../images/icon_sprite.png); background-repeat:no-repeat; background-position:-347px -89px; width:2.1rem; height:2.1rem; position:relative; display:inline-block; cursor:pointer;}

.downArrowIcon{margin:0; padding:0; background-image:url(../../../images/icon_sprite.png); background-repeat:no-repeat; background-position:-384px -89px; width:2.1rem; height:2.1rem; position:relative; display:inline-block; cursor:pointer;}

.zoomIn{ background: url(../../../images/icon_sprite.png) -83px -131px no-repeat; height:32px; width:32px; position:relative; display:inline-block; cursor:pointer;-webkit-transition: 0.4s ease; transition: 0.4s ease;}

.zoomOut{ background: url(../../../images/icon_sprite.png) -131px -131px no-repeat; height:32px; width:32px; position:relative; display:inline-block; cursor:pointer;-webkit-transition: 0.4s ease; transition: 0.4s ease;}

.close_stamp{ background: url(../../../images/icon_sprite.png) -337px -131px no-repeat; height:24px; width:24px; position:absolute; display:inline-block; cursor:pointer;-webkit-transition: 0.4s ease; transition: 0.4s ease; right:-30px; top:5px; }



.editLibIcon{ background: url(../../../images/icon_sprite.png) -181px -134px no-repeat; height:18px; width:16px; position:relative; display:inline-block; cursor:pointer;}
.zoomLibIcon{ background: url(../../../images/icon_sprite.png) -212px -134px no-repeat; height:18px; width:18px; position:relative; display:inline-block; cursor:pointer;}
.delLibIcon{ background: url(../../../images/icon_sprite.png) -244px -134px no-repeat; height:18px; width:14px; position:relative; display:inline-block; cursor:pointer;}

.homeIcon{ background: url(../../../images/icon_sprite.png) -308px -136px no-repeat; height:15px; width:15px; position:relative; display:inline-block; cursor:pointer; margin-top:2px}

.objPnl_close{margin:0; padding:0; background-image:url(../../../images/icon_sprite.png); background-repeat:no-repeat; background-position:-478px -89px; width:1.063rem; height:1.063rem; position:absolute; display:inline-block; cursor:pointer; top:7px; right:5px; opacity:0.6}

.expColAroIcon{margin:0; padding:0; background-image:url(../../../images/icon_sprite.png); background-repeat:no-repeat; background-position:-513px -89px; width:1rem; height:1rem; position:relative; display:inline-block; cursor:pointer;-moz-transition: all 0.8s ease-in-out;-webkit-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}

.expColAroIcon.active{background-position:-546px -89px;-moz-transition: all 0.8s ease-in-out; -moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}

.horizentralView{margin:0 5px 0 0; padding:0; background-image:url(../../../images/icon_sprite.png); background-repeat:no-repeat; background-position:-7px -129px; width:30px; height:30px; position:relative; /*top:4px;*/ display:inline-block; cursor:pointer;-moz-transition: all 0.8s ease-in-out;-webkit-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out; margin-top:-4px;}

.horizentralView.active{-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);}

.moveAro{ background: url(../../../images/icon_sprite.png) -47px -137px no-repeat; height:16px; width:16px; position:absolute; display:inline-block; cursor:pointer}

.movingContr{ background:#e9e9e9; border-radius:50%; height:60px; width:60px; box-shadow:2px 2px 2px #dfdfdf; position:relative;}
.moveAro.up{ top:10%; left:36%;-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
.moveAro.right{ top:40%; right:5%;-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
.moveAro.bottom{ bottom:5%; left:38%;-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.moveAro.left{ bottom:34%; left:10%;-ms-transform:rotate(270deg);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);}

.brdrB{border-bottom:1px solid #cccccc!important}
.projMang{background:#f8f8f8; width:13.75rem; margin:0 0 0 -20px; box-shadow:1px 0 2px #e6e6e6; float:left;}
ul.projectToc{ width:auto; z-index:0; position:relative;}
ul.projectToc li{ float:left; width:100%;}
ul.projectToc li a{padding:8px 10px 8px 5px!important; display:block; border:1px solid transparent;}
ul.projectToc li a.sel{text-decoration:none;}
ul.projectToc li a span.noarrow{margin-right:5px; height:0.4375rem!important; width:0.4375rem; display:inline-block}
ul.projectToc li a span.arrowGryRit{ background:url(../../../images/aro_gry_rit.png) 0 0 no-repeat;margin-right:5px; height:0.5rem!important; width:0.5rem; display:inline-block}
ul.projectToc li a span.arrowGryDwn{ background:url(../../../images/aro_gry_dwn.png) 0 0 no-repeat;margin-right:5px; height:0.5rem!important; width:0.5rem; display:inline-block}
ul.projectToc li a span.arrowWhtRit{ background:url(../../../images/aro_wht_rit.png) 0 0 no-repeat;margin-right:5px; height:0.5rem!important; width:0.5rem; display:inline-block}
ul.projectToc li a span.arrowWhtDwn{ background:url(../../../images/aro_wht_dwn.png) 0 0 no-repeat;margin-right:5px; height:0.5rem!important; width:0.5rem; display:inline-block}
ul.specificationTree li span.noarrow, ul.metricTree li span.noarrow,
ul.taskTree li span.noarrow, ul.activityTree li span.noarrow,
ul.contentTree li span.noarrow, ul.graphicsTree li span.noarrow {
    margin-right:2px !important;
    height:0.4375rem!important;
    width:0.4375rem;
    display:inline-block
}
ul.specificationTree li span.arrowGryRit, ul.metricTree li span.arrowGryRit,
ul.taskTree li span.arrowGryRit, ul.activityTree li span.arrowGryRit,
ul.contentTree li span.arrowGryRit, ul.graphicsTree li span.arrowGryRit {
    background:url(../../../images/aro_gry_rit.png) 0 0 no-repeat;
    margin-right:2px !important;
    height:0.4375rem!important;
    width:0.4375rem;
    display:inline-block;
}
ul.specificationTree li span.arrowGryDwn, ul.metricTree li span.arrowGryDwn,
ul.taskTree li span.arrowGryDwn, ul.activityTree li span.arrowGryDwn,
ul.contentTree li span.arrowGryDwn, ul.graphicsTree li span.arrowGryDwn {
    background:url(../../../images/aro_gry_dwn.png) 0 0 no-repeat;
    margin-right:2px !important;
    height:0.4375rem!important;
    width:0.4375rem;
    display:inline-block;
}
ul.specificationTree li span.arrowWhtRit, ul.metricTree li span.arrowWhtRit,
ul.taskTree li span.arrowWhtRit, ul.activityTree li span.arrowWhtRit,
ul.contentTree li span.arrowWhtRit, ul.graphicsTree li span.arrowWhtRit {
    background:url(../../../images/aro_wht_rit.png) 0 0 no-repeat;
    margin-right:2px !important;
    height:0.4375rem!important;
    width:0.4375rem;
    display:inline-block;
}
ul.specificationTree li span.arrowWhtDwn, ul.metricTree li span.arrowWhtDwn,
ul.taskTree li span.arrowWhtDwn, ul.activityTree li span.arrowWhtDwn,
ul.contentTree li span.arrowWhtDwn, ul.graphicsTree li span.arrowWhtDwn {
    background:url(../../../images/aro_wht_dwn.png) 0 0 no-repeat;
    margin-right:2px !important;
    height:0.4375rem!important;
    width:0.4375rem;
    display:inline-block;
}
ul.specificationTree li span.node-text, ul.metricTree li span.node-text,
ul.taskTree li span.node-text, ul.activityTree li span.node-text,
ul.contentTree li span.node-text, ul.graphicsTree li span.node-text {
    padding: 2px 5px;
}
ul.specificationTree li a.selected-node span.node-text, ul.metricTree li a.selected-node span.node-text,
ul.taskTree li a.selected-node span.node-text, ul.activityTree li a.selected-node span.node-text,
ul.contentTree li a.selected-node span.node-text, ul.graphicsTree li a.selected-node span.node-text {
    background-color: rgba(50,147,217,0.2);
}
ul.graphicsTree li a.sel span.node-text {
    background-color: rgba(50,147,217,0.2);
}
ul.metricTree li a span.noarrow, ul.taskTree li a span.noarrow {
    display: none;
}
ul.projectToc{ margin-left:0;}
ul.projectToc li ul{ float:left; width:100%; margin-left:0px;}
ul.projectToc li a.sel{ background:#E0E4EF}
ul.projectToc li ul li{margin-bottom:0px; border-bottom:none!important;}
ul.projectToc li ul{ padding-left:0px!important;}
ul.projectToc li ul li a{/*padding:8px 30px!important;*/ display:block; border:1px solid transparent;}
ul.projectToc li ul li ul li a{/*padding:8px 60px!important;*/ display:block; border:1px solid transparent; white-space: nowrap;}
ul.projectToc li ul li a.sel{padding:8px 10px 8px 5px; text-decoration:none;}
.noIcon{ width:0.75rem;}
ul.projectToc .tocGrayAro{ background-position:-157px -283px; background-repeat:no-repeat; padding:0;  height:0.4375rem; width:0.3125rem; text-indent:-9999px; cursor:pointer; position:relative; top:5px}
ul.projectToc .tocGrayAro.sel{ background-position:-157px -303px; background-repeat:no-repeat; height:0.4375rem; width:0.3125rem; text-indent:-9999px; cursor:pointer; position:relative; top:5px}

.panel.panel_project{border-top:1px solid #d8d8d8; border-right:1px solid #d8d8d8; margin-bottom:0px}
.panel_project .panel-heading{ padding:9px 6px; background:#f0f0f0; border-radius:0; border-right:0px;font-size: 0.77778rem; font-weight:bold}
.panel_project .panel-heading h2.name{color: #222222; font-size: 0.77778rem; font-weight: bold;}
.projectT{ width:620px}
.projectBase{background:#364049; color:#fff; font-size: 0.875rem;position: relative;}
.projectBase a{color:#fff; text-decoration:underline}
.projectBase a.button{ text-decoration:none!important;}

.panel-listing { margin-bottom: 15px; }
.panel-listing .panel-heading{ padding:5px 10px;color: #222222; font-size: 0.77778rem; font-weight: bold;}
.panel-listing .panel-heading h2{width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.panel-listing .panel-heading:before, .panel-listing .panel-heading:after{ content:" "; diplay:table}
.panel-listing .panel-heading:after{ clear:both;}
.tabs-content h2.mainhead{ margin-top:10px;}

a.close{font-size:1.25rem; line-height:20px; font-weight:300; margin-top:-3px}
a.close:before{ content:"x"}
.rowSection{ margin:0 -10px;}
.recordList{ padding:5px 0; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; margin-bottom:20px}
.content p{font-family:'Open Sans';}

.f-dropdown.center.open::before {left:45%;}
.f-dropdown.right.open::before {left:auto; right:10%!important;}
.f-dropdown::before {border-color: transparent transparent #ffffff; border-image: none; border-style: inset inset solid; border-width: 6px;    content: ""; display: block; height: 0; right: 10px; position: absolute; top: -12px; width: 0; z-index: 89;}
.f-dropdown.center.open::after {left:45%; margin-left:-1px}
.f-dropdown.right.open::after {left:auto; right:10%!important; margin-left:-1px}
.f-dropdown::after {border-color: transparent transparent #cccccc; border-image: none; border-style: inset inset solid; border-width: 7px;  content: ""; display: block; height: 0; right: 9px; position: absolute; top: -14px; width: 0;z-index: 88;}
.f-dropdown.open {display: block;}
.f-dropdown {background: #ffffff; border: 1px solid #cccccc; font-size:0.8125rem; height: auto; list-style: outside none none; max-height: none; position: absolute;  z-index: 89; right:-21px; top:-7px; display:none; width: 100px; }
.f-dropdown > *:first-child {margin-top: 0;}
.f-dropdown li {cursor: pointer; line-height: 1rem; margin: 0;background: #ffffff!important; border:none!important; width:100%}
.f-dropdown li a {color: #555555;display: block; padding: 0.5rem!important; white-space: nowrap; }
.f-dropdown li a:hover{color: #fff;display: block; padding: 0.5rem!important; background:#404a52}
.ux_listing_dd{ margin:33px 10px 0 0}
.screenflow_dd{ margin:37px 0 0 0}
.widget_status_reason{ margin:35px 10px 0 0; width: 250px; padding: 15px;}
.widget { cursor: move; margin-bottom: 20px; }

.whiteContent {margin-bottom: 30px; padding: 0; position: fixed; top: 10%; width: 100%; z-index: 1000;}
.blackOverlay{background:#000; height: 100%; left: 0; min-height: 100%; opacity: 0.8; overflow: hidden; position: absolute; top: 0; width: 100%; z-index: 999;}

.shadow {box-shadow: 0px 2px 3px rgba(0,0,0,0.1)!important; -moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.1)!important; -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.1)!important; -o-box-shadow: 0px 2px 3px rgba(0,0,0,0.1)!important;
}

.accordion {width: 100%; background:transparent; border:none;}
.accordion .accordion-head {background: #404a52; border-bottom: 1px solid #2b333a; border-left: 10px solid transparent; color: #fff; display: block; font-size: 0.88889rem; padding: 7px 10px; margin-top:5px;}
.accordion .accordion-head::before, .accordion .accordion-head::after{content: " "; display: table;}
.accordion .accordion-head::after{ clear:both;}
.accordion .accordion-head * {cursor: pointer;}
.accordion .accordion-head h4 {color: #fff; float: left;font-size: 0.88889rem; margin-bottom:0; margin-top:0;}
.accordion .accordion-head:hover {background: #e0e4ef; border-bottom: 1px solid #0d6198; border-left: 10px solid #0d6198;}
.accordion .accordion-head:hover h4{ color:#0d6198}
.accordion .accordion-head:hover .arrow_tutorial {border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 5px solid #0d6198;}
.accordion .accordion-head.open:hover .arrow_tutorial {border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #0d6198;}
.accordion .accordion-body {border-bottom: 1px solid #fff;padding: 10px 20px; height: auto; display: none; background:#e0e4ef; overflow-y:hidden}
.arrow_tutorial {width: 0px; height: 0px; margin-top: 23px;border: 5px solid transparent;margin-top:5px; border-left-color: #fff; float:left;}
.accordion-head.open{background: #e0e4ef; border-bottom: 1px solid #0d6198; border-left: 10px solid #0d6198;}
.accordion-head.open h4{ color:#0d6198}
.accordion-head.open .arrow_tutorial {margin-top: 7px; margin-right:5px; margin-left:-5px; width: 0;height: 0; border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #0d6198; }


.leftAccordion{ background:#364049; width:13.75rem; box-shadow: 4px 0 5px -2px #1c1c1c; float:left;}

.diy-slideshow{position: relative; display: block; overflow: hidden;}
figure{position: absolute;opacity: 0;transition: 1s opacity; margin:0 ; padding:0; width:100%}
figcaption{position: relative;font-family: sans-serif; font-size:1rem; top: 0; padding: 15px 0 10px; background: rgba(0,0,0, .25); text-align:center; margin-top:-5px; background:#364049; color:#fff; background-color: #0f6daa;  box-shadow: 0 4px 2px -2px #1c1c1c;   min-height:1.875rem;}
figcaption a{color: #fff;}
figure.show{opacity: 1; position: static; transition: 1s opacity;}
figure.show img {width: 746px;}

.next, .prev{color: #fff;position: absolute; background: rgba(0,0,0, .6); top: 50%; z-index: 1; font-size: 2em; margin-top: -.75em; opacity: .3; user-select: none;}
.next:hover, .prev:hover{ cursor: pointer; opacity: 1;}
.next{right: 0; padding: 10px 5px 15px 10px; border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
.prev{left: 0; padding: 10px 10px 15px 5px; border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
.slidePnl{color: #fff; position: absolute; float:left; background: rgba(0,0,0, .6); z-index: 1; font-size: 2em; opacity: .3; user-select: none; cursor:pointer; padding: 10px 7px 15px 7px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; top:20rem; right:0; margin-right:1px; }
.objPnl{ background:#e6e6e6; padding:5px 10px; border:1px solid #c8c8c8; border-radius:4px; margin-bottom:5px; color:#fff; position:relative; font-size:0.75rem; display:block;}
.objPnl.active{ box-shadow:0px 2px 2px #929292; font-weight:bold;}
.objPnlProject{background:#F19300; border:1px solid #C47603;}
.objPnlUserProfile{background:#89A421; border:1px solid #8E9B50;}
.objPnlScenario{background:#45B5E1; border:1px solid #2783A7;}
.objPnlUXMethods{background:#CF8E67; border:1px solid #A26740;}
.objPnlUxSpec{background:#A27BD0; border:1px solid #71489D;}
.objPnlUIStandards{background:#15A2B8; border:1px solid #4D4B0A;}
.objPnlExecutiveIntent{background:#646123; border:1px solid #3b3912;}
.objPnlUXInsight{background: #EBB72D; border:1px solid #3b3912;}
.objPnlNeedsAndOpps{background:#928D1E; border:1px solid #3b3912;}
.objPnlEnvironments{background: #BE8725; border:1px solid #6d4d12;}
.objPnlArtifacts{background: #EC5F97; border:1px solid #a1124d;}
.objPnlToolsResearch{background: #788689; border:1px solid #3b4344;}

.lftExplorePnl{width:16.88rem; float:left;z-index:10;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out; position:relative; z-index:1000; margin-left:1px; margin-right:20px; margin-top: 2px;}
.lftExplorePnl_inner{width:15rem; border-right:1px solid #8a8a8a; padding:10px; box-shadow:3px 0 4px -2px #c1c1c1; float:left; background:#fff;}
.lftExplorePnl_inner h2{font-family: "open sans"; font-size: 1.15rem; font-weight: 700; color:#7e7e7e}
.lftExplorePnl_inner a{font-size: 0.8125rem;}
.explorePnl{border:1px dashed #dadada; padding:5px; min-height: 30px;}
.lftExplorePnl.active{ margin-left:-240px;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}

.dashboardPanel.panel-default{border-color: #ddd; border-radius:3px; margin-bottom: 20px;}
.dashboardPanel.panel-default h2{ margin:0; color:#fff;}
.dashboardPanel.panel-default > .panel-heading {padding:5px 15px; color:#fff;}
.master_number {font-size: 2.5rem; margin-top:-15px; padding:0;}
.dashboardPanel .panel-body p{margin-bottom:0;}
.dashboardPanel.panel-default > .panel-footer {background-color: #f5f5f5; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;border-top: 1px solid #ddd; padding:3px 15px;text-align:right;}
.dashboardPanel.panel-default > a { color: #337ab7; text-decoration: none;}

.dashboardPanel.panel-drkgreen-uxinsights {border-color:#EBB72D;}
.dashboardPanel.panel-drkgreen-uxinsights > .panel-heading {background-color:#EBB72D;}

.dashboardPanel.panel-drkgreen-needsandopps {border-color:#928D1E;}
.dashboardPanel.panel-drkgreen-needsandopps > .panel-heading {background-color:#928D1E;}

.dashboardPanel.panel-drkgreen-exeintent {border-color:#646123;}
.dashboardPanel.panel-drkgreen-exeintent > .panel-heading {background-color:#646123;}

.dashboardPanel.panel-green{border-color:#8AA61D;}
.dashboardPanel.panel-green > .panel-heading {background-color: #8AA61D;}

.dashboardPanel.panel-orange{border-color:#F19300;}
.dashboardPanel.panel-orange > .panel-heading {background-color: #F19300;}

.dashboardPanel.panel-purple{border-color:#A47CD1;}
.dashboardPanel.panel-purple > .panel-heading {background-color: #A47CD1;}

.dashboardPanel.panel-purple{border-color:#A47CD1;}
.dashboardPanel.panel-purple > .panel-heading {background-color: #A47CD1;}

.dashboardPanel.panel-salmon{border-color:#D08F68;}
.dashboardPanel.panel-salmon > .panel-heading {background-color:#D08F68;}

.dashboardPanel.panel-teal{border-color:#09A4B9;}
.dashboardPanel.panel-teal > .panel-heading {background-color:#09A4B9;}

.dashboardPanel.panel-blue{border-color:#0D6198;}
.dashboardPanel.panel-blue > .panel-heading {background-color:#0D6198;}

.dashboardPanel.panel-gray{border-color:#404A52;}
.dashboardPanel.panel-gray > .panel-heading {background-color:#404A52;}

.dashboardPanel.panel-blueGreen{border-color:#43B6E2;}
.dashboardPanel.panel-blueGreen > .panel-heading {background-color:#43B6E2;}

.dashboardPanel.panel-pink{border-color:#ED5E99;}
.dashboardPanel.panel-pink > .panel-heading {background-color:#ED5E99;}

.dashboardPanel.panel-brown{border-color:#BF8821;}
.dashboardPanel.panel-brown > .panel-heading {background-color:#BF8821;}

.dashboardPanel.panel-drkGray{border-color:#79878A;}
.dashboardPanel.panel-drkGray > .panel-heading {background-color:#79878A;}

.breadcrumb > li {display: inline-block;}
.breadcrumb > li + li:before {color: #CCCCCC; content: "/ "; padding: 0 5px;}
.healthCheckBG{ background:#7BB043; width:100%; height:100%; opacity:0.2}

.activity p{ margin-bottom:0px; font-weight:700;}
ul.secTab{ margin-top:15px; margin-bottom:0;}
ul.secTab:before, ul.secTab:after{ content:" "; display:table}
ul.secTab:after{ clear:both}
ul.secTab li{ float:left; background:#a2a2a2; position:relative; margin-right:5px;}
ul.secTab li:before {background: #a2a2a2 none repeat scroll 0 0; content:""; height:15px; left: 0; position: absolute; top: -10px;   transform: skewY(-3deg); width: 100%; z-index:1;}
ul.secTab li a{ display:block; padding:7px 20px 5px; font-size:0.75rem; color:#3d3d3d; z-index:2; position:relative; margin-top:-12px}

.ux_spec{ margin-bottom:10px;}
.ux_spec .panel-heading{ padding:5px 10px; border-bottom:3px solid #bbbbbb; background:#ebebeb}
.ux_spec .panel-heading h2{ font-size:1rem; margin:0;}
.ux_spec .panel-body{ border:1px solid #d8d8d8}

.color1{ background:#FF7226; height:16px; width:16px; display:inline-block}
.color2{ background:#FFFDB2; height:16px; width:16px; display:inline-block}
.color3{ background:#87CEEB; height:16px; width:16px; display:inline-block}
.color4{ background:#EEEEEE; height:16px; width:16px; display:inline-block}

.red { background:#FF7226 !important; }
.yellow { background:#FFFDB2 !important; }
.skyblue { background:#87CEEB !important; }
.white { background:#EEEEEE !important; }

.modTocNav{ background:#f8f8f8; width:13.75rem; margin: 0px 0 0 -20px; border-right:2px solid #d2d2d2;box-shadow:1px 0 2px #e6e6e6; }
.modTocNav ul{ margin-top:10px; margin-left:0; }
.modTocNav ul li{margin:0; padding:0; position:relative; color:#3d3d3d; display:block; font-size:0.875rem; font-weight:500;}
.modTocNav ul li.activate{ width:225px;}
.modTocNav ul li.activate a{ background:#fff; border-left:5px solid #79AE3F; border-top:none; color:#000; border-right:10px solid transparent}
.modTocNav ul li a{padding:5px 10px; display:block;color:#6a6a6a;  border-left:5px solid transparent; border-bottom:1px solid #dddddd;}
.modTocNav ul li h4 a{border-top:none; padding:0}
.modTocNav ul li h4{background:#ededed!important; font-size:0.875rem; font-weight:600; margin-top:0; margin-bottom:0; padding:5px 20px 5px 15px; color:#6a6a6a}
.modTocNav ul li ul{ margin:0; padding:0;  }
.modTocNav ul li ul li{display:block; border-bottom:none; font-size:0.8125rem; font-weight:500; padding:0;}
.modTocNav ul li ul li a{ padding:5px 10px;}
.lftExplorePnl_inner{width:15rem; border-right:1px solid #8a8a8a; padding:10px; box-shadow:3px 0 4px -2px #c1c1c1; float:left; background:#fff;}
.lftExplorePnl_inner h2{font-family: "open sans"; font-size: 1.25rem; font-weight: 700;}
.lftExplorePnl_inner a{font-size: 0.8125rem;}
.tabStr{margin:0 -10px 10px; padding:0 10px !important; border-bottom: 1px solid #E7E7E7; height:34px;}
.tabStr ul{list-style-type: none; padding: 0; margin-bottom:0; margin-left:0px;}

.tabStr ul li {background-color: #F6F6F6; color: #7F7F87; cursor: pointer; display: inline-block;border:1px solid #E7E7E7; border-bottom:none;font-size:0.8125rem !important;}
.tabStr ul li a{padding: 5px 20px; display:block; color:#222222; height:30px;}
.tabStr ul li:hover {background-color: #fff;}
.tabStr ul li.active {background-color: #fff; position:relative; border-top:3px solid #79AE3F;}
.tabStr ul li.active a{padding: 5px 20px 6px 20px; height:31px;}
.orgList_arrow{cursor:pointer; height:6px; width:12px; position:absolute; right:10px; top: 15px; background-color:#0f6299;background:url(imageURL("dropdown_arrow.png")) 0 15px no-repeat;}

.modContContr{ overflow:hidden;  position:relative; padding-bottom: 20px; width: 100%; }
.modContContr.wRitMod{ position:relative; width: 100%;}
.modContContr.wRitMod.noRitSpc {padding-right: 200px;position: relative;}
.modContContr.objectOveriewWidth { width:82%; }
.modRitPnl{position:relative; right:0; top:0; width:200px; float: right; margin-left: 20px;}
#summaryContent { width: 78.4%; float: left; }

/* ============ button =============*/
.button {font-weight: bold; background-color: #2e71f3; padding: 8px 20px;  margin:0; border-radius:2px; font-family:'open sans'; font-weight:normal; font-size:0.875rem!important; line-height:inherit!important;}
button.primary, .button.primary {background-color:#0f6daa; color: #fff;}
button.secondary, .button.secondary {background-color:#e7e7e7; color: #333;}
button.small, .button.small{padding:0px 17px; font-weight:600;}
button.tiny, .button.tiny{padding:0px 8px}

/* ============= panel ============*/
.panel {background:#fff; border:1px solid #d8d8d8; border-top:3px solid #d8d8d8; font-size: 0.8125rem !important;}
.panel-heading{padding:10px; border-bottom:1px solid #cccccc;color: #504e4e;  font-size: 0.875rem; font-weight: bold;   margin-bottom: 0;}
.panel-body {padding:10px;}
.panel-heading h2{font-size: 0.875rem; font-weight: bold; margin-bottom:0; color:#504e4e}
.panel-heading p{ margin:0}
.panel-body::before, .panel-body::after{content: " "; display: table;}
.panel-body::after{clear:both}
.panel-body{padding: 15px 10px;}
.panel-body h2{font-family:'Open Sans'; font-size:0.8125rem}
.panel-body h3{font-size: 0.75rem; font-weight:700; font-family:'Open Sans'; margin-bottom:10px; color:#504e4e;}
.panel-body .scrollable .viewport .overview{ padding-right:10px!important;}
.panel-footer {padding: 10px 15px; border-top: 1px solid #ddd;}
.panel-footer ul.panelFooter_link{ float:right; margin-bottom:0}
.panel-footer ul.panelFooter_link li{float:left;border-right:1px solid #364049; padding:0 10px; line-height:10px}
.panel-footer ul.panelFooter_link li:last-child{ border-right:none; padding-right:0}
.panel.gray{ background:#e7e8ea; padding:5px}
.panel_blue{background: #ecfaff; border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8; padding:10px; margin:10px -10px;}
.panel_blue h4{ margin-top:0;}

.panel-home{ height:16.8rem; margin-bottom:20px;}
.panel-showcase{ height: 34.8rem; }
.panel-home .panel-heading {height: 3rem;border-bottom: 1px solid #cccccc; color: #333; padding: 2px 15px;}
.panel-home .panel-heading h2{ margin-bottom:0}
.panel-home .panel-heading p.desc {font-family: "Open Sans";font-size: 0.5625rem; margin-bottom: 5px; text-transform: uppercase; line-height:1.4}
.panel-home ul.projectList{ margin-left:7px; margin-bottom:0;}
.panel-home ul.projectList li{margin-bottom:5px;}
.panel-home ul.projectList li:last-child{margin-bottom:0px;}
.panel-home ul.projectList li a{background:url(../../../images/bullet1.png) 0 8px no-repeat; padding:0 5px 0 15px; display:inline-block;}
.panel-home ul.projectList li a span{ color:#222222}

/* ============= listing ==============*/
ul.bullet{ margin:0; padding:0}
.bullet li{ background:url(../../../images/bullet.png) 0 12px no-repeat; padding-left:15px; list-style:none; font-family: 'PT Serif', serif; font-size:1.125rem; color:#3f4044;}
.bullet_round li{ background:url(../../../images/bullet.png) 0 9px no-repeat; padding-left:15px; list-style:none;color:#3f4044;}
.numberList li{padding-left:5px; list-style:decimal;color:#3f4044; background:none;}
ul.bullet_round_nospace{ margin-left:0;}
.bullet_round_nospace li{ background:url(../../../images/bullet.png) 0 9px no-repeat; padding-left:15px; list-style:none;color:#3f4044; font-size:0.875rem;}

/* ============= popup model box ============*/
.reveal-modal.large{ width:1002px; border:none}
.reveal{ border:none; margin: 0px; }
#alertPopup.reveal { top: 50%; }
#confirmPopup.reveal { top: 50%; }
.reveal.medium{ width:700px; border:none}
.reveal.small{ width:570px; border:none}
.reveal.tiny{ width:400px; border:none}
.reveal-model-uxeguide{ left:215px; margin-top:28px; max-width: 66.5rem; width:100%}
.reveal .myModal-heading{background-color: #115798; box-shadow: 0 4px 2px -2px #c6c5c5; position:relative; margin:-11px -10px 15px; padding:3px 10px;}
.reveal .myModal-body{ padding:0;}
.reveal .myModal-footer{background-color: #e3e3e3; position:relative; margin:-10px -10px 15px; padding:10px 15px;}
.reveal .myModal-heading h2{ font-size:1rem; font-weight:bold; margin-bottom:0; color:#fff; margin-top:0;}
.reveal .panel-inner{ border-top:5px solid #d3d3d3!important}
.reveal .panel-heading{ font-size:0.875rem;font-weight:bold; }
.reveal{ padding:10px!important;}
.reveal-bg-small{background: rgba(0, 0, 0, 0.45) none repeat 0 0; bottom: 0; display: none; left: 0; position:absolute; right: 0; top: 0; z-index: 999;}
.reveal-small{ visibility:visible; top:10%; width:100%}
.reveal-medium{visibility:visible; top:10%; left:10%; width:100%}
.close-reveal{ background:url(../../../images/icon_sprite.png) -274px -134px no-repeat; height:16px; width:16px; display:inline-block; top:5px!important; right:10px!important;}
.close-button {right: 10px; top: -2px; color:#fff;}
.close-button:hover{ color:#fff;}
.close-button-secondary { position: absolute; color: #fff; right: 10px; top: -2px; font-size: 2em; line-height: 1; cursor: pointer; }
.close-button-confirm { position: absolute; color: #fff; right: 10px; top: -2px; font-size: 2em; line-height: 1; cursor: pointer; }
.close-button-alert { position: absolute; color: #fff; right: 10px; top: -2px; font-size: 2em; line-height: 1; cursor: pointer; }
/* =============== form elements =============*/

.form-inline label{ display:inline-block; margin-right:10px; vertical-align:top}
.form-inline input, .form-inline textarea, .form-inline select{ display:inline-block;}
/*input[type="text"],input[type="email"], textarea{background: #ffffff; border:1px solid #cccccc; box-sizing: border-box;  color: #444444; font-family: inherit; font-size: 0.77778rem; padding:3px 10px; height:33px; border-radius:3px}*/
input[type="text"], input[type="password"], input[type="email"], textarea{border:none; background: hsla(0, 0%, 100%, 0.9) none repeat scroll 0 0 padding-box; border-color: hsla(210, 54%, 20%, 0.15) hsla(210, 54%, 20%, 0.17) hsla(210, 54%, 20%, 0.2); border-image: none; border-radius: 2px 0 0 2px; border-spacing: 0; border-style: solid;   border-width: 1px; box-shadow: 0 1px 0 hsla(210, 65%, 9%, 0.02) inset, 0 0 2px hsla(210, 65%, 9%, 0.1) inset, 0 1px 0 hsla(0, 0%, 100%, 0.2); color: inherit; padding: 4px 8px; font-size: 0.8125rem !important;}
select{border:none; border-color: hsla(210, 54%, 20%, 0.15) hsla(210, 54%, 20%, 0.17) hsla(210, 54%, 20%, 0.2); border-image: none; border-radius: 2px; border-spacing: 0; border-style: solid;   border-width: 1px; box-shadow: 0 1px 0 hsla(210, 65%, 9%, 0.02) inset, 0 0 2px hsla(210, 65%, 9%, 0.1) inset, 0 1px 0 hsla(0, 0%, 100%, 0.2); color: inherit; padding: 4px 25px 4px 8px; font-size: 0.8125rem !important;}
input[type="text"],input[type="email"], select{ height:30px; width:auto;}
input[type="text"].sml,input[type="email"].sml, textarea, select.sml{padding: 0px 22px 0 5px; font-size:0.6875rem!important; height:22px;}
input[type="text"].error, input[type="password"].error, input[type="email"].error, textarea.error, select.error{border:1px solid #c60f13; color:#c60f13}
input[type="text"].success,input[type="email"].success, textarea.success, select.success{border:1px solid #4a831c; color:#4a831c}
input[type="file"]{ width:auto!important}
.wAuto{ width:auto!important}
.hAuto{ height:auto!important}
textarea{ height:auto}
.input{position:relative;}
.label{ display:inline-block}
.input-inline{ display:inline-block}
select{font-size: 0.8125rem !important;}
.control-vertical{ display:inline-block;}
.control-vertical label{ display:inline-block; margin-right:10px;}
.control-vertical .control{ display:inline-block;}
.control-vertical input, .control-vertical textarea, .control-vertical select{ width:auto}
.control-horizental{ display:block; margin-bottom:5px}
#search label{ font-size:0.8125rem; font-weight:600; margin-top:-8px; display:block; margin-bottom:}
input[type="radio"] + label{display: inline-block!important; margin-bottom: 0;margin-left: 0; margin-right: 0.88889rem; vertical-align: baseline; font-size:0.8125rem !important}
input[type="checkbox"] + label{display: inline-block!important;margin-bottom: 0; margin-left:5px; margin-right: 0.88889rem;   vertical-align: baseline; font-size:0.8125rem !important}
.form-horizontal .labelTxt,.form-horizontal input[type="text"]{ display:block;}
.form-horizontal .labelTxt{ font-weight:400;}
.form-horizontal label{ margin-bottom:20px; float:left; width:100%}
.form-horizontal input[type="radio"] + label{ float:none; width: auto}
.form-inline .labelTxt,.form-inline input[type="text"]{ display:inline-block;}
.form-inline .labelTxt{ font-weight:400;}
.form-inline label{float:left;}
.form-inline input[type="radio"] + label, .form-inline input[type="checkbox"] + label{ float:none; width: auto}
.form-inline.mid .labelTxt{ float:left; }
.form-inline.tinySml .labelTxt{ width:80px; float:left;}
.alert{color:#c60f13}
fieldset{border: 1px solid #cccccc;border-radius: 5px; box-shadow: 0 1px 0 #ffffff; padding: 15px; margin-bottom:15px;}
fieldset:last-child{ margin-bottom:0;}

.projectTeam{width:1020px}
.innerFixPortlet{-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
.innerFixPortlet{width:16.60rem;}
ul.tutorialList{ margin-left:7px; margin-bottom:0;}
ul.tutorialList li{margin-bottom:5px;}
ul.tutorialList li:last-child{margin-bottom:0px;}
ul.tutorialList li a{padding:0; display:inline-block; font-size:0.875rem}
ul.tutorialList li a::before{content: ""; border: 5px solid transparent;margin-top:5px; border-left-color: #0f6ca9; float:left;}
ul.tutorialList li a span{ color:#222222}
.panelPopup{border:none; box-shadow:2px 2px 5px #858585; border-radius:5px;}
.libPanel{ float:left; padding:0 10px; margin-bottom:30px; height:120px}
.libPanelContr{ border:1px solid #0e6ca9; border-radius:3px; text-align:center; padding:5px; font-size:0.6875rem; width:110px; margin-bottom:5px; height: 95px;}
.libPanel_imgContr{ margin-bottom:5px; text-align:center; height:64px}
.editContr{ text-align:center;}
.panel-heading span.edit{ font-weight:300; font-size:0.75rem; margin-top:-18px;}
.stampBG{ background:url(../../../images/stampContainBG.gif) 0 0 no-repeat; height:96px; width:139px; text-align:center; padding:10px 20px; margin:0 auto}
.stampBG h2{ font-size:0.8125rem; font-weight:500;}
.stampBG input{ width:100%}
.projectBase .col1{ padding:5px; border-right:1px solid #a0a0a0; height: 35px; }
.projectBase .col2{padding:8px 5px; width: 55%; }
.projectBase .col3{width:253px; float:right; padding:6px 5px; border-left:1px solid #a0a0a0}
.reveal-bg{background: rgba(0, 0, 0, 0.75);}

.form-wrapper-2 input[type="text"] {width: 80%; height: 40px; padding: 10px 5px; float: left; border: 0; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; border:1px solid #d8d8d8; border-right:none; font-size:1rem!important}
.form-wrapper-2 input[type="text"] .error {border:2px solid #c60f13 !important; color:#c60f13}

.form-wrapper-2 button {overflow: visible; position: relative; float: left; border: 0; padding: 0; cursor: pointer; height: 40px; width: 110px; color: #fff; text-transform: uppercase; background: #7BB043; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);}

.form-wrapper-2 button:before {content: ''; position: absolute; border-width: 8px 8px 8px 0; border-style: solid solid solid none; border-color: transparent #7BB043 transparent; top: 12px; left: -6px;}
.ecosystemObj{ width:20%!important}
.status_lrg{ display:block;}


.loginContr input.login_input{border:none; background: hsla(0, 0%, 70%, 1) none repeat scroll 0 0 padding-box; border-color: hsla(210, 54%, 20%, 0.15) hsla(210, 54%, 20%, 0.17) hsla(210, 54%, 20%, 0.2); border-image: none; border-radius: 5px; border-spacing: 0; border-style: solid;   border-width: 1px; box-shadow: 0 1px 0 hsla(210, 65%, 9%, 0.08) inset, 0 0 2px hsla(210, 65%, 9%, 0.8) inset, 0 0px 0 hsla(0, 0%, 100%, 0.8); color: inherit; border:2px solid transparent; font-size:14px; }
.loginContr input.login_input:focus {background-color: #FFFFFF; opacity: 1;}
/*.loginContr input.login_input{ border-radius:5px; border:2px solid transparent}*/
.loginContr input.login_input.error{border:2px solid #c60f13; color:#c60f13}
.loginContr input.login_input.success{border:2px solid #4a831c; color:#4a831c}
a.pwLink{color:#fff; font-size:0.75rem; display:inline-block; margin-top:10px; margin-bottom:10px;}
a.pwLink:hover{ color:#fff!important;}
.pwContr { padding: 0px 10px 0px 10px}
.pwContr a{ font-size:0.875rem; font-weight:600;}
.pwContr ul li{ font-size:0.875rem;}
.pwContr label{ width:180px; float:left; margin-top:5px; font-weight:600; font-size: inherit;}
.pwContr input[type="email"]{ width:327px; margin-bottom: 0px;}
.pwContr input[type="text"], input[type="password"]{ margin-bottom: 0px; height: 30px;}
.pwContr textarea{ width:100%}
.addLink li a{ font-size:0.75rem; background:none!important}
.ritExplorePnl_inner{width:15rem; padding:10px; float:right; background:#eeeeee; margin:-15px -10px 0 0}
.ritExplorePnl_inner.collapse{margin-right:-15.7rem; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out}
.ritExplorePnl_inner.collapse.active{margin:-15px -10px 0 0; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out}
.horizental input[type="checkbox"]{ vertical-align:top; margin-top:5px;}
.horizental input[type="checkbox"] + label{display:inline-block!important; margin-bottom: 0; margin-left:5px; margin-right:0;   vertical-align: baseline; font-size:0.8125rem !important; width: 85%;}

.normalLink ul{float:left; margin-top:10px; margin-bottom:10px;}
.normalLink ul li:first-child{float:left; padding-left:0px;}
.normalLink ul li{ float:left; padding:0px 10px; border-right:1px solid #000; float:left; height:10px; position:relative;}
.normalLink ul li:last-child{margin-right:0px; border-right:none!important; color:#f00;}
.normalLink ul li a{ vertical-align:middle; display:table-cell; padding:0; font-size:0.8125rem; text-decoration:none; display:block; position:relative; top:-6px;}
.normalLink ul li a.trans{ -webkit-transition: all 0.4s ease; transition: all 0.4s ease; height:47px; font-size:1rem; }
.normalLink ul li.active a{ color:#3d3d3d; font-weight:600; cursor:default; text-decoration:none;}
.normalLink ul li a sep{ margin-left:10px; font-weight:700;}
table.projectTeam td{padding:5px!important}
table.projectTeam tbody, table.projectTeam thead{display: block; width:100%}
table.projectTeam tbody{overflow: auto; height: 100px;}
input[name="team_member"], select[name="selectTeamMember"]{ height:20px;}

select[name="selectTeamMember"]{ width:35px}
table tr.sel{ background:#fdf8ea}
.fixed_headers {width: 1020px;table-layout: fixed; border-collapse: collapse;}
.fixed_headers th,.fixed_headers td {padding: 5px; text-align: left; height:31px;}
.fixed_headers td:nth-child(1),.fixed_headers th:nth-child(1) {width: 40px;}
.fixed_headers td:nth-child(2),.fixed_headers th:nth-child(2) {width: 300px;}
.fixed_headers td:nth-child(3),.fixed_headers th:nth-child(3) {width: 300px;}
.fixed_headers td:nth-child(4),.fixed_headers th:nth-child(4) {width: 330px;}
.fixed_headers td:nth-child(5),.fixed_headers th:nth-child(5) {width: 130px;}
.fixed_headers thead {background-color: #333333; color: #fdfdfd;}
.fixed_headers thead tr {display: block; position: relative;}
.fixed_headers tbody {display: block; overflow: auto; width: 100%; max-height: 400px;}
.fixed_headers tbody tr:nth-child(even) {background-color: #f5f5f5;}
.old_ie_wrapper {height: 300px; width: 750px; overflow-x: hidden; overflow-y: auto;}
.old_ie_wrapper tbody {height: auto;}
table th.col1, table td.col1{ display:none;}

.hideheading{ margin-top:0;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.homeSec2{margin-top:-150px; background:#fff;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.priceTableContr{width:100%; right:0px; padding-right:0; margin-top:30px}

.package{box-sizing: border-box; border: 3px solid #e8e8e8; border-radius: 7px; display: inline-block; padding: 24px; text-align: center; float: left; -webkit-transition: margin-top 0.5s linear; transition: margin-top 0.5s linear; position: relative;  width:100%}
.planName{color: #565656; font-weight: 300; font-size:1.5rem; margin-top: -12px;}
.price{margin-top: 7px; color:#979797;}
.prcPack{ margin-top:40px; text-align:left!important}
.prcPack p{ font-size:0.875rem; line-height:22px; border-bottom:1px dotted #dddddd; padding-bottom:10px;}
.prcPack p:last-child{ font-size:0.875rem; line-height:22px; border-bottom:none; padding-bottom:0px;}
.prcPack ul{}
.prcPack ul li{ float:left; display:block; padding:5px 15px; width:100%; font-size:0.875rem; line-height:18px; border-bottom:1px dotted #dddddd; padding-bottom:10px;}
.prcPack ul li:last-child{border-bottom:none;}
.package hr {background-color: #dedede; border: none; height: 1px; margin:5px 0 0 0;}
.trial {font-size: .9rem; font-weight: 600; padding: 2px 21px 2px 21px; color: #2E71F3; border: 1px solid #e4e4e4; display: inline-block; border-radius: 15px; background-color: white; position: relative; bottom: -20px;}
.edui-container{background-color: #fff; border: 1px solid #d4d4d4; box-shadow: 2px 2px 5px #d3d6da; position: relative; padding:5px;}

ul.dataItem{ margin-bottom:0;}
ul.dataItem li {overflow: hidden; background: #ddd; list-style: none; white-space:nowrap; margin-right: 10px; border-radius: 25px; display: inline-block;}
ul.dataItem li a {opacity: 0; color: #666; max-width: 0; display: inline-block; text-decoration: none; transition: max-width 1s ease-out .1s, opacity 1s ease-out .1s, color;}
ul.dataItem li a:hover {color:#333;}
ul.dataItem li a i {float:right; display: block; padding-right: 1em; font:14px!important;}
ul.dataItem li b {color: #0F6DAA; line-height:1em; font-size:1.563rem; display: inline-block; padding:.05em .375em; font-family:'Open Sans'; font-style:none; }
ul.dataItem li b img{ float:left; margin-top:5px;}
ul.dataItem li i{ font-style:normal; font-size:0.8125rem}
ul.dataItem li.opentab1{ width:175px;}
ul.dataItem li.opentab2{ width:145px;}
ul.dataItem li a.opentab{max-width:160px; opacity:100}
ul.dataItem li:hover {}
ul.dataItem li:hover a {opacity: 1; max-width: 150px; transition: max-width 1s ease-out .1s, opacity 1s ease-out .1s, color .2s;}
.dType:hover{box-shadow: 2px 2px 5px #d3d6da; cursor:pointer; border-top:3px solid #79ae3f; }

.newtab-site {border-radius: 8px; box-shadow: 0 1px 3px #c1c1c1; text-decoration: none; position:relative;	margin-bottom:20px;	border:2px solid transparent; cursor:pointer;}
.newtab-site:hover{border:2px solid #fff;box-shadow:0 0 6px 1px #add6ff;}
.newtab-site:hover .newtab-title{ background:#333; color:#fff;}
.newtab-title{border: 1px solid #ffffff; border-radius: 0 0 8px 8px; left: 0; padding: 0 4px;background-color: #f2f2f2; bottom: 0; font-size:0.8125rem;  line-height: 30px; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap;overflow: hidden; position: absolute; right: 0; text-align: center;}
.newtab-thumbnail {border-radius: 8px 8px 0 0; height: 180px; transition: opacity 100ms ease-out 0s;}
.newtab-link {border-radius: 10px 10px 0 0;overflow: hidden;}
.noRedius{ border-radius:0!important}
#dataItemTitle {border:none; background: hsla(0, 0%, 100%, 0.9) none repeat scroll 0 0 padding-box; border-color: hsla(210, 54%, 20%, 0.15) hsla(210, 54%, 20%, 0.17) hsla(210, 54%, 20%, 0.2); border-image: none; border-radius: 2px 0 0 2px; border-spacing: 0; border-style: solid;   border-width: 1px; box-shadow: 0 1px 0 hsla(210, 65%, 9%, 0.02) inset, 0 0 2px hsla(210, 65%, 9%, 0.1) inset, 0 1px 0 hsla(0, 0%, 100%, 0.2); color: inherit; padding: 6px 8px;}
.dataLblContr{padding:3px 10px; background:#f8f8f8; margin:-15px -10px 15px; border-bottom:1px solid #e7e7e7; font-weight:600; font-size:0.875rem; color:#666666}
.validationMessage {color: #c60f13; height:20px; font-size:0.9375rem; display:block; float:left; width:100%;}
.alertMessage{color: #115798}
body.is-reveal-open{overflow: auto;}
.reveal-overlay {overflow: hidden;}
.graph_cell{background: hsla(0, 0%, 100%, 0.9) none repeat scroll 0 0 padding-box; border-color: hsla(210, 54%, 20%, 0.15) hsla(210, 54%, 20%, 0.17) hsla(210, 54%, 20%, 0.2); border-image: none; border-radius: 2px; border-spacing: 0; border-style: solid;   border-width: 1px; box-shadow: 0 1px 0 hsla(210, 65%, 9%, 0.02) inset, 0 0 2px hsla(210, 65%, 9%, 0.1) inset, 0 1px 0 hsla(0, 0%, 100%, 0.2); color: inherit; padding: 0px 8px; height:20px; margin-right:3px; float:left; margin-top:1px;}
.graph_cell.selectedrate{ background:#7BB043}
div.vertical_col_separator { float: left; width: 7px; margin-right: 0px;}
.histogramNo{background:#f0f0f0; border:1px solid #e1e1e1; padding:0 5px;}
.srcSml{ margin-bottom:0; height:24px;}
.more{ margin-top:-4px;}
.utRptProprties label{ display:inline-block}
.charLimit{ display:block; margin-left:10px; margin-top:-5px;}
.stampContr{ overflow:hidden;}
.stampContr:hover .close_stamp{right:5px;}
.views.active{ display:block;}
.startProj{ position:relative; height:630px;}
.topImg{top:80px; left:150px; position:absolute;}
.bottomImg{bottom:115px; left:120px; position:absolute;}
.flowplayer .fp-embed, .overviewVideo .fp-time, .overviewVideo .fp-brand, .overviewVideo .fp-fullscreen { display: none !important; }
.is-paused.flowplayer .fp-ui {
  background-image: none;
}
.uxeGuideSlideContainer { position: relative; }
/*#container_favorite_list { height: 300px; overflow-y: auto;}*/
.alert { color: #c60f13; }
.mTn3{ margin-top:-3px!important}

ul.pagination {display: block; margin-left: -0.27778rem; min-height: 1.33333rem; float: left; width: 100%;}
.pagination-centered ul.pagination li {display: inline-block; float: none;}
ul.pagination li {color: #222222; font-size: 0.77778rem; height:
1.33333rem; margin-left: 0.27778rem;}
ul.pagination li.unavailable a{color: #999999; cursor: default;
pointer-events: none;}
.pagination .current{ padding:0; background:none;}
ul.pagination li.current a{background: #0F6DAA; color: #ffffff; cursor:
default; font-weight: bold;}
ul.pagination li a{border-radius: 3px; color: #999999; display: block;
font-size: 1em;font-weight: normal; line-height: inherit;padding:
0.05556rem 0.55556rem; transition: background-color 300ms ease-out 0s;}

.portle_space_item { height: 7px; }
.portlet_header_icons { float: right; margin-top: 5px; position: relative; width: 60px; }
.rename_portlet_text { width: 70% !important; margin: 0px !important; padding: 0px 5px 0px 5px !important; height: 26px !important; font-weight: normal; float: left;}

#addPortletForm div label { float: left; margin-right: 11px; display: inline;}
#addPortletForm div input { width: 73%;}

.empty_title { color: #99cc00 !important; }

/*.portlet_placeholder { border: 1px dotted #000000;}*/
.portlet_placeholder {
    /*background: repeating-linear-gradient(-55deg, #c2bcbc, #c2bcbc 5px, #FFF 5px, #FFF 10px);*/
    background: linear-gradient(
      rgb(194, 188, 188),
      rgb(194, 188, 188)
    );
    box-sizing: border-box;
    border-style: solid;
    border-width: 0px;
}
/*.portlet_placeholder { width: 15px; height: 40px; float: left; border: 1px dotted #000000;}*/
/*.portlet_placeholder.active {border: 1px dotted #000000; width: 30px; margin: 0 10px 0 10px;}*/
.portlet_item_placeholder { width: 100%; height: 7px;}
.portlet_item_placeholder.active { border: 1px dotted #000000; width: 100%; height: 20px;}
.widget_placeholder { width: 100%; height: 30px; border: 1px dotted #000000; margin-bottom: 10px; }
/*.widget_placeholder { width: 100%; height: 10px; margin-top: 10px;}
.widget_placeholder.active { border: 1px dotted #000000; height: 50px; margin-bottom: 10px;}*/

/*#editPortletContainer {height: 459px; overflow-y: auto;}*/
#editPortletContainer ul li, #editDesignerResourcesContainer ul li {cursor: move;}
#editPortletContainer ul li.selected, #editDesignerResourcesContainer ul li.selected, #copyFromToActivitiesContainer ul li.selected  { background-color: rgb(229, 227, 225); }
/*#editActivitiesContainer #addObjectListing { height: 439px; overflow-y: auto; }*/
#editActivitiesContainer .edit_portlet_go { float: left; margin-top: 3px; margin-left: 10px;}
#editActivitiesContainer input[type='checkbox'] { float: left; width: 15px; margin-bottom: 10px!important;}
#editActivitiesContainer label { float: left; width: 70%; margin-right: 0px !important; margin-top: -5px;}
#editActivitiesContainer .innerFixPortlet, #copyFromToActivitiesContainer .innerFixPortlet { padding-left: 0px; padding-right: 0px; width: 100% }
#copyFromToActivitiesContainer ul li input[type='checkbox'] {
    vertical-align: middle;
}

#uxListingStampListConatiner ul li h6 {margin-top: 20px;}
.black_overlay, .black_overlay_gateway { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1005; background-color: rgba(10, 10, 10, 0.45);}
.black_overlay_secondary { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1007; background-color: rgba(10, 10, 10, 0.45);}
.black_overlay_confirm { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1007; background-color: rgba(10, 10, 10, 0.45);}
.black_overlay_alert { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1009; background-color: rgba(10, 10, 10, 0.45);}
.black_overlay_image { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1010; background-color: rgba(10, 10, 10, 0.45);}
.activity_indicator { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 10000; background-color: rgba(10, 10, 10, 0.45);}
#activityIndicator { z-index: 10001; display: none; width: auto; background: none;top: 50%; left: 50% !important; transform: translate(-50%, -50%); position:fixed; }

div#infovis { background-color: #FFFFFF !important; width: 100% !important; }
div#infovis div.node { -moz-border-radius: 5px; -webkit-border-radius: 5px; }
div#infovis-canvaswidget { margin: auto; }
.add_to_explore {font-size: 0.75rem; background: none !important; }

.uxlisting_tab_header {margin-bottom: 10px; height: 60px;}
.tip {width: 228px !important; height: 153px !important;}
.zIndex1007 { z-index: 1007; }
.zIndex1008 { z-index: 1008; }
.zIndex1009 { z-index: 1009; }
.zIndex1010 { z-index: 1010; }

.table1 { display: table; width: 100%; }
.row1 { display: table-row; }
.cell1 { display: table-cell; width: 50%; border: 1px solid #f0f0f0; padding: 5px; }

#userActivityMultipleModuleSelector { display: none; top: 175px; left: 119px; height: auto; }
.pulldownList { display:none; position:absolute; border: 1px solid #7F9DB9; background-color: white; padding: 5px; height: 200px; min-width: 210px; overflow-y : auto; overflow-x : hidden; margin-top: -3px; }
.user_activity_selected_modules { float: left; margin-top: 5px; margin-left: 10px; width: 65%; word-break: break-all; }

#containerUserActivityList ul li h3 { color: #000000; margin-top: 25px; margin-bottom: 0px;}
#containerUserActivityList ul li div { margin-top: 10px; font-weight: bold;}
.bold { font-weight: bold; }

.projProp label { font-size: 0.8125rem !important; }
table#itemHeader { border: 0px !important; }
#mainView table#itemHeader thead tr th { padding: 0.4rem 0.28rem 0.5rem; border-top: 1px solid #CCCCCC;}
.noFileMessage { width: 555px; display: block; }
#uploadNewFile label, #uploadDroppedFileForm label { display: inline-block !important; }
#itemList { margin-bottom:0px; }
#itemList .fa, #propertyPanel .fa, #uploadNewFile .fa, #uploadDroppedFileForm .fa { font-size: 13px; color: #818181; }
#itemList .file { font-size: 16px; color: #0F6DAA; }
#itemList table tr td:nth-child(1) { text-align: center; }
#preloaderContainer {
    min-height:100%;
    display:table;
    width:100%;
    height:200px;
}
#projectDetailContainer #preloaderContainer {
    height:450px;
}
#preloader {
    text-align:center;
    display:table-cell;
    vertical-align:middle;
}

#preloader label { color: #0d6198 !important; }

#projectDocumentPopup {
    width: 550px;
    position: absolute;
}

#chartPopup {
    position: fixed;
    height: 80%;
}
#chartPopup .chartPopupTitle, #chartPopup .close-button {
    z-index: 1;
    margin-bottom: 0;
}
#imagePopup {
    height: 80%;
    overflow: hidden;
    padding: 0px !important;
}
#imagePopup .myModal-heading {
    margin: 0;
    padding: 3px 0 3px 10px;
}
#imagePopup .stamps_draggable {
    overflow: auto;
    position: relative;
    height: 620px;
}
#imagePopup #stamp_small {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    max-width: none;
}
#popupChartContainer { width:100%;/*height:425px;*/ }
#editableListing table th.col1,
#editableListing table td.col1 {
    display:table-cell;
}

#chartContainer {
    width:600px;
    height:435px;
    background-color:#EFF8FF;
    overflow: hidden;
}

.noChartView {
    position: relative;
    top: 50%;
    -webkit-transform: translate(15%,-50%);
    -ms-transform: translate(15%,-50%);
    transform: translate(15%,-50%);
}

.drag-drop {
    padding: 0px !important;
    line-height: 2rem;
}

#dragDropContainer {
    padding: 0px 5px;
}

#dragDropContainer.hover {
    background-color: #7BB043;
    border: 1px dashed #0F6DAA;
    color: #364049;
    cursor: pointer;
}

.listContainer .listhover {
    border: 2px dashed #0F6DAA;
    margin-right: 10px;
}

.drop_overlay {
    bottom: 0;
    background-color: rgba(10, 10, 10, 0.45);
    color: #fff;
    display: block;
    font-size: 1.2rem;
    font-weight: 600;
    left: 0;
    position: fixed;
    right: 0;
    text-transform: uppercase;
    text-align: center;
    top: 0;
    z-index: 1005;
}

.drop_popup {
    background-color: #364049;
    width: 40%;
    height: 30%;
    border-radius: 15px;
}

.drop_message_container {
    border: 2px dashed #CCC;
    width: 98%;
    height: 94%;
    border-radius: 15px;
}

.align_center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.file_name_group {
    display: table;
}

.file_name {
    display: table-cell;
    margin: 0;
}

.file_extension {
    display: table-cell;
    padding: 0px 6px !important;
    font-size: 13px;
    font-weight: 400;
    color: #555;
    text-align: center;
    background-color: #eee;
    border-top: 1px;
    border-right: 1px;
    border-bottom: 1px;
    border-left: 0px;
    border-style: solid;
    border-color: hsla(210, 54%, 20%, 0.15) hsla(210, 54%, 20%, 0.17) hsla(210, 54%, 20%, 0.2);
    margin: 0;
}

#moreOptions .f-dropdown { right:0px; top: -7px; width: auto; }
.posR {position: relative;}
.posA {position: absolute;}
.posF {position: fixed;}
.projRev {
    right: inherit;
    box-shadow: 2px 2px 2px #3d3d3d;
    left: 20px;
    top: 20px;
    width: auto;
}
.scrollable.gray-skin .scroll-bar.horizontal { margin-top: -5px!important; }
#uploadIconContainer { min-height: 200px; }
#printComparisionPdf h3{font-size: 0.875rem; font-weight: bold;}
#printComparisionPdf .blankH30{ height:30px;}
.fileCompare{width:10%; text-align:center; float:left}
.manage_object_video a { font-size: 0.75rem !important; }
.contextMenu, .specContextMenu, .metricContextMenu, .graphicsContextMenu,
.taskContextMenu, .activityContextMenu, .contentContextMenu {
    position: absolute;
    /*width: 200px;*/
    z-index: 99999;
    border: solid 1px #CCC;
    background: #EEE;
    padding: 0px;
    margin: 0px;
	display: none;
}
.contextMenu li, .specContextMenu li, .metricContextMenu li, .graphicsContextMenu li,
.taskContextMenu li, .activityContextMenu li, .contentContextMenu li {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.contextMenu a, .specContextMenu a, .metricContextMenu a, .graphicsContextMenu a,
.taskContextMenu a, .activityContextMenu a, .contentContextMenu a {
    color: #333;
    text-decoration: none;
    display: block;
    line-height: 23px;
    height: 30px;
    background-position: 6px center;
    background-repeat: no-repeat;
    outline: none;
    font-size: 0.8125rem;
    padding: 5px 7px;
}
.specContextMenu a, .metricContextMenu a, .taskContextMenu a,
.activityContextMenu a, .contentontextMenu a, .graphicsContextMenu a {
    padding: 5px 15px;
}
.contextMenu li a span { padding-left: 25px; }
.contextMenu li.hover a, .specContextMenu li.hover a,
.metricContextMenu li.hover a, .taskContextMenu li.hover a,
.activityContextMenu li.hover a, .contentContextMenu li.hover a,
.graphicsContextMenu li.hover a {
    color: #FFF;
    background-color: #0F6DAA;
}
.contextMenu li.disabled a, .specContextMenu li.disabled a,
.metricContextMenu li.disabled a, .taskContextMenu li.disabled a,
.activityContextMenu li.disabled a, .contentContextMenu li.disabled a,
.graphicsContextMenu li.disabled a {
    color: #AAA;
    cursor: default;
}
.contextMenu li.hover.disabled a, .specContextMenu li.hover.disabled a,
.metricContextMenu li.hover.disabled a, .taskContextMenu li.hover.disabled a,
.activityContextMenu li.hover.disabled a, .contentContextMenu li.hover.disabled a,
.graphicsContextMenu li.hover.disabled a {
    background-color: transparent;
}
.contextMenu li.separator, .specContextMenu li.separator,
.metricContextMenu li.separator, .taskContextMenu li.separator,
.activityContextMenu li.separator, .contentContextMenu li.separator,
.graphicsContextMenu li.separator {
    border-top: solid 1px #CCC;
}
.contextMenu i, .specContextMenu i, .graphicsContextMenu i,
.metricContextMenu i, .taskContextMenu i,
.activityContextMenu i, .contentContextMenu i {
    font-style: normal;
}
.contextMenu li.hover .fa-plus-circle, .specContextMenu li.hover .fa-plus-circle,
.metricContextMenu li.hover .fa-plus-circle, .taskContextMenu li.hover .fa-plus-circle,
.activityContextMenu li.hover .fa-plus-circle, .contentContextMenu li.hover .fa-plus-circle,
.contextMenu li.hover .fa-pencil, .specContextMenu li.hover .fa-pencil,
.metricContextMenu li.hover .fa-pencil, .taskContextMenu li.hover .fa-pencil,
.activityContextMenu li.hover .fa-pencil,.contentContextMenu li.hover .fa-pencil,
.contextMenu li.hover .fa-minus-circle, .specContextMenu li.hover .fa-minus-circle,
.metricContextMenu li.hover .fa-minus-circle, .taskContextMenu li.hover .fa-minus-circle,
.activityContextMenu li.hover .fa-minus-circle, .contentContextMenu li.hover .fa-minus-circle,
.graphicsContextMenu li.hover .fa-plus-circle, .graphicsContextMenu li.hover .fa-pencil,
.graphicsContextMenu li.hover .fa-minus-circle { color: #000; }
.context-menu { position: absolute; }
.context-menu .fa-folder {
    font-size: 1.2rem;
    position: relative;
    top: 2px;
}
.context-menu .fa-plus-circle,
.context-menu .fa-pencil,
.context-menu .fa-minus-circle {
    position: relative;
    left: -10px;
    color: #FFF;
    font-size: 0.7rem;
}
.downloadLink:hover { text-decoration: underline; }
ul.specificationTree li a.sel, ul.metricTree li a.sel,
ul.taskTree li a.sel, ul.activityTree li a.sel,
ul.contentTree li a.sel, ul.graphicsTree li a.sel {
    background:none !important;
}
ul.specificationTree li, ul.metricTree li,
ul.taskTree li, ul.activityTree li,
ul.contentTree li, ul.graphicsTree li {
    clear: both;
    width: auto;
}
ul.specificationTree li a, ul.metricTree li a,
ul.taskTree li a, ul.activityTree li a,
ul.contentTree li a {
    padding: 2px 10px 2px 5px !important;
}
ul.graphicsTree li a {
    padding: 5px !important;
}
#screenTreeView {
    padding: 0px;
    font-size: 0.8125rem !important;
    margin-bottom: 0px;
}
#screenTreeView #mainView { display: none; }
#deletedFilesView.tabs-content {
    min-height: 300px !important;
}
#deletedFilesList {
    width: 100%;
    min-height: 300px;
    margin-bottom: 2rem;
}
#projectDocuments .modContContr {
    padding-bottom: 0px;
    width: auto;
}
#linkObjects .modContContr {
    padding-bottom: 25px;
    width: auto;
}
#linkObjects .modTocNav {
    float: left;
}
#uploadStatusText {
    top: 38%;
    color: #0C6EAC;
}
.actionpane .indicator-container {
    background-color: rgba(10, 10, 10, 0.45);
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.actionpane .activity-indicator {
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    vertical-align: middle;
}
#propertyPanel input, .deleted-file { cursor: pointer; }
#propertyPanel { padding: 10px 0 10px 10px; }
.selectedRow { background-color: #FDF8EA !important; }
.temp-element {
    font-size: 0.8125rem !important;
    visibility: hidden;
    white-space: pre;
}
.vertical_histogram_container { border-bottom:3px solid #999999; padding-top:5px; margin-bottom:10px; position:relative; }
.histogram_vertical_label { float:left; margin-left:-40px; position:absolute; top:47%;  transform:  translateX(-50%) translateY(-50%) rotate(-90deg)}
.histogram_label_group { position:relative; height:20px; }
.histogram_horizontal_label { width: 100%; height: 20px; text-align: center; }
.histogram_vertical_bar { padding:0 0 0 20px; border-left:3px solid #999999; position:relative; margin-left:-20px; }

.equalizer { display: table-cell; vertical-align: top; }

.txtElps li{width:100%; height: 23px;}
.txtElps li a{text-overflow: ellipsis; white-space:nowrap; width:80%; overflow-x:hidden!important}
.txtElps .scrollable{overflow-y:hidden!important;}
.popup_title {text-overflow: ellipsis !important; overflow: hidden; white-space: nowrap; width: 70%;}
.logout { margin: 0px; }
.uxeGuide { margin: -3px; }

.file_drop_container { height: 120px;background-color: #f0f0f0;width: 100%;text-align: center;padding: 1rem; font-size: 0.8rem; }
.file_drop_container .drop_message { font-weight: bold; padding-bottom: 10px; }
.file_drop_container span#resetDraggedFile { cursor: pointer; font-size: 1.25em; font-weight: 500; color: #0a0a0a; }

.profile_picture { width: 187px; height: 268px; margin-bottom: 10px; }
.stamp_image { width: 188px; height: 126px; margin-bottom: 10px; }

.terNavContr{ clear: both; height:40px; background:; width:100%; margin-top:-20px; margin-bottom:20px; border-bottom:1px solid #d9d9d9; display: none;}
ul.tertiary{ margin:0; padding:0; width:100%}
ul.tertiary li{ float:left; padding:9px 20px; position:relative}
ul.tertiary li:after{content:" "; position:absolute;  border-right:1px solid #d9d9d9; right:0; top:12px; height:15px; clear:both;}
ul.tertiary li:last-child:after{ border-right: 0px;}
ul.tertiary li a{ display:block; font-size:12px; color:#3d3d3d}
ul.tertiary li.sel{border-bottom:3px solid #0D6198}
ul.tertiary li.sel:before{width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #0D6198;content:" "; position:absolute; top:33px; left:40%}

#overviewContent .overview_container dl, #overviewContent .overview_container ol, #overviewContent .overview_container ul,
.opentext_container dl, .opentext_container ol, .opentext_container ul { list-style-position: inside; }
.opentext_container li, #overviewContent li { list-style: inherit; }
.add_by_copy_message_img { float: right; margin-right: 35px; }
#addVariationForm .labelTxt, #addCommentForm .labelTxt { width: 130px; }
#addVariationForm label, #addCommentForm label { width: 100%; }
#addVariationForm label.status_label { width: auto; }
.ux_spec label.status_label,
.ux_spec input[type="radio"],
#addVariationForm label.status_label,
#addVariationForm input[type="radio"] {
    cursor: pointer;
}
#variationName, #screenComment {margin-bottom: 0;}
#variationMessage, #screenStatusMessage, #commentColorMessage {padding-left: 130px;}
#commentPending { margin-bottom: 1rem; cursor: pointer; }
.comment_color {cursor: pointer;}
.comment_color.selected {box-shadow: 0px 0px 1px 1px rgba(170,170,170,0.9);}
table#dataQualityTable { width: 100%; }
table#contributorsTable thead th, table#dataQualityTable thead th { line-height: 1;font-weight: 600; text-align: center; white-space: normal;}
table#contributorsTable tbody#screenContributors tr td, table#dataQualityTable tbody#screenDataQuality tr td {
    -ms-word-break: normal;
    word-break: normal;
    /* Non standard for WebKit */
    word-break: break-word;
}
.legends_container { font-size: 0.7em !important;padding: 2px; }
.legends_container table tr td { padding: 1px;border: 0px;white-space: nowrap;}
.legends_container table tbody { background: none;border: 1px solid #F7F7F7;}
.metrics_list { width: 100%; margin-bottom: 1%; list-style: none; }
.metrics_list > li {
    width: 48%;
    display: inline;
    float: left;
    margin-bottom: 1%;
}
.metrics_list > li:nth-child(2n+1) { clear: left; }
.metrics_list > li > a { text-decoration: underline; font-weight: bold; margin-bottom: 0.5%; }
.metrics_list > li:nth-of-type(even) { margin-left: 1%; }
.dashboard_chart_container {
    width: 100%;
    min-height: 280px;
    margin-top: 1%;
    border: 1px solid #BEC3C9;
}
.dashboard_chart_container .metric_title {
    min-height: 25px;
    background-color: #E0E4EF;
    padding: 3px 5px;
    display: table;
    width: 100%;
}
.dashboard_chart_container .yaxis li {
    margin-bottom: 2px !important;
}
/*.dashboard_chart_container .yaxis li span { font-size: 0.9em; }*/
.metric_title > span {
    text-decoration: none;
    text-underline: none;
    font-size: 1em;
    display: table-cell;
    vertical-align: middle;
}
.metric_title > span > a { color: #1585CF; }
div[id^="dashboardChartContainer"] { min-height: 245px; border: none; }
.widget-content .legend_container { min-width: 16.5%; }
table.metric_legend { display: inline-block; }
/*#metricSetupForm { font-size: 0.8125rem !important; }*/
#metricSetupForm label {
    float: left;
    padding-right: 10px;
    font-size: 0.8125rem;
}
#metricSetupForm input[type="text"], #metricHistoryContainer input[type="text"],
#metricSetupForm input[type="email"], #metricHistoryContainer input[type="email"],
#metricSetupForm select, #metricHistoryContainer select {
    margin-bottom: 0;
    height: 25px;
}
#metricSetupForm input[type="text"]:disabled, #metricHistoryContainer input[type="text"]:disabled { background: #E6E6E6; }
#metricSetupForm select { padding: 1px 25px 4px 10px; }
#metricSetupForm table, #metricHistoryContainer table { border: 0px;margin-bottom: 0px; }
#metricSetupForm table tbody, #metricHistoryContainer table tbody { border: 0px; }
#metricSetupForm table tr, #metricHistoryContainer table tr { background-color: #FFF; }
#metricSetupForm table tr th, #metricHistoryContainer table tr th,
#metricSetupForm table tr td, #metricHistoryContainer table tr td {
    padding: 2px 5px;
    border: 0px;
}
#metricSetupForm input[type="radio"] { vertical-align: middle; }
.screen_actions .fa-search-plus { padding-right: 12px;font-size: 0.95rem !important; }
.screen_actions .fa-trash { padding-right: 12px;font-size: 0.95rem !important; }
.screen_actions .fa-history { padding-right: 10px;font-size: 0.95rem !important; }
#screenHistoryContainer .tabs-content {min-height: 400px;}
#screenHistoryContainer #screenHistoryContent .modContContr { padding-bottom: 0px; }
#screenHistoryContent ul li {
    list-style: square;
    list-style-position: inside;
    padding-left: 5px;
}
.sortable-placeholder {
    border: 1px dotted #eceaea;
    background: repeating-linear-gradient(-55deg, #eceaea, #eceaea 5px, #FFF 5px, #FFF 10px);
    margin-bottom:10px;
    height: 35px;
}
.uxlisting-placeholder {
    background: repeating-linear-gradient(-55deg, #c2bcbc, #c2bcbc 5px, #FFF 5px, #FFF 10px);
    float: left;
    box-sizing: border-box;
    width: 16.60rem;
    border-style: solid;
    border-width: 0px;
    height: 370px;
}
.drag-handle {
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    margin-top: 4px;
    margin-right: 10px;
    color: #0f6ca9;
}
.label_container {
    display: table;
    height: 35px;
    width: 100%;
}
.label_text {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
.icon_container {
    color: #FFFFFF;
    padding-left: 2px;
    position: absolute;
    right: 3px;
    bottom: 3px;
    font-size: 0.6rem !important;
    width: 20px;
    height: 16px;
    padding-top: 5px;
}
#overviewContent .node, #specTreeView .node {
    position: absolute;
    min-height: 35px;
    cursor: pointer;
    color: #FFFFFF;
    text-align: center;
    padding: 0px 5px;
    width: 135px;
    background: #599ad4;
    font-size: 1em;
    /*background: #ccc;*/
    border: 1px solid #888;
}

#overviewContent div.node[data-root="true"],
#specTreeView div.node[data-root="true"] {
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

#overviewContent .node .fa-commenting,
#specTreeView .node .fa-commenting {
    padding-left: 7px;
    color: #191919;
}
.specificationTree b.comments-pending {
    background: #115798;
    color: #FFF;
    border-radius: 25px;
    width: 17px;
    display: inline-block;
    text-align: center;
    margin-left: 5px;
    font-size: 0.65rem;
}
#commentsHistoryList, #screenHistoryList { min-height: 320px !important; }
#widgetHistoryList { min-height: 180px !important; }
.sticky-container p {
    font-size: 0.85em !important;
    overflow: hidden;
    color: #000 !important;
    font-weight: normal !important;
}
.jStickyNote {
    height: 97% !important;
}
.jStickyNote .userinfo {
    bottom: 0px;
    right: 10px;
    font-size: 0.8em;
    position: absolute;
    text-align: right;
}
.background {
    background-color: #fff;
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-box-shadow: 5px 5px 5px #CCC;
    -webkit-box-shadow: 5px 5px 5px #CCC;
    -o-box-shadow: 5px 5px 5px #CCC;
    box-shadow: 5px 5px 5px #CCC;
    opacity: 0.9;
    filter: alpha(opacity=90);
}
.noteMinSize {
    min-height: 150px;
    min-width: 150px;
}
.data_quality_primary_header {
    font-size: 15px;
    font-weight: bold;
}
.data_quality_secondary_header {
    font-weight: bold;
}
#linkedStampContainer { width: 70%; display: inline-block; }
.overviewContainer { width: 73.4%; float: left;}
.overviewSpecContainer { width: 78.9%; float: left; }
.designer_resource_item_selector label { width: auto !important; float: none !important; }
#treeNodeNavigation li h4 a {
    border: none !important;
}
#treeNodeNavigation li.activate h4 {
    background: #FFF !important;
    padding: 0px;
}
#treeNodeNavigation li.activate h4 a {
    padding: 5px 10px;
    border-bottom: 1px solid #dddddd !important;
    border-left: 5px solid #79AE3F !important;
}
.widget_header { cursor: move; width:500px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#graphicsContainer { min-height: 450px;}
#graphicsContainer #treeView { background: #FFF; box-shadow: none; }
#graphicsContainer #treeViewBody .new-folder,
#graphicsContainer #treeViewBody {
    font-size: 0.7rem !important;
}
#graphicsContainer #mainView {background-color: transparent !important;}
#graphicsContainer .modContContr { height: 450px;padding-bottom: 0;width:auto; }
#graphicsContainer .modContContr > .row > #midPanel,
#graphicsContainer .modContContr > .row { height: 100%; }
.file-icon { font-size: 3.5rem !important;color: #116caa; }

.admin_org_list {width:80%; padding:10px; float:left; background:#eeeeee;}
.org_label {
    line-height: 2.2;
    padding-right: 5px;
}
#logContent .tabs-content {
    min-height: 400px;
}
#logContent .modContContr {
    padding-bottom: 0px;
}
#logDetails {
    height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
}
table.origin{width: 100%}
table.origin, table.origin tbody, table.origin tbody tr td{ border: none!important;}
table.origin tbody tr:nth-child(even){ background: #fff;}
table.origin td { padding: 0!important; background:transparent!important; }
table.origin tbody tr td:first-child{ width:100px;}
table.origin tbody tr td:first-child label{ font-weight:600}
table.origin tbody tr td:first-child label:hover{ text-decoration: underline !important;}
div.third_column label{ font-weight:600}
img.tree-progress {
    width: 20px;
    margin-left: 6px;
    margin-top: 2px;
}
.home_page_block1 {
    width: 75%;
}
.home_page_block2 {
    width: 25%;
}
.projectList h3 { padding-top: 0.5rem; }
#editShowcaseContainer ul li { cursor: pointer; }
#editShowcaseContainer ul li.selected { background-color: rgb(229, 227, 225); cursor: pointer; }
.variation_sticky_container { position: absolute; top: 0px; left: 0px; }

/* width: 1366px*/
@media only screen and (max-width:85.38rem){
#mainContainer {width:100%}
.tophrdrRitSec{ width:46%; float:right;}
ul.info li {margin: 0 5px;}
.header_links ul li a {padding:0 5px}
.inner ul li a{ font-size:0.8125rem}
.uxeguideIcon{background-position:-518px -54px;  width:0.9375rem; height:0.9375rem;}
.status_lrg{ display:block;}
.projDataTable{ width: 36rem; }
.noChartView {
    -webkit-transform: translate(15%,-50%);
    -ms-transform: translate(15%,-50%);
    transform: translate(15%,-50%);
}
.logout { margin: 0px; }
.uxeGuide { margin: 0px; }
#editableListing .fixed_headers td:nth-child(1),#editableListing .fixed_headers th:nth-child(1) {width: 30px;}
#editableListing .fixed_headers td:nth-child(2),#editableListing .fixed_headers th:nth-child(2) {width: 300px;}
#editableListing .fixed_headers td:nth-child(3),#editableListing .fixed_headers th:nth-child(3) {width: 332px;}
#editableListing .fixed_headers td:nth-child(4),#editableListing .fixed_headers th:nth-child(4) {width: 243px;}
#editableListing .fixed_headers td:nth-child(5),#editableListing .fixed_headers th:nth-child(5) {width: 143px;}
#readonlyListing .fixed_headers td:nth-child(2),#readonlyListing .fixed_headers th:nth-child(2) {width: 308px;}
#readonlyListing .fixed_headers td:nth-child(3),#readonlyListing .fixed_headers th:nth-child(3) {width: 340px;}
#readonlyListing .fixed_headers td:nth-child(4),#readonlyListing .fixed_headers th:nth-child(4) {width: 250px;}
#readonlyListing .fixed_headers td:nth-child(5),#readonlyListing .fixed_headers th:nth-child(5) {width: 150px;}
.overviewSpecContainer { width: 78.4%; }
}

/* width: 1321px*/
@media only screen and (max-width:82.563rem){
.homeFixPortlet{-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
.reveal-model-uxeguide {max-width:60.5rem;}
.globalNav.small{ width:90px; text-align:center; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out}
.globalNav.small ul li {text-align: center;}
.globalNav.small ul li a{padding:8px 0 0 ; text-align:center;}
.globalNav.small ul li a span{display:block; margin-top:-5px; padding-bottom:10px; font-size:0.75rem; line-height:14px;}
.tocIcon1, .tocIcon2, .tocIcon3, .tocIcon4, .tocIcon5, .tocIcon6, .tocIcon7, .tocIcon8, .tocIcon9, .tocIcon10, .tocIcon11, .tocIcon12, .tocIcon13, .tocIconUXInsight{ margin:0; position:relative; top:auto; left:auto}
ul.modTopNav li a{ padding:7px 7px 6px}
.status_lrg{ display:block;}
.tabStr ul li a{padding: 5px 12px;}
.tabStr ul li.active a {padding: 5px 12px 6px;}
.projDataTable{ width: 36rem; }
.noChartView {
    -webkit-transform: translate(4%,-50%);
    -ms-transform: translate(4%,-50%);
    transform: translate(4%,-50%);
}
.logout { margin: 0px; }
.uxeGuide { margin: 1px; }
#editPortletActions a.button {padding: 0px 15px !important;}
#editableListing .fixed_headers td:nth-child(1),#editableListing .fixed_headers th:nth-child(1) {width: 30px;}
#editableListing .fixed_headers td:nth-child(2),#editableListing .fixed_headers th:nth-child(2) {width: 300px;}
#editableListing .fixed_headers td:nth-child(3),#editableListing .fixed_headers th:nth-child(3) {width: 332px;}
#editableListing .fixed_headers td:nth-child(4),#editableListing .fixed_headers th:nth-child(4) {width: 243px;}
#editableListing .fixed_headers td:nth-child(5),#editableListing .fixed_headers th:nth-child(5) {width: 143px;}
#readonlyListing .fixed_headers td:nth-child(2),#readonlyListing .fixed_headers th:nth-child(2) {width: 308px;}
#readonlyListing .fixed_headers td:nth-child(3),#readonlyListing .fixed_headers th:nth-child(3) {width: 340px;}
#readonlyListing .fixed_headers td:nth-child(4),#readonlyListing .fixed_headers th:nth-child(4) {width: 250px;}
#readonlyListing .fixed_headers td:nth-child(5),#readonlyListing .fixed_headers th:nth-child(5) {width: 150px;}
}
/* width: 1250px*/
@media only screen and (max-width:78.13rem){
.inner ul li a{ font-size:0.6875rem}
.uxeguideIcon{background-position:-518px -54px;  width:0.9375rem; height:0.9375rem;}
.homeFixPortlet{-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
.innerFixPortlet{ width:17.7rem;}
.uxeguideIcon{background-position:-518px -54px;  width:0.9375rem; height:0.9375rem;}
.login_header {font-size:3.125rem;}
.login_description {font-size:1.75rem; line-height: 36px;}
ul.info li span {margin-left: 5px;}
.article_header1,.article_header2,.testimony_header {font-size:2.188rem;}
.testimony_description{ font-size:1.5rem;}
.tophrdrMidSec h1 {font-size: 1rem!important;}
ul.breadcrumbs li{font-size:0.75rem;}
ul.breadcrumbs li::after {margin:5px;}
.recentupdate p{ font-family:'open sans'; word-wrap: break-word; font-size:0.875rem}
.ecosystemCount{ font-size:0.5625rem; /*height:2.438rem*/}
.reveal-model-uxeguide {max-width: 46.5rem;}
.lftExplorePnl{ margin-top:1px;}
.secTab a{padding:9px 15px;}
.globalNav.small{ width:90px; text-align:center; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out}
.globalNav.small ul li {text-align: center;}
.globalNav.small ul li a{padding:8px 0 0 ; text-align:center;}
.globalNav.small ul li a span{display:block; margin-top:-5px; padding-bottom:10px; font-size:0.75rem; line-height:14px;}
.tocIcon1, .tocIcon2, .tocIcon3, .tocIcon4, .tocIcon5, .tocIcon6, .tocIcon7, .tocIcon8, .tocIcon9, .tocIcon10, .tocIcon11, .tocIcon12, .tocIcon13, .tocIconUXInsight{ margin:0; position:relative; top:auto; left:auto}
ul.modTopNav li a{ padding:7px 7px 6px}
.projectTeam{ width:50.94rem}
.projectBase .col2{width:50.1%; font-size: 0.8rem;}
.status_lrg{ display:none;}
.tabStr ul li a{padding: 5px 12px;}
.tabStr ul li.active a {padding: 5px 12px 6px;}
#mainView table#itemHeader > thead tr th { padding: 0.55rem 0.55rem 0.66rem; font-size: 0.675rem !important; }
.noFileMessage { width: 100% !important; display: block; }
.projDataTable{ width: 36.19rem; }
.projectBase .col3 { width: 203px; padding: 6px 5px; font-size: 0.8rem; }
.projectBase .small-2-half { width: 25.83%; }
.noChartView {
    -webkit-transform: translate(4%,-50%);
    -ms-transform: translate(4%,-50%);
    transform: translate(4%,-50%);
}
.logout { margin: -2px; }
.uxeGuide { margin: -2px; padding-left: 2px; }
#editPortletActions a.button {font-size: 0.78rem !important; padding: 0px 8px !important;}
#editableListing .fixed_headers td:nth-child(1),#editableListing .fixed_headers th:nth-child(1) {width: 30px;}
#editableListing .fixed_headers td:nth-child(2),#editableListing .fixed_headers th:nth-child(2) {width: 300px;}
#editableListing .fixed_headers td:nth-child(3),#editableListing .fixed_headers th:nth-child(3) {width: 332px;}
#editableListing .fixed_headers td:nth-child(4),#editableListing .fixed_headers th:nth-child(4) {width: 242px;}
#editableListing .fixed_headers td:nth-child(5),#editableListing .fixed_headers th:nth-child(5) {width: 142px;}
#readonlyListing .fixed_headers td:nth-child(2),#readonlyListing .fixed_headers th:nth-child(2) {width: 308px;}
#readonlyListing .fixed_headers td:nth-child(3),#readonlyListing .fixed_headers th:nth-child(3) {width: 340px;}
#readonlyListing .fixed_headers td:nth-child(4),#readonlyListing .fixed_headers th:nth-child(4) {width: 250px;}
#readonlyListing .fixed_headers td:nth-child(5),#readonlyListing .fixed_headers th:nth-child(5) {width: 150px;}
#linkedStampContainer { width: 62%; display: inline-block; }
.overviewContainer { width: 64%; }
.overviewSpecContainer { width: 74%; }
.widget_header { cursor: move; width:300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.home_page_block1 {
    width: 100%;
}
.home_page_block2 {
    width: 100%;
}
#summaryContent { width: 74%; float: left; }
}
/* width: 1024px */
@media only screen and (max-width:64rem){
#mainView table#itemHeader > thead tr th { padding: 0.55rem 0.25rem 0.66rem; font-size: 0.675rem !important; }
.projDataTable{ width: 26.75rem; }
.ecosystemObj { padding-right: 2px!important; }
.logout { margin: -2px; padding-left: 1px; }
.uxeGuide { margin: -2px; padding-left: 3px; }
#editPortletActions a.button {font-size: 0.78rem !important; padding: 0px 7px !important;}
#editableListing .fixed_headers td:nth-child(1),#editableListing .fixed_headers th:nth-child(1) {width: 30px;}
#editableListing .fixed_headers td:nth-child(2),#editableListing .fixed_headers th:nth-child(2) {width: 250px;}
#editableListing .fixed_headers td:nth-child(3),#editableListing .fixed_headers th:nth-child(3) {width: 250px;}
#editableListing .fixed_headers td:nth-child(4),#editableListing .fixed_headers th:nth-child(4) {width: 200px;}
#editableListing .fixed_headers td:nth-child(5),#editableListing .fixed_headers th:nth-child(5) {width: 125px;}
#readonlyListing .fixed_headers td:nth-child(2),#readonlyListing .fixed_headers th:nth-child(2) {width: 253px;}
#readonlyListing .fixed_headers td:nth-child(3),#readonlyListing .fixed_headers th:nth-child(3) {width: 255px;}
#readonlyListing .fixed_headers td:nth-child(4),#readonlyListing .fixed_headers th:nth-child(4) {width: 210px;}
#readonlyListing .fixed_headers td:nth-child(5),#readonlyListing .fixed_headers th:nth-child(5) {width: 135px;}
table table tr th, table table tr td{ padding: 0.44444rem 0.255556rem 0.55556rem; }
/*.globalNav ul li.sel a{ padding-left: 40px;}*/
#summaryContent { width: 73.5%; float: left; }
.overviewSpecContainer { width: 73.5%; }
}
/* width: 1005px*/
@media only screen and (max-width:62.813rem){
#mainContainer {width:64rem;}
.tophrdrRitSec{ width:46%; float:right;}
ul.info li {margin: 0 5px;}
.header_links ul li a { font-size:0.875rem; padding:0 7px}
.inner ul li a{ font-size:0.6875rem}
.uxeguideIcon{background-position:-518px -54px;  width:0.9375rem; height:0.9375rem;}
.homeFixPortlet{-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
.innerFixPortlet{ width:15.21rem;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
.login_header {font-size:3.125rem;}
.login_description {font-size:  1.75rem; line-height: 36px;}
ul.info li span {margin-left: 5px;}
.article_header1,.article_header2,.testimony_header {font-size:2.188rem;}
.testimony_description{ font-size:1.5rem;}
.tophrdrMidSec h1 {font-size: 1rem!important;}
ul.breadcrumbs li{font-size:0.75rem;}
ul.breadcrumbs li::after {margin:5px;}
.recentupdate p{ font-family:'open sans'; word-wrap: break-word; font-size:0.875rem}
.ecosystemCount{ font-size:0.5625rem; height:2.438rem}
.reveal-model-uxeguide {max-width: 46.5rem;}
.lftExplorePnl{ margin-top:1px;}
.secTab a{padding:9px 15px;}
.globalNav.small{ width:90px; text-align:center; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out}
.globalNav.small ul li {text-align: center;}
.globalNav.small ul li a{padding:8px 0 0 ; text-align:center;}
.globalNav.small ul li a span{display:block; margin-top:-5px; padding-bottom:10px; font-size:0.75rem; line-height:14px;}
.tocIcon1, .tocIcon2, .tocIcon3, .tocIcon4, .tocIcon5, .tocIcon6, .tocIcon7, .tocIcon8, .tocIcon9, .tocIcon10, .tocIcon11, .tocIcon12, .tocIcon13, .tocIconUXInsight{ margin:0; position:relative; top:auto; left:auto}
ul.modTopNav li a{ padding:7px 7px 6px}
.projectTeam{ width:50.94rem}
.projectBase .col2{width:50.1%; font-size: 0.8rem;}
.status_lrg{ display:none;}
.tabStr ul li a{padding: 5px 12px;}
.tabStr ul li.active a {padding: 5px 12px 6px;}
#mainView table#itemHeader > thead tr th { padding: 0.55rem 0.28rem 0.66rem; font-size: 0.675rem !important; }
.noFileMessage { width: 26.56rem !important; display: block; }
.projDataTable{ width: 26.70rem; }
.ecosystemObj {padding-right: 2px!important;}
.projectBase .small-2-half { width: 25.83%; }
.projectBase .col3 { width: 203px; font-size: 0.8rem; }
.logout { margin: -2px; }
.uxeGuide { margin: -2px; }
#editableListing .fixed_headers td:nth-child(1),#editableListing .fixed_headers th:nth-child(1) {width: 30px;}
#editableListing .fixed_headers td:nth-child(2),#editableListing .fixed_headers th:nth-child(2) {width: 223px;}
#editableListing .fixed_headers td:nth-child(3),#editableListing .fixed_headers th:nth-child(3) {width: 240px;}
#editableListing .fixed_headers td:nth-child(4),#editableListing .fixed_headers th:nth-child(4) {width: 240px;}
#editableListing .fixed_headers td:nth-child(5),#editableListing .fixed_headers th:nth-child(5) {width: 120px;}
#readonlyListing .fixed_headers td:nth-child(2),#readonlyListing .fixed_headers th:nth-child(2) {width: 223px;}
#readonlyListing .fixed_headers td:nth-child(3),#readonlyListing .fixed_headers th:nth-child(3) {width: 250px;}
#readonlyListing .fixed_headers td:nth-child(4),#readonlyListing .fixed_headers th:nth-child(4) {width: 250px;}
#readonlyListing .fixed_headers td:nth-child(5),#readonlyListing .fixed_headers th:nth-child(5) {width: 130px;}
table table tr th, table table tr td{ padding: 0.44444rem 0.255556rem 0.55556rem; }
}

/* Datepicker CSS */
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
/* Datepicker CSS */

.no-screens {
    border: 1px dashed #a4aee8;
    padding: 10px;
    color: #0d6198;
}
.human-message {
    display: none;
    position: relative;
    border-bottom: 1px dotted black;
    position: relative;
    top: -17px;
    left: 2%;
}
.human-message .message-text {
    visibility: visible;
    width: 200px;
    background-color: #717171;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.human-message:hover .message-text {
    visibility: visible;
}

.bookmark-message {
    position: absolute;
    top: -3px;
    left: -50px;
    font-size: 0.8rem;
}

.bookmark-left {
    left: -205px !important;
}

/* Display on Extranet checkbox */
.extranet-label {
    position: relative;
    top: -2px;
    margin-right: 5px !important;
}

/*Fixes for UX Listing and link stamps block */
#editPortletContainer .viewport div.overview,
#newObjectsContainer .viewport div.overview {
    width: 100%;
}

.globalNav ul li.sel.sep {
    border-bottom: none;
}

#editableListing tbody#projectMembersBody tr td { height: 33px; }

.data-quality-loader {
    border: 6px solid #f3f3f3;
    border-top: 6px solid #0f6daa;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 2s linear infinite;
    margin: 0 auto;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* UX Marketplace */
table#productListTable { width: 100%; }
table#productListTable thead th { line-height: 1;font-weight: 600;}
table#productListTable thead th {text-align: center; white-space: normal;}
table#productListTable tbody td {text-align: left; vertical-align: top;}
/* UX Marketplace */
[draggable] {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}
.no-drop {
    cursor: no-drop;
    border: 1px dotted #FF0000;
    background-color: rgba(187, 18, 18, 0.2);
}
.drag-over-node {
    position: absolute;
    z-index: 20000;
    font-size: 0.8125rem!important;
    padding: .3em .6em;
    color: #444;
    background-color: #ebebeb;
    border-color: #ebebeb;
    border-radius: 2px;
    border-style: solid;
    border-width: 1px;
    box-shadow: inset 0 0 0 1px grey;
    -webkit-box-shadow: inset 0 0 0 1px grey;
}

.folder-icon {
    font-size: 20px !important;
    top: 3px;
    position: relative;
    margin-left: 5px;
}

.share-icon {
    margin-left: -13px;
    top: -0.5px;
    position: relative;
    font-size: 9px !important;
}
/* Start: Overwrite the foundation css attributes for migrated [Userprofile -> Persona] widget contents */
#personaContainer strong {
    font-weight: 600;
}
#personaContainer .second_column label,
#personaContainer .third_column label,
#personaContainer .persona_labels {
    display: inline-block;
    word-break: normal;
    font-size: 0.8125rem;
    font-weight: 600;
}
#personaContainer .persona_labels:hover,
#personaContent .overview_container .persona_labels:hover {
    text-decoration: underline;
    cursor: pointer;
}
#personaContainer .second_column table tbody {
    border: none;
}
#personaContainer .second_column table tr td {
    padding: 0px;
    border: none;
}
#personaContainer li,
#personaContainer li {
    background:url(../../../images/bullet.png) 0 9px no-repeat;
    padding-left:15px;
    list-style:none;
    list-style-type: none !important;
    color:#3f4044;
}
/* End: Overwrite the foundation css attributes for migrated [Userprofile -> Persona] widget contents */

#personaContent .overview_container .panel-body .columns {
    padding-left: 0px;
    padding-right: 0px;
}

#stampActions .btnGroup {
    margin-top: -2px;
}

.breadcrumbs li:not(:last-child)::after {
    margin: 0 .5rem;
}

#overviewContent-canvas, #specTreeView-canvas {
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.fileRevisionsList {
    height: 95px;
}

#lockedFileMessage {
    font-size: 0.8rem;
}
.dotted-border {
    border-bottom: 2px dotted #105d90;
}

#specTreeView {
    width: 96.3%;
    height: 465px;
    position: absolute;
    z-index: 1000;
    overflow: visible;
    background: #f1f1f1;
    top: 41px;
    border: 1px dashed #b5b5b5;
    display: none;
}

.node.active {
    background: #396892 !important;
}

.treeview-close-icon {
    top: 45px;
    right: 25px;
    z-index: 100000;
    color: #525252;
    line-height: 1rem;
    display: none;
}
.treeview-close-icon:hover {
    color: #525252;
}
#treeviewIcon {
    padding: 6px 0px 0px;
}
#treeviewIcon:before {
    left: 35%;
}
#treeviewIcon .horizentralView {
    margin-left: 2px;
}
#commentsStatusMessage {
    top: 55px;
    left: 33%;
}
#commentsStatusMessage .message-text {
    width: 270px;
}
.empty-node {
    display:inline-block;
    margin-left:5px;
}
/* Start : Book shelves */
.bookshelf_wrapper {
  position: relative;
  top: 60%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.books_list {
  margin: 0 auto;
  width: 300px;
  padding: 0;
}

.book_item {
  position: absolute;
  top: -120px;
  box-sizing: border-box;
  list-style: none;
  width: 40px;
  height: 120px;
  opacity: 0;
  background-color: #1e6cc7;
  border: 5px solid #e0e0e0;
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-transform: translateX(300px);
          transform: translateX(300px);
  -webkit-animation: travel 2500ms linear infinite;
          animation: travel 2500ms linear infinite;
}
.book_item.first {
  top: -140px;
  height: 140px;
}
.book_item.first:before, .book_item.first:after {
  content: '';
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: white;
}
.book_item.first:after {
  top: initial;
  bottom: 10px;
}
.book_item.second:before, .book_item.second:after, .book_item.fifth:before, .book_item.fifth:after {
  box-sizing: border-box;
  content: '';
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
  height: 17.5px;
  border-top: 5px solid white;
  border-bottom: 5px solid white;
}
.book_item.second:after, .book_item.fifth:after {
  top: initial;
  bottom: 10px;
}
.book_item.third:before, .book_item.third:after {
  box-sizing: border-box;
  content: '';
  position: absolute;
  top: 10px;
  left: 9px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 5px solid white;
}
.book_item.third:after {
  top: initial;
  bottom: 10px;
}
.book_item.fourth {
  top: -130px;
  height: 130px;
}
.book_item.fourth:before {
  box-sizing: border-box;
  content: '';
  position: absolute;
  top: 46px;
  left: 0;
  width: 100%;
  height: 17.5px;
  border-top: 5px solid white;
  border-bottom: 5px solid white;
}
.book_item.fifth {
  top: -100px;
  height: 100px;
}
.book_item.sixth {
  top: -140px;
  height: 140px;
}
.book_item.sixth:before {
  box-sizing: border-box;
  content: '';
  position: absolute;
  bottom: 31px;
  left: 0px;
  width: 100%;
  height: 5px;
  background-color: white;
}
.book_item.sixth:after {
  box-sizing: border-box;
  content: '';
  position: absolute;
  bottom: 10px;
  left: 9px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 5px solid white;
}
.book_item:nth-child(2) {
  -webkit-animation-delay: 416.66667ms;
          animation-delay: 416.66667ms;
}
.book_item:nth-child(3) {
  -webkit-animation-delay: 833.33333ms;
          animation-delay: 833.33333ms;
}
.book_item:nth-child(4) {
  -webkit-animation-delay: 1250ms;
          animation-delay: 1250ms;
}
.book_item:nth-child(5) {
  -webkit-animation-delay: 1666.66667ms;
          animation-delay: 1666.66667ms;
}
.book_item:nth-child(6) {
  -webkit-animation-delay: 2083.33333ms;
          animation-delay: 2083.33333ms;
}

.shelf {
  width: 300px;
  height: 5px;
  margin: 0 auto;
  background-color: #bbbbbb;
  position: relative;
}
.shelf:before, .shelf:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: #b1b1b1;
  background-image: -webkit-radial-gradient(rgba(255, 255, 255, 0.5) 30%, rgba(0, 0, 0, 0) 0%);
  background-image: radial-gradient(rgba(255, 255, 255, 0.5) 30%, rgba(0, 0, 0, 0) 0%);
  background-size: 10px 10px;
  background-position: 0 -2.5px;
  top: 200%;
  left: 5%;
  -webkit-animation: move 250ms linear infinite;
          animation: move 250ms linear infinite;
}
.shelf:after {
  top: 400%;
  left: 7.5%;
}

@-webkit-keyframes move {
  from {
    background-position-x: 0;
  }
  to {
    background-position-x: 10px;
  }
}

@keyframes move {
  from {
    background-position-x: 0;
  }
  to {
    background-position-x: 10px;
  }
}
@-webkit-keyframes travel {
  0% {
    opacity: 0;
    -webkit-transform: translateX(300px) rotateZ(0deg) scaleY(1);
            transform: translateX(300px) rotateZ(0deg) scaleY(1);
  }
  6.5% {
    -webkit-transform: translateX(279.5px) rotateZ(0deg) scaleY(1.1);
            transform: translateX(279.5px) rotateZ(0deg) scaleY(1.1);
  }
  8.8% {
    -webkit-transform: translateX(273.6px) rotateZ(0deg) scaleY(1);
            transform: translateX(273.6px) rotateZ(0deg) scaleY(1);
  }
  10% {
    opacity: 1;
    -webkit-transform: translateX(270px) rotateZ(0deg);
            transform: translateX(270px) rotateZ(0deg);
  }
  17.6% {
    -webkit-transform: translateX(247.2px) rotateZ(-30deg);
            transform: translateX(247.2px) rotateZ(-30deg);
  }
  45% {
    -webkit-transform: translateX(165px) rotateZ(-30deg);
            transform: translateX(165px) rotateZ(-30deg);
  }
  49.5% {
    -webkit-transform: translateX(151.5px) rotateZ(-45deg);
            transform: translateX(151.5px) rotateZ(-45deg);
  }
  61.5% {
    -webkit-transform: translateX(115.5px) rotateZ(-45deg);
            transform: translateX(115.5px) rotateZ(-45deg);
  }
  67% {
    -webkit-transform: translateX(99px) rotateZ(-60deg);
            transform: translateX(99px) rotateZ(-60deg);
  }
  76% {
    -webkit-transform: translateX(72px) rotateZ(-60deg);
            transform: translateX(72px) rotateZ(-60deg);
  }
  83.5% {
    opacity: 1;
    -webkit-transform: translateX(49.5px) rotateZ(-90deg);
            transform: translateX(49.5px) rotateZ(-90deg);
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(0px) rotateZ(-90deg);
            transform: translateX(0px) rotateZ(-90deg);
  }
}
@keyframes travel {
  0% {
    opacity: 0;
    -webkit-transform: translateX(300px) rotateZ(0deg) scaleY(1);
            transform: translateX(300px) rotateZ(0deg) scaleY(1);
  }
  6.5% {
    -webkit-transform: translateX(279.5px) rotateZ(0deg) scaleY(1.1);
            transform: translateX(279.5px) rotateZ(0deg) scaleY(1.1);
  }
  8.8% {
    -webkit-transform: translateX(273.6px) rotateZ(0deg) scaleY(1);
            transform: translateX(273.6px) rotateZ(0deg) scaleY(1);
  }
  10% {
    opacity: 1;
    -webkit-transform: translateX(270px) rotateZ(0deg);
            transform: translateX(270px) rotateZ(0deg);
  }
  17.6% {
    -webkit-transform: translateX(247.2px) rotateZ(-30deg);
            transform: translateX(247.2px) rotateZ(-30deg);
  }
  45% {
    -webkit-transform: translateX(165px) rotateZ(-30deg);
            transform: translateX(165px) rotateZ(-30deg);
  }
  49.5% {
    -webkit-transform: translateX(151.5px) rotateZ(-45deg);
            transform: translateX(151.5px) rotateZ(-45deg);
  }
  61.5% {
    -webkit-transform: translateX(115.5px) rotateZ(-45deg);
            transform: translateX(115.5px) rotateZ(-45deg);
  }
  67% {
    -webkit-transform: translateX(99px) rotateZ(-60deg);
            transform: translateX(99px) rotateZ(-60deg);
  }
  76% {
    -webkit-transform: translateX(72px) rotateZ(-60deg);
            transform: translateX(72px) rotateZ(-60deg);
  }
  83.5% {
    opacity: 1;
    -webkit-transform: translateX(49.5px) rotateZ(-90deg);
            transform: translateX(49.5px) rotateZ(-90deg);
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(0px) rotateZ(-90deg);
            transform: translateX(0px) rotateZ(-90deg);
  }
}
.migration {
    font-size: 0.815rem;
    display: block;
    text-align: center;
    padding-top: 40px;
    color: #1e6cc7;
}
.migration_popup {
    height: 275px !important;
    padding-top: 100px !important;
}
.disabled-global-nav {
    height: 95%;
    width: 13.75rem;
    background: transparent;
    display: table-cell;
    vertical-align: top;
    position: absolute;
    top: 0;
}
/* End : Book shelves */

/* Start: Handle CKEditor content in the normal window */
.opentext_container {
    font-family: sans-serif, Arial, Verdana, "Trebuchet MS";
    font-size: 13px;
    line-height: 1.6;
    word-wrap: break-word;
    /* Text color */
    color: #333;
}
.opentext_container h1,
.opentext_container h2,
.opentext_container h3,
.opentext_container h4,
.opentext_container h5,
.opentext_container h6 {
    font-weight: normal;
    line-height: 1.2;
    color: #333;
}
.opentext_container h1 { font-size: 28px !important; }
.opentext_container h2 { font-size: 24px !important; }
.opentext_container h3 { font-size: 20px !important; }
.opentext_container h4 { font-size: 18px !important; }
.opentext_container h5 { font-size: 16px !important; }
.opentext_container h6 { font-size: 14px !important; }

.opentext_container ol,
.opentext_container ul,
.opentext_container dl {
    padding: 0 40px;
}
.opentext_container table {
    border-collapse: separate;
    border-color: inherit;
}
.opentext_container tbody,
.opentext_container tfoot,
.opentext_container thead {
    border: inherit;
}
.opentext_container table tr th,
.opentext_container table tr td {
    border-color: inherit;
}
@media screen and (min-width: 40em) {
    .opentext_container h2 {
        font-size: 1.5em;
    }
    .opentext_container h3 {
        font-size: 1.17em;
    }
}
/* End: Handle CKEditor content in the normal window */

/* admin module "show active users */
.admin__container {
    display: flex;
    justify-content: flex-end;
}

.upload-types input {
    vertical-align: middle;
    margin-right: 3px;
}