.hidden {
    display:none;
}

.inline{
  display: inline-block;
}
.inline + .inline{
}
.radiobutt{
  color:#929292;
  font-family:'Lato';
  font-size:12pt;
  position:relative;
  display:block;
  clear:both;
}
.radiobutt:hover {
    opacity:0.8;
    color:#0CB6E0;
}

.radiobutt span{
  position:relative;
   padding-left:25px;
}
.radiobutt span:after{
  content:'';
  width:18px;
  height:18px;
  border:1px solid;
  position:absolute;
  left:0;
  top:1px;
  border-radius:100%;
  -ms-border-radius:100%;
  -moz-border-radius:100%;
  -webkit-border-radius:100%;
  box-sizing:border-box;
  -ms-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
.radiobutt input[type="radio"]{
   cursor: pointer; 
  position:absolute;
  width:100%;
  height:100%;
  z-index: 1;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
.radiobutt input[type="radio"]:checked + span{
  color:#0CB6E0;  
  
}
.radiobutt input[type="radio"]:checked + span:before{
    content:'';
  width:6px;
  height:6px;
  position:absolute;
  background:#0CB6E0;
  left:6px;
  top:7px;
  border-radius:100%;
  -ms-border-radius:100%;
  -moz-border-radius:100%;
  -webkit-border-radius:100%;
}


/*User menu popup*/

.userMnuPopup {
    display:none;
    width:250px;
    position:absolute;
    border-radius:6px;
    z-index:201;
    border-color:#DBDBDB;
}

.userMnuPopup.ui-widget {
    font-family:Lato;
    font-size:12pt;
    padding:10px;
}

.userMnuPopup ui-menu-item {
        padding:5px;
}

.userMnuPopup li {
    padding:5px !important;
}


.userMnuPopup li:hover{
    border-radius:4px;
    background-color:#49AAEE;
    border:1px solid #49AAEE;
    color:#FFFFFF;
    padding:5px;
}

/*User menu popup end*/

.objIconStyle {
    width: 90px;
    height: 90px;
    border-radius: 6px;
    float: left;
    cursor: pointer;
}

.objTextbox {
    outline: 0 none;
    float: left;
    margin-left: 25px;
    margin-top: 18px;
    border: none;
    border-bottom: 1px solid #DBDBDB;
    font-size: 16pt;
    width: 300px;
}

.objTextdesc {
    width:calc(100% - 200px);
    float: left;
    text-align: left;
    margin-left: 25px;
    line-height: 18px;
}

.objFrame {
    float:left;
    width:100%;
    padding:15px;
}


.tmPadding10 {
    padding:20px;
    width:calc(100% - 40px);
    height:auto;
    display:inline-block;
}

.tmAIPanel {
    width:calc(100% - 40px);
    padding:20px;
    display:inline-block;
    margin-bottom:10px;
    position:relative;
    min-width:200px;
    background-color:#FFFFFF;
    border-bottom:1px solid #E5E5E5;
}

.tmTagRow {
    margin:0px 10px 20px 10px;
    float:left;
    clear:both;
    width:calc(100% - 20px);
    height:auto;
    display:inline-block;
}

.tmTagTitl {
    margin-top:30px;
    float:left;
    color:#909090;
    font-family:'Lato Black';
    letter-spacing:-0.5;
    font-size:14pt;
    width:100%;
    border-bottom:1px solid #DDDDDD;
    margin-bottom:5px;
    padding-bottom:4px;
}

.tmTagLink {
    margin-left:-5px;
    float:left;
    clear:both;
    color:#000000;
    font-family:Lato;
    max-width:250px;
    padding:5px;
    cursor:pointer;
}

.tmTagLink:hover {
    border-radius:4px;
    color:#FFFFFF;
}

.tmTLCol1:hover {
    background-color:#4A8BF6;
}

.tmTLCol2:hover {
    background-color:#0C84E0;
}

.tmTLCol3:hover {
    background-color:#0CB6E0;
}

.tmTLCol4:hover {
    background-color:#0E9AA7;
}

.tmTLCol5:hover {
    background-color:#53BA83;
}

.tmTLCol6:hover {
    background-color:#6677AA;
}

.tmTLCol7:hover {
    background-color:#AAAACC;
}

.tmTLCol8:hover {
    background-color:#095169;
}

.tmTLCol9:hover {
    background-color:#485D70;
}

.tmTLCol10:hover {
    background-color:#788595;
}

.tmTagBlk {
    display:inline-block;
    float:left;
    width:250px;
    text-align:left;
}


.mgWarningSuccess {
    font-family:'Lato';
    font-weight:bold;
    font-size:13pt;
    position:relative;
    clear:both;
    color:#2C2D30;
    top:65px;
    left:0px;
    width:calc(100% - 20px);
    height:40px;
    line-height:40px;
    padding-left:20px;
    background-color:#FFFFFF;
    border-radius: 6px;
    border: 1px solid #DBDBDB;
    border-left:5px solid #34A125;

}

.mgWarningSuccessIcon {
    color:#34A125;
    font-size:16pt;
    padding-right:10px;
}

.mg_Warning {
    color:#FF0000;
    font-family:Lato;
    font-weight:bold;
    font-size:12pt;
    float:left;
    clear:left;
}

.mgLoginErrorIcon {
    color:#D72B3F;
    font-size:16pt;
    padding-right:10px;
}

.mgLoginError {
    font-family:'Lato';
    font-weight:bold;
    font-size:13pt;
    position:relative;
    clear:both;
    color:#2C2D30;
    top:65px;
    left:0px;
    width:calc(100% - 52px);
    height:auto;
    line-height:30px;
    padding:5px 20px 5px 20px;
    background-color:#FFFFFF;
    border-radius: 6px;
    border: 1px solid #DBDBDB;
    border-left:5px solid #D72B3F;
}

.tmTaskStack {
    position:relative;
    margin-top:50px;
    width:calc(100% - 20px);
    padding:10px;
}

.tmStackItem {
    clear:both;
    float:left;
    font-family:'Lato';
    position:relative;
    display:inline-block;
    border-radius:6px;
    color:#757575;
    background-color:#FFFFFF;
    border:1px solid #E3E6E7;
    width:calc(100% - 30px);
    margin-bottom:2px;
    font-weight:bold;
    text-align:left;
    padding:15px;
}

.tmSIDiv {
    display:inline-block;
    margin-left:10px;
    width:calc(100% - 50px);
}

.tmStackItem:hover {
    opacity:0.6;
}

.tmTaskUPnl {
    position:absolute;
    left:0px;
    top:5px;
    width:35px;
    height:35px;
    padding:5px;
}


.taskProgBar {
    margin-top:5px;
    width:100px;
    height:8px;
    border-radius:6px;
    background-color:#E1E1E1;
    
}

.taskProgFill {
    width:15px;
    height:8px;
    border-radius:6px;
    background-color:#27B478;
}

.tmTaskUserIcon {
    position:absolute;
    text-align:center;
    right:0px;
    background-color:#CACACA;
    width:36px;
    height:36px;
    line-height:36px;
    color:#FFFFFF;
    font-weight:bold;
    border-radius:20px;
    border:2px solid #BABABA;
}

.tmChatMainIcon {
    width:50px;
    height:50px;
    margin-bottom:10px;
    display:inline-block;
    float:left;
}

.tmChatMainText {
    display:inline-block;
    float:left;
    margin-left:20px;
}

.tmGrayUserIcon {
    display:inline-block;
    position:relative;
    float:left;
    text-align:center;
    right:0px;
    background-color:#CACACA;
    width:36px;
    height:36px;
    line-height:36px;
    color:#FFFFFF;
    font-weight:bold;
    border-radius:20px;
    border:2px solid #BABABA;
    margin-right:5px;
}

.pnYellow:hover {
    background-color:#F2AF20;
}

.pnYellow {
    color:#F2AF20;
}

.pnLink3 {
    color:#2C365E;
}

.pnLink3:hover {
    background-color:#2C365E;
}

.pnLink4 {
    color:#484D6D;
}

.pnLink4:hover {
    background-color:#484D6D;
}

.pnLink5 {
    color:#4B8F8C;
}

.pnLink5:hover {
    background-color:#4B8F8C;
}

.pnLink6 {
    color:#005B96
}

.pnLink6:hover {
    background-color:#005B96;
}




#mnuStatusPnl {
    visibility:hidden;
    display:none;
    position:absolute;
    top:10px;
    left:300px;
    background-color:#FFFFFF;
    width:300px;
    height:220px;
    z-index:9999;
    border-bottom-right-radius:4px;
    border-bottom-left-radius:4px;
    box-shadow: 2px 2px 6px #8C8C8C;
}


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

.dashline {
    position:absolute;
    bottom:45px;
    margin-top:2px;
    margin-bottom:2px;
    background-color:#FFFFFF;
    width:100%;
    height:1px;
    z-index:50;
}

.offlIndic {
    display:inline-block;
    width: 10px;
    height: 10px;
    background-color:#000000;
    opacity:0.4;
    border-radius: 4px;
    margin-right:4px;
}

.onlIndic {
    display:inline-block;
    width: 10px;
    height: 10px;
    background-color:#05C90A;
    border-radius: 4px;
    margin-right:4px;
}


.faupl {
    font-size:26px;
}

.faexpand {
    margin-left:5px;
    display:none;
}

.faAttIcon {
    font-size:60px;
    color:#C5CACD;
}

#titlebar {
    position:absolute;
    border: 0px;
    border-bottom:1px solid #C5CACD;
    left:0px;
    right:0px;
    top:0px;
    height:50px;
    padding: 0 0 0 0;
    background-color: #F1F1F1;
    z-index : 90;
}

/*menu Items*/

.tmCtntGrp {
    padding-left:25px;
    cursor:pointer;
    width:calc(100% - 25px);
    height:24px;
    line-height:24px;
    position:relative;
    white-space:nowrap;
}

.tmCtntGrp:hover {
    background-color:#42515A;
}

.tmCtntGrpTxt {
    font-size:16px;
    font-family:'Lato';
    text-overflow:ellipsis;
    overflow: hidden;
    display:inline-block;
    height:24px;
    line-height:24px;
    vertical-align :middle;
    max-width:calc(100% - 50px);
}

.tmCtntAddCnt {
    padding-left:35px;
    cursor:pointer;
    width:100%;
    display:block;
    position:relative;
    float:left;
    background-image: url(../images/tmplus.png);
    background-repeat: no-repeat;
    background-position: 10px .2em;
}

.tmCtntLnkSml {
    font-size:14px;
    text-decoration :underline;
}

#menubar {
     display:none;
     position:absolute;
     background-color: #222B37;
     top:0px;
     left:0px;
     width:255px;
     bottom:0px;
     padding: 0 0 0 0;
     z-index : 90;
}

.tm_logocls {
    position:relative;
    width:150px;
    height:30px;
    margin-top:15px;
    margin-left:15px;
}

.phldr_logocls {
    background-color:#5B6573;
    border-radius:15px;
}

.phldr_detailspnl {
    position:relative;
    width:280px;
    margin-left:15px;
    margin-top:80px;
}

.phldr_longline {
    width:200px;
    height:16px;
    border-radius:8px;
    background-color:#5B6573;
    margin-bottom:5px;
}

.phldr_shortline {
    width:120px;
    height:16px;
    border-radius:8px;
    background-color:#5B6573;
    margin-bottom:5px;
}

.phgray_longline {
    background-color:#B9C4CB;
    width:120px;
    height:16px;
    border-radius:8px;
    margin-bottom:5px;
}

.phldr_newtaskbutt {
    background-color:#5B6573;
    border-radius:15px;
     position: absolute;
    width:120px;
    left: 0%;
    margin-left:15px;
    top:55px;
    height:32px;
    outline: 0 none; 
}

.pulseanim {
  background-color: #5B6573;
  animation-name: blucolor;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

@keyframes blucolor {
  0% {
    background-color: #5B6573;
  }
  50% {
    background-color: #798595;
  }
  100% {
    background-color: #5B6573;
  }
}

.pulseanim2 {
  background-color: #B9C4CB;
  animation-name: blucolor2;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

@keyframes blucolor2 {
  0% {
    background-color: #B9C4CB;
  }
  50% {
    background-color: #DEE3E6;
  }
  100% {
    background-color: #B9C4CB;
  }
}

.pulseanim3 {
  background-color: #E3E6E7;
  animation-name: blucolor3;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

@keyframes blucolor3 {
  0% {
    background-color: #E3E6E7;
  }
  50% {
    background-color: #F2F4F4;
  }
  100% {
    background-color: #E3E6E7;
  }
}

.phpos1 {
    position: absolute;
    left: 10px;
    top: 15px;
    width:300px;
}

.phGray {
    background-color:#B9C4CB;
}

.phLightGray {
    background-color:#E3E6E7;
}


.phRowSize {
    height:50px;
}


.tm_iconminimize {
    position:absolute;
    cursor:pointer;
    width:20px;
    height:20px;
    right:10px;
    top:10px;
}

.tm_logosmlcls {
    position:absolute;
    width:35px;
    height:35px;
    right:8px;
    top:11px;
    display:none;
    background-image:url(../images/smalllogo.png);
    background-size:35px 35px;
    cursor:pointer;
}

.tm_logosmlcls:hover {
    opacity: 0.6; filter: alpha(opacity=60);
}

.tmCtntUsrPanel {
    list-style-type: none;
    margin-left:0px;
    padding:0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
    color:#B9C4CB;
    /*text-shadow:1px 1px 0px #303B42;*/
    font-family:Lato;
	font-style:normal;
    text-decoration :none;
    margin-bottom:20px;
}

.faHelpButt {
    font-size:30px;
    color:#FFFFFF;
    padding-left:5px;
    cursor:pointer;
}

.faHelpButt:hover {
    opacity:0.6;
}

.faGoButt {
    font-size:50px;
    color:#D1D1D1;
    padding-left:5px;
    cursor:pointer;
}

.faGoButt:hover {
    color:#0B8FEB;
}

.tmCtntChannelPanel {
    display:none;
    position:absolute;
    width:600px;
    height:300px;
    background-color:#303B42;
    z-index:99999;
    top:150px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;


}

.tmCtntUsrPanelSml {
    position:relative;
    width:40px;
    margin-left:212px;
    list-style-type: none;
    display:none;
}

.tmCtntPTitle {
    padding-left:25px;
    margin-top:30px;
}

.tmCtntPTitle:hover {
    background-color:#42515A;
}

.tmProjRow {
    width:32px;
    margin:3px;
    margin-left:0px;
    margin-bottom:3px;
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display:block;
}

.tmUserSepIcon {
    height: 32px;
    width: 32px;
    margin-top:10px;
    padding-bottom:5px;
    margin-bottom:5px;
    border-bottom:2px solid #516472;
}

.tmSepIcon {
    height:2px;
    width:32px;
    border-bottom:2px solid #516472;
}

.tmGrpIcon {
    height: 32px;
    width: 32px;
    margin-top:5px;
    margin-bottom:5px;
    cursor:pointer;
    border-radius:6px;
}

.tmGrpIcon:hover {
    opacity:0.8;
}

.tmCtntMenu {
    position:absolute;
    bottom:50px;
    width:100%;
    top:100px;
    overflow:hidden;
}

.tmCtntPlaceHoldr {
     position:absolute;
     background-color: #222B37;
     top:0px;
     left:0px;
     width:255px;
     bottom:0px;
     padding: 0 0 0 0;
     z-index : 999999;
}

.tmCtntMenuStrip {
    position:absolute;
    bottom:50px;
    width:100%;
    top:100px;
    overflow:hidden;
}


/*main area*/
.mainnomenu {
    position:absolute;
    border: 0px;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
    padding: 25px 25px 25px 25px;
    background-color:#FFFFFF;
}

.tplacehldr {
    background-color:#FFFFFF;
    position:absolute;
    border: 0px;
    left:255px;
    right:0px;
    top:0px;
    bottom:0px;
    padding: 25px 25px 25px 25px;
    z-index:99999;
}

.mainwithmenu {
    display:none;
    background-color:#F6F6F7;
    position:absolute;
    border: 0px;
    left:255px;
    right:0px;
    top:0px;
    bottom:0px;
    padding: 25px 25px 25px 25px;
}

.tm_panelbutt {
    
    /*-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;*/
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	display:inline-block;
	font-family:Lato;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	line-height:15px;
	text-decoration:none;
	text-align:center;
    z-index: 110;
    cursor:pointer;
    padding:8px;
    background-color:#2AB27B;
    color:#FFFFFF;
    
}

.tm_panelbutt:hover {
	background-color:#239966;
}

/*buttons*/
.tm_ctaskbutt {
    
    /*-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;*/
	background-color:#222B37;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:0px;
	display:inline-block;
	color:#B9C4CB;
	font-family:Lato;
	font-size:17px;
	font-weight:bold;
	font-style:normal;
	line-height:15px;
	text-decoration:none;
	text-align:center;
    border:2px solid #B9C4CB;
	/*text-shadow:1px 1px 0px #0B5548;*/
    z-index: 110;
    cursor:pointer;
}

.tm_ctaskbutt:hover {
	background-color:#2AB27B;
    color:#FFFFFF;
    border:2px solid #2AB27B;
}

.tm_pcolor {
    background-color:#F03086;
}

.tm_pcolor:hover {
    background-color:#F66EAE;
}

.tm_buttfloat {
    width:160px;
    height:32px;
    margin-top:10px;
    margin-left:5px;
    outline: 0 none; 
}

.tm_newtaskbutt {
    position: absolute;
    width:120px;
    left: 0%;
    margin-left:15px;
    top:55px;
    height:32px;
    outline: 0 none; 
}

.tmCreateTaskButt {
    float:left;
    cursor:pointer;
    text-align:center;
    font-family:Lato;
    font-weight:bold;
    font-size:13pt;
    border-radius:6px;
    background-color:#4A8BF6;
    border:none;
    color:#FFFFFF;
    line-height:40px;
    width:120px;
    margin-top:14px;
    margin-left:15px;
    height:40px;
    outline: 0 none; 
    min-width:150px;
}

.tmAssignTaskButt {
    float:left;
    cursor:pointer;
    text-align:center;
    font-family:Lato;
    font-weight:bold;
    font-size:13pt;
    border-radius:6px;
    background-color:#4A8BF6;
    border:none;
    color:#FFFFFF;
    line-height:30px;
    width:120px;
    margin-top:14px;
    margin-left:15px;
    height:40px;
    outline: 0 none; 
    min-width:150px;
}

.tmFloatRight {
    float:right !important;
    margin-right:15px;
}

.tmCreateTaskButt:hover {
    opacity:0.8;
}

.tmAssignTaskButt:hover {
    opacity:0.8;
}

.tmAssignTaskButt:focus {
    opacity:0.8;
}

.tmSepVert {
    background-color:#D8D8D8;
    width:2px;
    height:40px;
    float:left;
    margin-top:14px;
    margin-left:12px;
}

.tmFootIcon {
    width:40px;
    height:40px;
    font-size:20pt;
    line-height:40px;
    float:left;
    text-align:center;
    cursor:pointer;
}

.tm_newtaskbutt:active {
    background-color:#1F895B;
}

.mgfalink {
    font-size:20px;
    color:#B9C4CB;
}

.mgfalink2 {
    font-size:30px;
    color:#B9C4CB;
}

.mgfalink:hover {
    color:#FFFFFF;
}

.tm_sendpicbutt {
    margin-top:10px;
    width:120px;
    height:15px;
}

.tm_newtaskbuttsml {
    position: absolute;
    width:32px;
    right:10px;
    top:65px;
    height:32px;
    outline: 0 none; 
	font-size:18pt;
    line-height:24px;
}

.tm_newtaskbuttsml:active {
    position:absolute;
    top:65px;
}


/*Project-related icons*/

.tmProjSml {
    height: 32px;
    line-height: 25px;
    width: 32px;
    border-radius: 5px;
    background-color:#F03086;
    color:#FFFFFF;
    font-weight:bold;
    font-size:8pt;
    text-align:center;
    text-overflow:clip;
}

.statIcon {
    width:25px;
    height:25px;
    border:none;
    vertical-align:middle;
    line-height:60px;
    margin-right:2px;
    margin-top:-5px;
}

.tmProjBig {
    position:absolute;
    bottom:2px;
    left:12px;
    height: 40px;
    line-height: 40px;
    width: 40px;
    border-radius: 8px;
    background-color:#F03086;
    color:#FFFFFF;
    font-weight:bold;
    font-size:14pt;
    text-align:center;
    text-overflow:clip;
    /*box-shadow: 2px 2px 6px #2F3031;*/
    z-index:100;
}

.tmUserBig {
    position: absolute;
    bottom:12px;
    left:12px;
    height: 40px;
    line-height: 40px;
    width: 40px;
    border-radius: 8px;
    color:#FFFFFF;
    font-weight:bold;
    font-size:28pt;
    text-align:center;
    text-overflow:clip;
    /*box-shadow: 2px 2px 6px #2F3031;*/
    z-index:100;
}

.tmProjSmlIcon {
    float:left;
    margin-right:5px;
}

/*Project menu Strip*/

.pmnuBracket {
    float:right;
    text-align:right;
    display:inline-block;
    color:#717274;
    cursor:pointer;
}

.pmnuHilite {
    color:#717274;
}

.faicontext {
    padding-left:6px;
}


.pmnuNoMargin {
    padding-right:0px;
}

.pmnuSep {
    float:right;
    display:inline-block;
    padding-left:8px;
    padding-right:8px;
    color:#D1D8DD;
}

.pmnuBracket:hover {
    color:#1283C7;
}

.pmnuStatRow {
    margin-left:10px;
    padding-left:10px;
    float:left;
    clear:left;
    color:#717274;
    font-family:Lato;
    font-weight:bold;
    font-size:13pt;
    text-rendering: optimizelegibility;
    cursor:pointer;
    top:0px;
    width:260px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}

.pmnuStatRow:hover {
    color:#FFFFFF;
    background-color:#798E9F;
}

.pmnuBPos1 {
    left:0px;
}

.pmnuIBase {
    position:absolute;
    left:5px;
    width:20px;
    height:20px;
    top:10px;
    background-image: url(../images/bigiconsheet.png);
    background-repeat: no-repeat;
    background-size: 80px 40px;
}

.pmnuImg1 {
    background-position: 2px 0px;  
}


.pmnuBPos2 {
    left:100px;
}


.pmnuImg2 {
    background-position: 2px 0px;  
}


.pmnuBPos3 {
    left:200px;
}

.pmnuImg3 {
    background-position: 2px -20px;  
}


.pmnuBPos4 {
    left:300px;
}

.pmnuImg4 {
    background-position: -20px 0px;  
}

.pmnuBPos5 {
    left:400px;
}

.pmnuImg5 {
    background-position: -40px 0px;  
}

.pmnuStrip {
    line-height:20px;
    position:absolute;
    height:20px;
    right:10px;
    width:100px;
    top:15px;
    z-index:100;
    white-space: nowrap;
    font-family:Lato;
    font-weight:normal;
    font-size:16pt;
    text-rendering: optimizelegibility;
    vertical-align :top; 
}

.pmnuStripRight {
    right:0px !important;
}

.pmnuStripTop {
    top:10px !important;
}

/*Task bar header*/

/*.tasklogarea {
    position:absolute; top:100px; bottom:0px; left:0px; right:0px; overflow:hidden;
    background-color:#FFFFFF;
}

.tmHeaderBar {
    position:relative;
    top:50px;
    left:0px;
    height:49px;
    width:100%;
    border-bottom: solid 1px #C5CACD;
}*/

.tmAIPic {
    display:inline-block;
    position:relative;
    width:50px;
    height:50px;
    float:left;
}

.tmAIText {
    display:inline-block;
    position:relative;
    font-family:'Lato';
    font-weight:bold;
    color:#909090;
    font-size:12pt;
    width:600px;
    height:auto;
    float:left;
    margin-left:15px;
    margin-right:15px;
    line-height:19px;
}

.tmButtFrame {
    float: left;
    cursor: pointer;
    text-align: center;
    font-family: Lato;
    font-weight: bold;
    font-size: 13pt;
    border-radius: 6px;
    border: none;
    color: #FFFFFF;
    line-height: 40px;
    height: 40px;
    outline: 0 none;
    padding-left:20px;
    padding-right:20px;
    min-width:120px;
}

.tmButtFrame:hover {
    opacity:0.8;
}

.tmBlueButt {
    background-color:#222B37;
    margin-right:10px;
}

.tmDGrayButt {
    background-color:#BCBCBC;
    margin-right:10px;
}

.tmAIButtPanel {
    display:inline-block;
    position:relative;
    clear:both;
    float:left;
    margin-top:10px;
}

.tmAIWhy {
    color:#000000;
    font-family:'Lato Black';
    font-size:14pt;
    background-color:#FCC218;
    border-radius:4px;
    padding:8px;
    float:left;
    display:inline-block;
    position:relative;
    cursor:pointer;
}

.tmAIWhy:hover {
    opacity:0.8;
}

.tmHRisk {
    position:absolute;
    height:40px;
    width:100px;
    display:inline-block;
}

.tmMargin50 {
    margin-left:50px;
}

.tmMargin10 {
    margin-top:5px;
    margin-left:10px;
    float:left;
    display:inline-block;
    position:relative !important;
}

.tmMarginPBar {
    margin-top:15px;
    margin-left:10px;
    float:left;
    display:inline-block;
    position:relative !important;
}

.tmRemainingTime {
    font-family:'Lato Black';
    font-size:14pt;
    color:#000000;
    float:left;
    display:inline-block;
    height:36px;
    line-height:36px;
    padding-right:20px;
    border-right:1px solid #BAB8B8;
}

.tmProgBlock {
    float:left;
    display:inline-block;
    width:auto;
    height:100%;
    cursor:pointer;
}

.tmProgBlock:hover {
    opacity:0.8;
}

.tmHRiskIcon {
    width:20px;
    height:auto;
    position:relative;
    display:inline-block;
    float:left;
    margin-right:5px;
}

.tmRed {
    color:#E74C3C;
}

.tmHRiskText {
    font-family:'Lato Black';
    font-size:12pt;
    line-height:10pt;
    letter-spacing:-0.5;
    color:#F39C12;
}

.tmAIBar {
    width:calc(100% - 25px);
    min-height:50px;
    display:inline-block;
    margin-top:10px;
    padding-left:25px;
    padding-bottom:10px;
    border-bottom:1px solid #E3E6E7;
}

.tasklogarea {
    position:absolute; 
    top:106px;
    bottom:0px; left:0px; right:0px; 
    overflow-x:hidden;
    overflow-y:scroll;
    background-color:#F6F6F7;
}

.tmHeaderBar {
    background-color:#F6F6F7;
    position:relative;
    top:56px;
    left:0px;
    height:49px;
    width:100%;
    border-bottom: solid 1px #E3E6E7;
}

.tmFilterBar {
    display:none;
    background-color: #F6F6F7;
    position: relative;
    display:inline-block;
    top: 56px;
    left: 0px;
    width: 100%;
    padding:5px;
    border-bottom: solid 1px #E3E6E7;
}

.agentPanel {
    float:left;
    position:relative;
    padding:10px;
    width:100%;
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
}

/*Dashboard Classes*/

.dashboard {
    position: absolute;
    left:0px;
    right:0px;
    top:0px;
    height:35px;
    padding:10px;
    background-color:#F6F6F7;
    border-bottom: solid 1px #E3E6E7;
     overflow-x:hidden;
     overflow-y:hidden;
    white-space: nowrap;
}

.popsearchbar {
    display:none;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 55px;
    height: 35px;
    padding: 5px;
    background-color: #F6F6F7;
    border-bottom: solid 1px #E3E6E7;
    white-space: nowrap;
    z-index:9999999;
}

.phdashpnl {
    display:inline-block;
    margin-right:10px;
    margin-top:3px;
    margin-bottom:10px;
    position:relative;
    float:left;
    height: 75px;
    line-height: 40px;
    width: 140px;
    border-radius: 10px;
    border:none;
}

.dashpnl {
    display:inline-block;
    cursor:pointer;
    margin-right:10px;
    margin-top:3px;
    position:relative;
    float:left;
    height: 40px;
    line-height: 40px;
    width: 140px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    border-top:2px solid #E3E6E7;
    border-left:2px solid #E3E6E7;
    border-right:2px solid #E3E6E7;
    color: #B9C4CB;
    font-weight: bold;
    text-align: center;
    text-overflow: clip;
}

.dashpnl:hover {
    opacity:0.6;
}

.agentdashpnl {
    display:inline-block;
    cursor:pointer;
    margin-right:10px;
    margin-bottom:10px;
    position:relative;
    float:left;
    min-height: 120px;
    line-height: 40px;
    width: 360px;
    border-radius: 8px;
    background-color: #F1F1F1;
    border:1px solid #B9C4CB;
    color: #757575;
    font-weight: bold;
    text-align: center;
    text-overflow: clip;
    padding-bottom:10px;
}

.wspacedashpnl {
    display:inline-block;
    cursor:pointer;
    margin-right:10px;
    margin-bottom:10px;
    position:relative;
    float:left;
    min-height: 120px;
    line-height: 40px;
    width: 150px;
    border-radius: 8px;
    background-color: #F1F1F1;
    border:1px solid #B9C4CB;
    color: #757575;
    font-weight: bold;
    text-align: center;
    text-overflow: clip;
    padding-bottom:10px;
}

.agentdashpnlplh {
    display:inline-block;
    cursor:pointer;
    margin-right:10px;
    margin-bottom:10px;
    position:relative;
    float:left;
    min-height: 300px;
    line-height: 40px;
    width: 360px;
    border-radius: 8px;
    background-color: #DEE3E6;
    padding-bottom:10px;
}


.dashfire 
{
    /*background-image: url(../images/fire.png);*/
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: 5px 5px; 
}

.dashfirem
{
    /*background-image: url(../images/fire.png);*/
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: 5px 5px; 
}

.dashnum {
    font-size: 13pt;
    position:absolute;
    top:0px;
    text-align:center;
    width:100%;
}

.dashdesc {
    font-size:11pt;
    font-family:'Lato Black';
    position:absolute;
    top:40px;
    right:10px;
    text-align :right;
    width:120px;
}

.dashName {
    font-size:12pt;
    font-family:'Lato Black';
    position:absolute;
    top:10px;
    left:55px;
    text-align:left;
    line-height:20px;
    width:120px;
}

.dashStatus {
    font-size:12pt;
    font-weight:normal;
    position:absolute;
    top:83px;
    right:10px;
    text-align :right;
    width:120px;
}

.dashselected{
    background-color:#0E7CED;
    border:2px solid #0E7CED;
    color:#FFFFFF;

}

.mgfawhite {
    color:#FFFFFF;
}

.dashwarn 
{
    background-color: #F2AF20;
    /*animation: blinker 1s linear infinite;*/

}

@keyframes blinker {  
  50% { opacity: 0.2; }
}