.agent-monitoring-master
{
  margin-left: 20px;
  float: left;
  width: 100%;
  font-size: 18pt;
}

.agent-monitoring-master small
{
  font-size: .5em;
}

.agent-monitoring-box
{
  float: left;
  width: 100%;
  font-weight: lighter;
  color: #FFFFFF;
}

.agent-monitoring-box .type-group-box
{
  float: left;
  clear: both;
  width: 100%;
  margin: 1px;
  margin-left: 0px;
}

.agent-monitoring-box h1
{
  margin-bottom: 1px;
}

.agent-monitoring-box .type-group-box div[data]
{
  margin-left: 1px;
}

.agent-monitoring-box .type-group-box div[data].cs-blink-on[alerted="true"]
{
  background-color: #940c16;
}

.agent-monitoring-box .type-group-box .title
{
  /*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);   -webkit-transform: rotate(-90deg);   -moz-transform: rotate(-90deg);*/
  cursor: pointer;
  font-size: 0.75em;
  float: left;
  width: 15em;
  height: 2.67em;
  text-align: left;
  margin-top: 0em;
  padding-left: .25em;
  background-color: #013f7a;
  overflow: hidden;
}

.agent-monitoring-box .type-group-box .type-group-box
{
}

.agent-monitoring-box[data-type-container="ListDialType"]:not([data-id="Receptive"]) > .type-group-box > .title, .agent-monitoring-box[data-type-container="Service"] .title, .agent-monitoring-box[data-type-container="ServiceType"][data-id="Receptive"] > .type-group-box > .title
{
  border-left: 0.5em solid rgb(0, 80, 171);
  width: 14.5em;
}

.agent-monitoring-box[data-type-container="Service"] .title
{
  border-left: 1em solid rgb(0, 80, 171);
  width: 14em;
}

.agent-monitoring-box[data-type-container="List"][data-type="active"] .title {
  border-left: 1em solid rgb(0, 80, 171);
  width: 14em;
}

.agent-monitoring-box[data-type-container="AgentlessList"][data-type="agentless"] .title {
  border-left: 1em solid rgb(0, 80, 171);
  width: 14em;
}

.agent-monitoring-box[data-type-container="List"][data-type="receptive"] .title
{
  border-left: 1.5em solid rgb(0, 80, 171);
  width: 13.5em;
}

.agent-monitoring-box[data-type-container="Supervisor"][data-type="active"] .title
{
  border-left: 1.5em solid rgb(0, 80, 171);
  overflow: hidden;
  text-overflow: ellipsis;
  width: 13.5em;
}

.agent-monitoring-box[data-type-container="Supervisor"][data-type="receptive"] .title
{
  border-left: 2em solid rgb(0, 80, 171);
  overflow: hidden;
  text-overflow: ellipsis;
  width: 13em;
}

.agent-monitoring-box[data-type-container="Agent"][data-type-isservice="false"] .title
{
  border-left: 2em solid rgb(0, 80, 171);
  width: 13em;
}

.agent-monitoring-box[data-type-container="Agent"][data-type-isservice="true"] .title
{
  border-left: 2.5em solid rgb(0, 80, 171);
  width: 12.5em;
}


.agent-monitoring-box .type-group-box .datas
{
  float: left;
  height: 2em;
  overflow:hidden;
}

.agent-monitoring-box .type-group-box .datas div[data]
{
  float: left;
  width: 4em;
  text-align: center;
  background-color: #013f7a;
}

.agent-monitoring-box .type-group-box .datas div[data][data-type="time"]
{
  width: 5em;
}

.agent-monitoring-box .type-group-box .datas div[data][data-type="bignumber"] {
  width: 5em;
}

.agent-monitoring-box .type-group-box .datas div[data][data-type="share"]
{
  width: 6em;
}

.agent-monitoring-box .type-group-box .datas div[data="ServiceLevel"]
{
  width: 2.6em;
}

.agent-monitoring-box[data-type-container="Supervisor"]  .type-group-box .datas div[data="WaitTime"]
{
  display: none !important;
}

.agent-monitoring-box[data-type-container="Campaign"] .type-group-box .datas div[data="CommandsSupervisor"]
{
  display: none !important;
}

.agent-monitoring-box[data-type-container="List"] .type-group-box .datas div[data="CommandsSupervisor"]
{
  display: none !important;
}

.agent-monitoring-box[data-type-container="Service"] .type-group-box .datas div[data="CommandsSupervisor"]
{
  display: none !important;
}

.agent-monitoring-box[data-type-container="ServiceType"] .type-group-box .datas div[data="CommandsSupervisor"]
{
  display: none !important;
}

.agent-monitoring-box[data-type-container="Supervisor"] .type-group-box .datas div[data="CommandsSupervisor"]
{
  display:block !important;
  width: 6em !important;
  padding-top: 15px;
  height:50px;
}

.agent-monitoring-box[data-type-container="Supervisor"] .type-group-box .datas div[data="MailingDuration"]
{
  display: none !important;
}



.agent-monitoring-box .type-group-box .datas div[data="WaitTime"]
{
  width: 6em;
}

.agent-monitoring-box .type-group-box .datas div[data="HitRate"]
{
  width: 6em;
}

.agent-monitoring-box .type-group-box .datas div[data="WaitingCallAverageSeconds"]
{
  width: 6em;
}

.agent-monitoring-box .type-group-box .datas div[data="WaitingCallMaxSeconds"]
{
  width: 6em;
}

.agent-monitoring-box .type-group-box .datas div[data="MailingDuration"]
{
  width: 6em;
}


.agent-monitoring-box .type-group-box .datas div[data] span[note]
{
  font-size: .5em;
}

.agent-monitoring-box .type-group-box .datas div[data="PauseType"]
{
  height:100%;
  width:6em;
}

.agent-monitoring-box .type-group-box .datas div[data="Commands"]
{
  width:6em;
}

.agent-monitoring-box .type-group-box .datas div[data="CommandsSupervisor"]
{
  width:6em;
}

.agent-monitoring-box .type-group-box .datas div[data="Commands"] button
{
  min-width:25% !important;
  max-width:25% !important;
  width:25% !important;
  cursor:pointer;
  background-color:transparent;
}

.agent-monitoring-box .type-group-box .datas div[data="CommandsSupervisor"] button
{
  min-width:25% !important;
  max-width:25% !important;
  width:25% !important;
  cursor:pointer;
  background-color:transparent;
}

.agent-monitoring-box[data-type-container="Agent"]
{
  margin-top: 1px;
}

.agent-monitoring-box[data-type-container="Agent"] .title
{
  height: 1.67em;
  overflow: hidden;
}

.agent-monitoring-box[data-type-container="Agent"] .datas
{
  float: left;
  height: 1.25em;
  overflow: hidden;
}

.agent-monitoring-box .datas [data][current-status]
{
  background-color: #3f729b !important;
}

.agent-monitoring-box .datas [data][current-status] span
{
  display: none;
}














/*NEWSTYLE**********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/


















.agenda
{
  text-align: center;
  color: #FFFFFF;
  font-size: 12pt;
}

.agenda > .header
{
  height: 40px;
  font-size: 14pt;
  font-weight: lighter;
  text-align: left;
}

.agenda .item
{
  cursor: pointer;
  overflow: hidden;
}

.agenda > .header > .title
{
  float: left;
  text-transform: capitalize;
  /*margin: 5px;*/
  margin-top: 10px;
  width: 150px;
  height: 40px;
  vertical-align: middle;
  text-align: center;
}

.agenda > .header > .mode-button
{
  height: 35px;
  float: right;
  margin: 5px;
  cursor: pointer;
}

.agenda > .header > .nav-button
{
  height: 35px;
  width: 30px;
  min-width: 30px;
  float: left;
  margin: 5px;
  cursor: pointer;
  background: none;
}

.agenda .nav-button[direction="previous"]
{
  background-image: url("../images/arrow_left_27x32.png");
  background-repeat: no-repeat;
}

.agenda .nav-button[direction="next"]
{
  background-image: url("../images/arrow_right_27x32.png");
  background-repeat: no-repeat;
}

.agenda > .content
{
}

.agenda[viewMode="month"] > .content > .week
{
  float: left;
  margin: 1px;
}

.agenda[viewMode="month"] > .content > .week > .header
{
  height: 30px;
  font-weight: lighter;
  font-size: 14pt;
  background-color: #013f7a;
}

.agenda[viewMode="month"] > .content > .week > .days > .day
{
  float: left;
  background-color: #3b0069;
  margin: 1px;
}

.agenda .add-button
{
  height: 16px;
  width: 16px;
  cursor: pointer;
  float: right;
  background: none;
  background-image: url('../images/icons/agenda_plus_16.png');
  background-repeat: no-repeat;
  position: relative;
  right: 2px;
  top: 2px;
  min-width: 16px;
}

.agenda[viewMode="month"] > .content > .week > .days > .day > .header
{
  clear: both;
  padding: 2px;
  font-size: 14pt;
  font-weight: bold;
  text-align: left;
}

.agenda[viewMode="month"] > .content > .week > .days > .day[outside] > .header
{
  font-weight: normal;
}

.agenda[viewMode="month"] > .content > .week > .days > .day[outside]
{
  background-color: #3f729b;
}

.agenda[viewMode="month"] > .content > .week > .days > .day[empty]
{
  background-color: #58b30e;
}

.agenda[viewMode="month"] > .content > .week > .days > .day > .items > .item
{
  margin: 1px;
  height: 1.3em;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  text-align: left;
}

.agenda[viewMode="month"] > .content > .week > .days > .day > .items > .item > span
{
  padding: 1px;
  background-color: #764d96;
}

/** WEEK **/
.agenda[viewMode="week"] > .content > .hours
{
  float: left;
  width: 5em;
  background-color: #3f729b;
}

.agenda[viewMode="week"] > .content > .day
{
  float: left;
  margin: 1px;
  background-color: #3b0069;
}

.agenda[viewMode="week"] > .content > .day > .header
{
  height: 30px;
  font-weight: lighter;
  font-size: 14pt;
  background-color: #013f7a;
}

.agenda[viewMode="week"] > .content > .day > .hours
{
  position: relative;
  left: 0px;
  top: 0px;
}

.agenda[viewMode="week"] > .content > .day > .hours > .hour
{
  width: 100%;
  font-size: 0pt;
}

.agenda[viewMode="week"] > .content > .day > .items
{
  position: relative;
  left: 0px;
  top: 0px;
}

.agenda[viewMode="week"] > .content > .day > .items > .item
{
  border: 1px #000000 solid;
  background-color: #764d96;
  position: absolute;
  left: 0px;
  top: 0px;
}

.agenda[viewMode="week"] > .header > .title
{
  width: 220px;
}

/** DAY **/
.agenda[viewMode="day"] > .content > .day > .hours
{
  height: 75px;
  position: absolute;
}

.agenda[viewMode="day"] > .content > .day > .hours > .hour
{
  float: left;
  height: 100%;
  text-align: left;
}


.agenda[viewMode="day"] .content .nav-button
{
  width: 30px;
  min-width: 30px;
  position: absolute;
  margin: 5px;
  height: 100%;
}
/*
// 
// .agenda[viewMode="day"] .nav-button[direction="next"]
// {
//   position: absolute;
//   float: right;
// }
// 
*/
.agenda[viewMode="day"] > .content
{
  background-color: #013f7a;
}

.agenda[viewMode="day"] > .content > .day > .items
{
  position: absolute;
}

.agenda[viewMode="day"] > .content > .day > .items > .item
{
  background-color: #3b0069;
  position: absolute;
  overflow: hidden;
}

.agenda[viewMode="day"] > .content > .day > .items > .item:hover
{
  background-color: #764d96;
}

.agenda[viewMode="day"] > .content > .header
{
  font-weight: lighter;
  padding-left: 40px;
  padding-top: 40px;
  height: 100px;
}

.agenda[viewMode="day"] > .content > .header > .title
{
  text-transform: capitalize;
  clear: both;
  float: left;
  border-bottom: 1px #FFFFFF dashed;
  padding-bottom: 5px;
}

.agenda[viewMode="day"] > .content > .header > .day
{
  clear: both;
  float: left;
  font-size: 36pt;
}


















/*NEWSTYLE**********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/





.dd
{
  width: 100%;
  height: 100%;
}

.dd .list-container
{
  height: 100%;
}

.clickin .list-container .item
{
  cursor: pointer;
  float: left;
}

.clickin .detail-container
{
  height: 100%;
  position:absolute;
  top:0px;
  left:0px;
}

.clickin .detail-container .content
{
  width:100%;
  float:left;
  clear:both;
}

.clickin .detail-container .toolbar
{
  border: 0px;
  margin: 0px;
  padding: 0px;
  border-bottom: 1px #0F0F0F solid;
  height: 30px;
  width: 100%;
}

.clickin .detail-container .toolbar .goback
{
  width: 20px;
  height: 20px;
  float: left;
}

.clickin .detail-container .toolbar .title
{
  float: left;
}






/*NEWSTYLE**********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/





.md-container
{
  height: 100%;
}

.md-toolbar
{
}

.md-toolbar-buttons
{
  float: left;
  height: 100%;
}

.md-toolbar-buttons button
{
  float: left;
  margin: 1em;
}

.md-list-container
{
}

.md-list-view
{
}

.md-detail-container
{
}

.md-detail
{
  padding:5px;
}


.md-detail-bar
{
  height: 35px;
}

.md-detail-bar button
{
  float: right;
  margin: 2px;
}

.md-button-save
{
  margin-right: 60px !important;
}

.md-button-cancel-readonly
{
  margin-right: 60px !important;
}

.md-button-remove
{
  background-color: #940c16;
}

.md-searchbox
{
  margin-right: 5px;
}

.md-detail .formfieldscontent
{
  padding-right: 3px !important;
}






/*NEWSTYLE**********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/





.mosaic-container
{
  padding-right:20px;
  padding-left:0px;
  padding-bottom:10px;
}

.k-widget
{
  color:#FFFFFF;
}

.mosaic-box
{
  float: left;
  background-color: #00B5DF;
  color:#FFFFFF;
  margin:0.4% 0.4% 0.4% 0.6% !important;
}

.mosaic-box-title
{
  clear: both;
  height: 25px;
  float: left;
  color: #FFFFFF;
  font-size:14pt;
  font-weight:bold;
  padding:5px;
  cursor:pointer;
}

.mosaic-box-content
{
  clear: both;
  float: left;
}






/*NEWSTYLE**********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/





.rotative-container
{

}

.rotative-arrow-west
{
  background-image: url('../images/arrow_left_27x32.png');
  background-repeat:no-repeat;
  width:30px;
  background-position: center;
}

.rotative-arrow-east
{
  background-image: url('../images/arrow_right_27x32.png');
  background-repeat:no-repeat;
  width:30px; 
  background-position: center;
}

.rotative-pane
{
  
}

.rotative-pane div
{
  /*float:left;*/
}





/*NEWSTYLE**********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/





.sl-container
{
  clear: both;
  width: 100%;
}

.sl-list-container div
{
  float: left;
}

.sl-list-container
{
  clear: both;
  float: left;
}

.sl-list
{
  float: left;
  display: block;
}

.sl-scroll
{
  height: 100%;
  width: 30px;
}

.sl-list
{
  height: 100%;
}

.sl-content-container
{
  clear: both;
  width: 100%;
}

.sl-item
{
  height: 80px;
  width: 100px;
  float: left;
}

.sl-item img
{
  padding: 0px;
  border: 0px;
  margin-left: 42px;
  float: left;
  clear: both;
}

.sl-item span
{
  width: 100%;
  float: left;
  clear: both;
  text-align: center;
}






/*NEWSTYLE**********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/





/* CSS Document */
html, body
{
  height: 100%;
  width: 100%;
  font-family: segoe ui,helvetica,sans-serif;
  margin-top: 0px;
  margin-left: 0px;
  background-color: #0050ab;
  overflow: hidden;
}


input:focus
{
  outline: 0px none;
  outline-width: 0px;
  outline-color: transparent;
}

.k-input[type="text"]
{
  border-style: none;
  outline: 0px none;
  outline-width: 0px;
  outline-color: transparent;
}


input:required
{
  border-color: transparent !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

input::-moz-inner-focus
{
  outline: 0px none;
}

.agenda[viewMode="week"] > .content > .day > .items > .item[custom-data="Campaign"]
{
  background-color: #e29e19;
}

.agenda[viewMode="week"] > .content > .day > .items > .item[custom-data="DistributionList"]
{
  background-color: #001a5f;
}

.agenda[viewMode="week"] > .content > .day > .items > .item[custom-data="Mailing"]
{
  background-color: #5a0505;
}


.agenda[viewMode="day"] > .content > .day > .items > .item[custom-data="Campaign"]
{
  background-color: #e29e19;
  border-left: 0px;
  border-top: 0px;
  border-right: 2px;
  border-bottom: 2px;
  border-color: #013F7A;
  border-style: solid;
}

.agenda[viewMode="day"] > .content > .day > .items > .item[custom-data="DistributionList"]
{
  background-color: #001a5f;
  border-left: 0px;
  border-top: 0px;
  border-right: 2px;
  border-bottom: 2px;
  border-color: #013F7A;
  border-style: solid;
}

.agenda[viewMode="day"] > .content > .day > .items > .item[custom-data="Mailing"]
{
  background-color: #5a0505;
  border-left: 0px;
  border-top: 0px;
  border-right: 2px;
  border-bottom: 2px;
  border-color: #013F7A;
  border-style: solid;
}


.agenda[viewMode="day"] > .content > .day > .items > .item[custom-data="Campaign"]:hover
{
  background-color: #f2b02e;
}

.agenda[viewMode="day"] > .content > .day > .items > .item[custom-data="DistributionList"]:hover
{
  background-color: #011d68;
}

.agenda[viewMode="day"] > .content > .day > .items > .item[custom-data="Mailing"]:hover
{
  background-color: #7e0505;
}



.agenda[viewMode="month"] > .content > .week > .days > .day > .items > .item[custom-data="Campaign"]
{
  background-color: #f09f01;
}

.agenda[viewMode="month"] > .content > .week > .days > .day > .items > .item[custom-data="DistributionList"]
{
  background-color: #011d68;
}

.agenda[viewMode="month"] > .content > .week > .days > .day > .items > .item[custom-data="Mailing"]
{
  background-color: #011d68;
}



.agenda[viewMode="month"] > .content > .week > .days > .day > .items > .item[custom-data="Campaign"] > span
{
  background-color: #d99001;
}

.agenda[viewMode="month"] > .content > .week > .days > .day > .items > .item[custom-data="DistributionList"] > span
{
  background-color: #011449;
}

.agenda[viewMode="month"] > .content > .week > .days > .day > .items > .item[custom-data="Mailing"] > span
{
  background-color: #460101;
}

.listview-select h3
{
  width: 200px;
  margin-left: 20px;
  font-size: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
}



.md-detail-container .jspVerticalBar{
  position: absolute;
  top: 0;
  right: 10px;
  width: 5px;
  height: 100%;
  background: transparent;
}



.listview-select div.k-listview div
{
  background-color: #013f7a !important;
  padding-left: 4px;
}

.listview-select .k-content
{
  background-color: #0050ab !important;
}

.listview-select div.k-listview[data-role="selectablelistview"] div[data-uid]
{
  background-color: #013f7a !important;
  margin-right: 2px !important;
  margin-left: 5px !important;
}

.k-loading-color
{
  background-color: transparent !important;
}

.k-i-arrowhead-s
{
  background-position: -16px -288px !important;
}

input.k-input
{
  width: 12.3em;
}

input:focus
{
  outline: none;
  border-style: none;
  border-color: transparent;
}

a:link
{
  color: #FFFFFF;
  text-decoration: none;
}

a:visited
{
  color: #FFFFFF;
  text-decoration: none;
}

.textcontent
{
  font-family: segoe ui,helvetica, sans-serif;
  font-size: 14px;
  color: #FFFFFF;
}

s /* ----------------------login----------------------------- */ div .loginbox input + .error
{
  margin: 60px 0px;
}

a, *[onclick]
{
  cursor: pointer;
}

div.error
{
  border: 2px solid rgb(211,2,17);
  padding: 8px 10px 8px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
  font-family: segoe ui , helvetica, sans-serif;
  color: #fff;
  background-color: rgb(211,2,17);
  background-image: url(../images/error.png);
  min-width: 200px;
  z-index: 4;
  float: right;
  margin-left: 10px;
}

div.page-content .error
{
  margin-top: 20% !important;
  width: 100% !important;
}



.Login-container
{
  margin: 0px 0px 0px 0px;
  height: 100%;
  width: 100%;
  background-color: #fff;
}

.Login-Glass
{
  width: 100%;
  z-index: 99;
  position: absolute;
  top: 0px;
  height: 100%;
}
.Login-Glass img
{
  width: 100%;
  position: absolute;
  top: 0px;
  z-index: 99;
  height: 120%;
}

.Marine-Blue
{
  background-color: #019481;
  width: 22%;
  height: 42%;
  float: left;
  margin: 0px 0.3% 0.3% 0px;
}

.Chevy-Green
{
  background-color: #58b30e;
  width: 33%;
  height: 42%;
  float: left;
  margin: 0px 0.3% 0.3% 0px;
}

.Aqua-Blue
{
  background-color: #00bde3;
  width: 44.4%;
  height: 42%;
  float: left;
  clear: right;
  margin: 0px 0px 0.3% 0px;
}

.Down-Blue
{
  background-color: #003669;
  width: 22%;
  height: 57.7%;
  float: left;
  margin: 0px 0.3% 0px 0px;
}

.Yellow
{
  background-color: #e29e19;
  width: auto;
  width: 77.7%;
  height: 57.7%;
  float: left;
  margin: 0px 0px 0px 0px;
}

.Purple
{
  background-color: #3b0069;
  position: absolute;
  top: 27%;
  right: 0px;
  width: 65%;
  height: 50%;
  min-height: 300;
  z-index: 10;
}

.Login-Fields
{
  position: absolute;
  top: 27%;
  right: 0px;
  width: 65%;
  height: 50%;
  min-height: 300;
  z-index: 100;
}

.Login-Fields span img
{
  margin-left: 50px;
  margin-top: 40px;
}

.Login-Fields input
{
  height: 35px;
  width: 260px;
  outline: none;
  border: none;
  margin-top: 10px;
}

div.Login-Fields-Content button{
  background-color: transparent;
  min-width: 50px;
  float: right;
  margin-top: -33px;
  margin-left: 10px;
  min-height: 38px !important;


}

div.Login-Fields-Content button:hover{
  background-color: transparent;
  
}



.Login-Fields img[src="static/images/login_arrow.png"]
{
  margin-top: -3px;
  cursor: pointer;
}

.Login-Fields img[src="static/images/logo_login_new.png"]
{
  margin-bottom: 10px;
}

.Login-Fields div div
{
  float: right;
  margin-top: 15px;
}

.Login-Fields input
{
  color: #797979;
  font-size: 22px;
  font-family: segoe ui, helvetica, sans serif;
}



.Login-Footer-Left
{
  position: absolute;
  left: 5px;
  bottom: 5px;
  color: #FFFFFF;
  font-family: segoe ui, helvetica, sans-serif;
  font-size: 12px;
}

.Footer-Right {
  position: absolute;
  bottom: 5px;
  right: 5px;
  z-index: 9999;
}

.Login-Footer-Right-In
{
  float: right;
  
  position:absolute;
  bottom:0px;
  margin-right:5px;

  color: #FFFFFF;
  font-family: segoe ui, helvetica, sans-serif;
  font-size: 12px;
  z-index: 9999;
}

.Login-Footer-Right
{
  position: absolute;
  background-color: black;
  bottom: 5px;
  right: 5px;
  color: #FFFFFF;
  font-family: segoe ui, helvetica, sans-serif;
  font-size: 12px;
  z-index: 9999;
}

.Vmware-Right
{
  display: none;
  float: right;
  margin-right: -22px;
  margin-bottom: -30px;
  z-index: 9999;
  cursor: pointer;
}

.Lost-Pass
{
  font-size: 12px;
  font-family: segoe ui, helvatica, sans serif;
  margin: 15px 15px 0px 245px;
  
}

.Login-Fields-Content
{
  width: 310px;
  margin-left: 100px;
  margin-bottom: 5px;
}

/*----------------------------home--------------------------*/
#imagebg1
{
  position: absolute;
  top: 0px;
  left: 5%;
  z-index: -1;
}

#imagebg2
{
  position: absolute;
  top: 0px;
  right: 15%;
  height: 450px;
  z-index: -1;
}

#imagebg3
{
  position: absolute;
  bottom: 0px;
  left: 20%;
  height: 437px;
  z-index: -1;
}

#imagebg4
{
  position: absolute;
  bottom: 0px;
  right: 5%;
  height: 459px;
  z-index: -1;
  left: 703px;
}


#logonamesystem
{
  position: absolute;
  width: 158px;
  height: 54px;
  left: 25px;
  top: 20px;
  z-index: 2;
}

.page-footer img
{
  margin-left: 10px;
  margin-bottom: 3px;
  z-index: 10;
}

#spottrans
{
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: -250px;
  z-index: 3;
}


#icomglass
{
  position: absolute;
  top: 7px;
  left: 5px;
}


#icoarrowsearch
{
  position: absolute;
  top: 4px;
  right: 8px;
}

#menurighttrans
{
  position: absolute;
  top: 50%;
  margin-top: -215px;
  right: 0px;
  z-index: 3;
}


#icocalendar
{
  position: absolute;
  top: 50px;
  left: 25px;
}

#iconotes
{
  position: absolute;
  top: 135px;
  left: 29px;
}

#icohelp
{
  position: absolute;
  left: 26px;
  top: 215px;
}

#icoexit
{
  position: absolute;
  top: 340px;
  left: 30px;
}


#backhometrans
{
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 1000;
}

.homeletbox
{
  width: 467px;
  padding: 7px;
  float: left;
  margin-right: 16px;
  font-family: segoe ui, helvetica, sans-serif;
  padding-top: 0px;

}

.homeletbox div
{
  position: relative;
  float: left;
  font-family: segoe ui, helvetica, sans-serif;
}

.homelet.titled div.title
{
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding: 5px;
}

.homeletbox .homelet
{
  margin: 4px;
}



#hiuser
{
  font-family: segoe ui, helvetica, sans-serif;
  font-size: 24px;
  color: #FFF;
  position: relative;
  width: 300px;
  top: 20px;
  border: none;
  z-index: 2;
  float: right;
}

#hiuser + .popup
{
  color: #696969 !important;
}

#homescreen
{
  float: left;
  width: 100%;
  height: 100%;
}

#pageContainer
{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}


.page
{
  float: left;
  display: inline;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  clear: both;
  z-index: auto;
  background-color: #0050ab;
}

.page-title
{
  color: #FFFFFF;
  font-family: segoe ui , tahoma;
  font-size: 34px;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 50px;
  padding-left: 60px;
  padding-top: 0px;
}



.page-content
{
  float: left;
  clear: both;
  position: absolute;
  top: 80px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.page-back
{
  cursor: pointer;
}

.page + page
{
  visibility: hidden;
}

.popup
{
  /*z-index:1000;*/
  background-image: url('../images/black_bg_trans.png');
  background-repeat: repeat;
  width: 100%;
  height: 100%;
  position: absolute;
}

.popup div.page-title
{
  width: 980px;
  position: absolute;
  left: 50%;
  margin-top: 0px;
  padding-bottom: 20px;
  margin-left: -490px;
  font-family: segoe ui,helvetica,tahoma; /*background-color: #F1F1F1;   color: #696969;*/
  color: #fff;
  background-color: transparent;
}

fieldset legend
{
  font-size: 22px;
  color: #fff !important;
}

.popup div.page-content
{
  width: 980px;
  border: 0px;
  border-bottom: 1px #F1F1F1 solid;
}


#homelets
{
  width: 998px;
  position: absolute;
  left: 50%;
  margin-top: 90px;
  margin-left: -489px; /*z-index:1;*/
  display: inline;
  font-family: segoe ui,tahoma ,verdana;
}

.grid-external-bar
{
  clear: both;
  position: absolute;
  left: 0px;
  top: 0px;
}

.search-box
{
  border: 1px #000000 solid;
  padding: 2px;
  font-size: 12pt;
  margin-right: 20px;
}

.search-box-icon
{
  border: 0px;
}

.search-box input[type='text']
{
  border: 1px;
  font-size: 1.5em;
}

#search
{
  height: 30px;
  width: 430px;
  position: absolute;
  left: 50%;
  margin-left: -215px;
  margin-top: 5px;
  background-color: #FFF;
}

#menuright
{
  width: 92px;
  height: 380px;
  position: absolute;
  top: 50%;
  margin-top: -215px;
  right: 0px;
  background-color: #000000;
  z-index: 1000;
}

#menuright > a
{
  float: left;
  margin: 30px;
  clear: both;
}

#menuright > a[logout=""]
{
  margin-top: 20px;
}

#backhome
{
  width: 92px;
  height: 86px;
  position: absolute;
  background-color: #000;
  right: 0px;
  bottom: 0px;
  z-index: 1000;
}

#icohome
{
  position: absolute;
  top: 50%;
  margin-top: -21px;
  left: 50%;
  margin-left: -21px;
}




/*.HomeSystem_Root .mosaic-box-expanded{
  overflow:auto !important;
  height: 96% !important
}*/

/*--------------------------template lista---------------------------------*/

div.spotBox span
{
  font-size: 50px;
}

div.itemList .items
{
  width: 100%;
  height: 100%;
  clear: both;
  margin-top: 10px;
}

div.itemList .header
{
  clear: both;
  width: 100%;
  height: 40px;
  text-align: left;
  font-family: segoe ui,helvetica,tahoma;
  font-size: 20px;
  background-color: #0b56aa;
  padding-left: 30px;
  margin-bottom: 10px;
}

#campaign-list
{
  padding-top: 10px;
}

div.itemList .header div
{
  height: 35px;
  width: 120px;
  padding: 5px 0px 0px 12px;
  background-color: #013F7A;
}

div.itemList .header div:hover
{
  background-color: #dbdbdb;
  color: #696969 !important;
}

div.itemList .header .filter
{
  float:left; 
  width:120px;
  margin-left:10px;
  color: #FFFFFF;
  background-color: #0b56aa;
}

div.itemList .header .filter:hover
{
  float:left; 
  width:120px;
  margin-left:10px;
  color: #FFFFFF !important;
  background-color: #0b56aa;
}

div.itemList .header div:hover a
{
  color: #696969 !important;
}

div.itemList .item
{
  width: 98%;
  height: 100px;
  color: #FFFFFF;
  display: block;
  margin-left: 1.5%;
  float: left;
  margin-top: 10px;
}

.itemList div.jspVerticalBar
{
  position: absolute;
  right: 35px;
  overflow: hidden;
}

div.jspTrack
{
  background-color: #2b7ad2 !important;
}

div.itemList .item div
{
  float: left;
  position: relative;
  height: 82px;
}

div.itemList .item .captionBox
{
  width: 34%;
  background-color: #013F7A;
  height: 100%;
}

div.itemList .item .captionBox .title
{
  clear: both;
  width: 35%;
  height: 50%;
  font-size: 30px;
  padding-left: 20px;
}

.master-agent-sync.itemList .item .captionBox .title
{
  width: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.master-agent-sync.itemList .item .captionBox
{
  width: 98%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.master-agent-sync.itemList .item .captionBox + .spotBox
{
  width: 48% !important;
  overflow: hidden;
  text-overflow: ellipsis;
}

.report-audit-trail .k-combobox
{
  margin-top: 5px;
}

div.itemList .item .captionBox .title a
{
  white-space: nowrap;
}

div.itemList .item .captionBox .detail
{
  font-size: 24px;
  clear: both;
  width: 35%;
  height: 50%;
  padding-left: 20px;
}

div.itemList .item .commandBox
{
  width: 25%;
  height: 100%;
  background-color: #013F7A;
}

div.itemList .item .commandBox p
{
  margin-top: 10px;
  margin-left: 5px;
}

.itemList span.namespotbox
{
  font-size: 15px;
  margin-top: 5px;
}

div.itemList .item .commandBox div
{
  width: 166px;
  height: 41px;
  float: left;
}

div.itemList .item .spotBox
{
  margin-left: 2px;
  width: 12%;
  height: 100%;
  background-color: #013F7A;
}

div.itemList .item .spotBox p
{
  margin-top: -10px;
}

div.itemList .item .spotBox span.agent-count
{
  font-size: 34px;
  font-weight: lighter;
}

/*---------------------------- template grid---------------------*/


div.commoditygrid
{
  padding: 0 30px 0 30px;
  background-color: #000;
  margin-top: 100px;
  font-family: segoe ui, tahoma;
}

div.commoditygrid .k-content
{
  padding: 0 30px 0 30px;
  margin-top: 100px;
  font-family: segoe ui, helvetica,tahoma;
  background-color: #015fa7;
}


div.commoditygrid .k-widget
{
  background-color: transparent;
  border-color: transparent;
  color: #FFFFFF;
}

div.commoditygrid .k-header
{
  background-color: #013f7a;
  height: 30px;
  border-color: transparent;
}



div .k-pager-wrap
{
  background-color: #013f7a;
}
div .k-grid-pager
{
  background-color: #013f7a;
}

.k-pager-wrap > .k-link
{
  float: left;
  border-radius: 13px;
  height:22px;
  width:22px;
  min-width:22px;
  line-height:22px;

  margin-top:0px;
  margin-right:3px;
  margin-bottom:0px;
  margin-left:3px;


  padding-top:0px;
  padding-right:0px;
  padding-bottom:0px;
  padding-left:0px;
    
}

.k-pager-numbers .k-link
{
  float: left;
  border-radius: 13px;
  border-width: 0px;
  height:22px;
  width:22px;
  min-width:22px;
  line-height:22px;

  margin-top:0px;
  margin-right:3px;
  margin-bottom:0px;
  margin-left:3px;


  padding-top:0px;
  padding-right:0px;
  padding-bottom:0px;
  padding-left:0px;
}

.k-pager-numbers .k-state-selected
{
  float: left;
  border-radius: 13px;
  height:22px;
  width:22px;
  min-width:22px;
  line-height:22px;

  margin-top:0px;
  margin-right:3px;
  margin-bottom:0px;
  margin-left:3px;


  padding-top:0px;
  padding-right:0px;
  padding-bottom:0px;
  padding-left:0px;
}

.k-pager-wrap > .k-link .k-icon
{
  vertical-align:top;
  margin-top: 3px;
}

div.commoditygrid .k-state-active, k-state-active:hover, k-active-filter
{
  background-color: transparent;
  border-color: #FFFFFF;
  color: #FFFFFF;
}
div.commoditygrid .k-alt
{
  background-color: #0d67ab;
  border-color: transparent;
}



div.commoditygrid .k-toolbar
{
  /*muda o header do grid editavel para o "form"*/
  background-color: transparent;
  border-color: transparent;
}

div.commoditygrid .k-header
{
  /*muda o header do popup do grid editavel para o "form"*/
  background-color: #013f7a;
  border-color: transparent;
}



div.commoditygrid .k-grid-header
{
  background-color: #013f7a;
}

div.commoditygrid .k-grid-header, .k-grid-footer-wrap
{
  border-color: transparent;
}

div.commoditygrid .k-grid td
{
  border-color: transparent;
}

div.commoditygrid .k-grid-header-wrap
{
  border-color: transparent;
}

div.commoditygrid .k-pager-wrap
{
  border-color: transparent;
}

div.commoditygrid .k-content .k-filter
{
  background-position: -48px -80px;
}


.div.commoditygrid .k-content .k-clear-filter
{
  background-position: -48px -96px;
}



/*------------- template grid detail and breadcrumb grid detail--------------*/



nav.breadcrumbgrid
{
  height: 15px;
  width: 5px;
  color: #FFFFFF;
  font-family: segoe ui,helvetica,tahoma;
  display: inline;
  position: relative;
  top: 120px;
}


nav.breadcrumbgrid ul
{
  height: 15px;
  width: 5px;
  background-color: #013f7a;
  display: inline;
  padding-right: 5px;
}

div.CommodityGridDetail
{
  padding: 0 30px 0 30px;
  margin-top: 150px;
  font-family: segoe ui, helvetica,tahoma;
}
div.CommodityGridDetail .k-content
{
  font-family: segoe ui, helvetica,tahoma;
}

div.CommodityGridDetail .k-grid-header
{
  background-color: #013f7a;
  border-style: none;
}
div.k-pager-wrap
{
  background-color: #013f7a;
  border-style: none;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #fff;
}

div.CommodityGridDetail .k-widget
{
  border-style: none;
  color: #FFFFFF;
}

div.CommodityGridDetail .k-header
{
  background-color: #013f7a;
}

div.CommodityGridDetail .k-grid td
{
  border-color: transparent;
}

div.CommodityGridDetail .k-grid-content
{
  background-color: #015fa7;
}

div.CommodityGridDetail tr .k-alt .k-master-row
{
  background-color: #ffffff;
}

div.CommodityGridDetail .k-alt, .k-separator
{
  background-color: #0d67ab;
}




div.CommodityGridDetail .k-grid-header .k-header
{
  border-style: none;
}

div.CommodityGridDetail .k-state-active, k-state-active:hover, k-active-filter
{
  background-color: transparent;
  border-color: #FFFFFF;
  color: #FFFFFF;
}

div.CommodityGridDetail .k-grid-header-wrap
{
  border-color: #013f7a;
}
div.CommodityGridDetail .k-detail-cell tr
{
  background-color: #015fa7;
}

div.CommodityGridDetail .k-detail-cell .k-alt td
{
  background-color: #0d67ab;
}

div.CommodityGridDetail .k-tabstrip .k-content
{
  border-style: none;
}


div.CommodityGridDetail .k-tabstrip-items .k-item
{
  border-style: none;
}

div.CommodityGridDetail .k-state-active
{
  background-color: #02a2ca; /*cor do fundo do detail #47b2d6 */
}


div.CommodityGridDetail span.k-state-active
{
  background-color: #013f7a; /*cor do paginador*/
}


div.CommodityGridDetail .k-plus
{
  background-position: -16px -192px;
}

div.CommodityGridDetail .k-minus
{
  background-position: -16px -226px;
}

div.CommodityGridDetail span.k-state-active
{
  background-color: #013f7a;
}



/*---------------------------- template Ativo Receptivo---------------------*/



.Active
{
  top: 20px;
}



.Receptive
{
  margin-top: 50px;
}



div.Ative-Receptive-Grid
{
  margin-top: 80px;
  font-family: segoe ui,helvetica,tahoma;
}


.Ative-Receptive-Sign
{
  background-color: #013f7a;
  text-align: right;
  position: absolute;
  left: 0px;
  width: 180px;
  height: 26px;
  font-size: 20px;
  font-family: segoe ui, helvetica,tahoma;
  color: #FFF;
  padding-right: 20px;
  padding-bottom: 5px;
}




div.Ative-Receptive-Grid tr.k-alt td
{
  background-color: #0d67ab;
  border-color: transparent;
}

div.Ative-Receptive-Grid td
{
  background-color: #015fa7;
  color: #FFFFFF;
}

div.Ative-Receptive-Grid th.k-header, .k-grid-header
{
  background-color: #013f7a;
}

div.Ative-Receptive-Grid .k-grid-header
{
  background-color: #013f7a;
  border-color: transparent;
}

div.Ative-Receptive-Grid .k-grid.k-widget
{
  border-color: transparent;
  border-style: none;
}

div.Ative-Receptive-Grid tbody tr
{
  border-color: #00FF33;
}

div.Ative-Receptive-Grid .k-header
{
  border-color: transparent;
  height: 30px;
}

div.Ative-Receptive-Grid .k-grid-header-wrap
{
  border-color: transparent;
}

div.Ative-Receptive-Grid .k-widget
{
  border-color: #015fa7;
}


div.Ative-Receptive-Grid .k-grid td
{
  border-style: none;
}





/*-------------------------- template form popup---------------------*/

div.bgformpopup
{
  overflow: auto;
  height: 100%;
  width: 90%;
  background-color: #f1f1f1;
  margin: auto;
  z-index: 2;
  padding-right: 10px;
}

div.formfieldscontent
{
  color: #fff;
  font-family: segoe ui, helvetica,tahoma;
  width: 90%;
  height: 100%; /*overflow: auto;   /*overflow-x: hidden;*/
  outline: none;
  margin: auto;
  background-color: transparent;
}

.HomeSystem_Root .formfieldscontent
{
  width: 99% !important;
}

.k-timepicker
{
  width: 200px;
}

div.formfieldscontent input[for="boxsize"]
{
  font-family: segoe ui, helvetica, sans-serif;
  font-size: 18px;
}

div.formfieldscontent input[type="text"]
{
  font-family: segoe ui, helvetica, sans-serif;
}

.stripform
{
  height: 20px;
  width: 780px;
  background-color: #013e7a;
  position: relative;
  top: 20px;
}

div.formfieldscontent .formbox
{
  color: #013e7a;
  font-family: segoe ui, helvetica,tahoma;
  margin-left: 40px;
  height: 50px;
  margin-bottom: 20px;
  float: left;
}

div.formbox[for="NewCampaign_spaceform"]
{
  height: 50px;
  width: 500px;
  display: block;
}

div for[NewCampaign_spaceform] p
{
  line-height: 300px;
}

div.formfieldscontent input[id="NewCampaign_numericbox7"]
{
  float: left;
}

div.formfieldscontent label
{
  /*color: #013e7a;*/
  font-size: 15px;
}

div.formfieldscontent input[type="checkbox"]
{
  margin-top: 20px;
}

div.formfieldscontent .buttonformpopup
{
  height: 100px;
  width: 350px;
  display: inline;
  position: relative;
  bottom: 20px;
  float: right;
}

div.formfieldscontent button[for="btsave"]
{
  margin-left: 70px;
  height: 30px;
  width: 100px;
  font-family: segoe ui, helvetica, sans-serif;
  font-size: 14px;
}
div.formfieldscontent button[for="btdel"]
{
  margin-left: 5px;
  height: 30px;
  width: 100px;
  font-family: segoe ui, helvetica, sans-serif;
  font-size: 14px;
}
div.formfieldscontent button[for="btnew"]
{
  margin-left: 350px;
  height: 30px;
  width: 100px;
  font-family: segoe ui, helvetica, sans-serif;
  font-size: 14px;
}


div.formfieldscontent input[type="radio"]
{
  margin-right: 10px;
}

.clear-left
{
  clear: left;
}

.campaign-new-form
{
  height: 100%;
  width: 100%;
}

.campaign-new
{
  height: 100%;
  width: 100%;
}

.campaign-new .formfieldscontent
{
  width: 100%;
  height: 100%;
  margin: auto;
}

.campaign-new .formfieldscontent .k-window-button
{
  margin-left: 5px;
}

.Jscrollspace
{
  height: 50px;
  display: block;
  padding-left: 20px;
}

.Jscrollsolution
{
  height: 10%;
  display: block;
}

.campaign-new-form .JspPane
{
  height: 100% !important;
}


.formbox
{
  height: 50px;
  margin-bottom: 2px;
}

div.formbox input[class="k-textbox"]
{
  width: 12.4em;
  border: none;
  height: 30px !important;
}

input.k-textbox
{
  width: 200px;
  border-style: none !important;
}

.formfieldscontent, .k-window input[type="checkbox"]
{
  margin-right: 5px;
  margin-top: 20px;
  margin-left: 5px;
}

div input[type="checkbox"] label
{
  margin-right: 20px;
  margin-bottom: 20px;
}

div input[type="radio"]
{
  margin-right: 5px;
  margin-top: 10px;
  margin-left: 5px;
}


div.buttonform button
{
  width: 100px;
  position: absolute;
  top: 470px;
}


div.buttonform button:pressed
{
  background-color: #013f7a;
}


div.formbox span.k-state-selected
{
  background-color: #CCC;
}


div.formbox .k-list > .k-state-focused
{
  /* select azul do numeric box*/
  background-color: #013f7a;
  border-color: #013f7a;
}



div.templateform .k-widget a.k-link:link
{
  /*calendar numbers color*/
  color: #666;
}

.k-datetimepicker
{
  width: 12.4em;
}





/*--------------------------Drag drop------------------------------*/



.treeviewposition
{
  position: absolute;
  height: 600px;
  width: 800px;
  top: 150px;
  left: 50%;
  margin-left: -400px;
}

#treeview-left, #treeview-right
{
  float: left;
  width: 350px;
  height: 500px;
  color: #fff;
  font-family: segoe ui,helvetica,tahoma;
  background-color: #013f7a;
  font-size: 16px;
}


#treeview-left
{
  margin-right: 3%;
  padding-left: 20px;
  padding-top: 20px;
}

#treeview-right
{
  margin-left: 3%;
  padding-left: 20px;
  padding-top: 20px;
}

.demo-section
{
  width: 600px;
}

.demo-section:after
{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

div.treeviewposition .k-plus
{
  background-position: -16px -192px;
}

div.treeviewposition .k-minus
{
  background-position: -16px -226px;
}


/*-----------------------fim drag drop-----------------*/




/*------------filter edit-------------*/



div.filteredit
{
}


div.filteredit .k-content
{
  padding: 0 4px 0 10px;
  margin-top: 180px;
  font-family: segoe ui, helvetica,tahoma;
  background-color: #015fa7;
}

div.filteredit .k-content2
{
  padding: 0 4px 0 10px;
  margin-top: 180px;
  font-family: segoe ui, helvetica,tahoma;
  background-color: #015fa7;
}

div.filteredit .k-widget
{
  background-color: transparent;
  border-color: transparent;
  color: #FFFFFF;
}

div.filteredit .k-header
{
  background-color: #013f7a;
  height: 30px;
  border-color: transparent;
}



div.filteredit .k-pager-wrap
{
  background-color: #013f7a;
}


div.filteredit .k-alt
{
  background-color: #0d67ab;
  border-color: transparent;
}



div.filteredit .k-toolbar
{
  /*muda o header do grid editavel para o "form"*/
  background-color: transparent;
  border-color: transparent;
}

div.filteredit .k-header
{
  /*muda o header do popup do grid editavel para o "form"*/
  background-color: #013f7a;
  border-color: transparent;
}



div.filteredit .k-grid-header
{
  background-color: #013f7a;
}

div.filteredit .k-grid-header, .k-grid-footer-wrap
{
  border-color: transparent;
}

div.filteredit .k-grid td
{
  border-color: transparent;
}

div.filteredit .k-grid-header-wrap
{
  border-color: transparent;
}

div.filteredit .k-pager-wrap
{
  border-color: transparent;
}

div.filteredit .k-content .k-filter
{
  background-position: -48px -80px;
}


.div.filteredit .k-content .k-clear-filter
{
  background-position: -48px -96px;
}

div.filtername
{
  width: 250px;
  height: 30px;
  position: relative;
  top: 80px;
  left: 10px;
}

div.filternamebox
{
  width: 30px;
  font-family: segoe ui,helvetica,tahoma;
  float: left;
  margin-right: 210px;
}

div.filtername .filternamebox
{
  width: 30px;
  font-family: segoe ui,helvetica,tahoma;
  float: none;
  margin-right: 10px;
}

div.filtergrid2 .k-content
{
  padding: 0 4px 0 10px;
  margin-top: 100px;
  font-family: segoe ui, helvetica,tahoma;
  background-color: #015fa7;
}


div.editselectfilter
{
  width: 1000px;
  height: 30px;
  position: absolute;
  top: 110px;
  left: 50%;
  margin-left: -500px;
  padding-left: 5px;
}


.k-grid-content
{
  position: relative;
  width: 100%;
  zoom: 1;
}


div.k-button input[value="aplicar"]
{
  width: 50px;
}


div.k-button input[value="voltar"]
{
  width: 50px;
}


td input[type="checkbox"]
{
  margin-top: 7px;
}



/*----------------home campanha-----------*/

.Home-Campaign
{
  height: 100%;
  width: 100%;
  margin: auto;
  font-family: segoe ui, helvetica, sans-serif;
  color: #FFF;
}


.Campaign-Name
{
  height: 85px;
  width: 100%;
  margin-top: 20px;
  margin-left: 1em;
  clear: both;
}

.Campaign-Name span
{
  color: #fff;
  margin-left: 10px;
  clear: both;
  font-size: 52px;
  font-family: segoe ui,helvetica,sans-serif;
  font-style: normal;
}



.Campaign-Infos
{
  width: 100%;
  background-color: #696969;
  clear: both;
  margin-top: 25px;
}

.Campaign-Infos div
{
  float: left;
  margin-right: 3em;
  margin-left: 2em;
  margin-top: 0.5%;
}

.Campaign-Infos div.alert
{
  background-color: #940c16;
}

.Campaign-Infos span
{
  font-size: 22px;
}

.Campaign-Infos span span
{
  font-size: 14px;
}

.Campaign-Menu
{
  width: 100%;
  min-height: 140px;
  font-size: 14px;
  float: left;
  clear: both;
  height: 20%;
  margin-top: 1%;
}


.Campaign-Menu ul
{
  margin-bottom: 30px;
}

.Campaign-Menu li
{
  width: 180px;
  float: left;
  margin-right: 35px;
  margin-top: 0.8%;
  font-size: 14px;
  cursor: pointer;
}

.Campaign-Menu .first
{
  margin-left: 10px;
}

.Campaign-Menu .last
{
  margin-right: none;
}

.Arrow-Left
{
  float: left;
}

.Arrow-Right
{
  float: left;
}

.Campaign-Rotative
{
  float: left;
  width: 100%;
  margin-top: 1%;
}

div.rotative-pane
{
  padding: 0px 20px 0px 20px;
}

.Item-Campaign-Rotative
{
  float: left;
  width: 200px;
  font-size: 14px;
  background-color: #00376c;
  margin-right: 10px;
  color: #fff;
  overflow: hidden;
  padding: 0px 5px 0px 5px;
}


.Item-Campaign-Rotative .rotative-title
{
  text-align: center;
  white-space: nowrap;
  font-size: 16px !important;
}

.Item-Campaign-Rotative.first
{
  margin-left: 40px !important;
}

.Item-Campaign-Rotative .last
{
  margin-right: none;
}

.Item-Campaign-Rotative .alert
{
  background-color: #940c16;
}

.rotative-arrow
{
  cursor: pointer;
}

.Info-Item-Rotative
{
  color: #fff;
  width: 145px;
  font-size: 14px;
  height: 12px;
  margin-bottom: 5px;
  text-align: left;
  float: left;
  padding-bottom: 4px;
}

.Info-Item-Rotative.first
{
  margin-top: 5px;
}

.Info-Item-Rotative span
{
  float: right;
  margin-right: -55px;
  font-size: 16px;
}

/*----------------home system-----------*/

.TopMenu
{
  width: 220px;
  margin: auto;
  position: absolute;
  left: 50%;
  margin-left: -110px;
}

.TopMenu a
{
  margin: 5px;
  border: 0px;
  text-decoration: none;
  padding: 0px;
}

.TopMenu a img
{
  border: 0px;
}


.list-detail
{
  border: 1px #000000 solid;
}

.list-detail .list-box
{
  border: 1px #000000 solid;
}

.list-detail .detail-box
{
  border: 1px #000000 solid;
}

div.k-widget.k-header
{
  background-color: rgb(0,80,171);
}

div th.k-header, .k-grid-header
{
  background-color: #013f7a;
  border-style: none;
}

div.k-grid-header
{
  background-color: #013f7a;
  border-color: transparent;
}

div.k-grid.k-widget
{
  border-color: transparent;
  border-style: none;
}

div tbody
{
  /*background-color: #015fa7;*/
  color: ffffff;
  border: none;
  border-color: transparent;
}


div.k-grid.k-widget
{
  border-color: transparent;
  border-style: none;
}

div tr
{
  color: #FFF;
}

.k-grid td
{
  border-style: none;
}

.k-content, .k-editable-area, .k-panelbar > li.k-item, .k-panel > li.k-item, .k-tiles
{
  background-color: #dddddd;
}

.k-i-close
{
  background-position: -48px -16px;
}

tbody .k-plus
{
  background-position: -16px -192px;
}

tbody .k-minus
{
  background-position: -16px -226px;
}


/*
// div.k-window-content.k-content a.k-button.k-button-icontext
// {
//   float: right;
// }
*/

.k-tabstrip .k-item
{
  margin-right: 5px;
}


.k-tabstrip .k-item .k-link:hover
{
  color: #fff;
}


.k-tabstrip .k-item.k-state-default
{
  background-color: #013F7A;
}

.k-tabstrip .k-item.k-state-active
{
  background-color: #00b5e0;
}

.k-tabstrip .k-item.k-state-hover
{
  background-color: #00b5e0;
}



.k-tabstrip .k-content, .k-panelbar .k-tabstrip .k-content
{
  border-style: none;
}

.k-state-active, .k-state-active:hover, .k-active-filter
{
  color: rgb(255, 255, 255);
}

div.k-item
{
  border-style: none;
  background-color: #00b5e0;
  margin-left: 5px;
  color: #fff;
}



div.k-item:hover
{
  border-style: none;
  background-color: #013f7a;
  margin-left: 5px;
  color: #fff;
}


div.HomeSystem_Root.k-widget
{
  border-style: none;
  margin-top: 50px;
}

div.k-toolbar
{
  background-color: #0050ab;
}

div.k-grouping-header + .k-grid-toolbar
{
  border-color: transparent;
  border-width: 0px 0px 0px 0px;
}

div.search-box
{
  border: none;
  border-style: none;
}

input#UserManagement_GridSearch
{
  border: none;
  margin-right: 5px;
}

div.k-state-hover > .k-link, .k-other-month.k-state-hover .k-link
{
  color: #fff;
}


div.k-link:active
{
  background-color: #0050ab;
}


.k-widget, .k-group, .k-content, .k-header, .k-separator, .k-toolbar, .k-state-default, .k-state-default .k-select, .k-grid-header-wrap, .k-grid-header, .k-grid td, .k-grid-footer-wrap, .k-pager-wrap, .k-grouping-header, .k-grouping-header .k-group-indicator, .k-dropdown-wrap, .k-item > .k-link, .k-item > .k-link, .k-content, .k-toolbar
{
  border-color: transparent;
  border-style: none;
}

/*li.k-item.k-state-default.k-tab-on-top.k-state-active .k-link
{
  background-color: #013F7A; 
}*/

.k-tabstrip-items .k-tab-on-top, .k-tabstrip-items .k-state-active, .k-panelbar .k-tabstrip-items .k-state-active
{
  padding-bottom: 0px !important;
}

span .k-icon .k-update a:link
{
  color: #6d6d6d;
}

.k-window
{
  background-color: #013f7a;
}

div.k-window-titlebar
{
  background-color: #003669;
}

div.k-window-titlebar .k-header
{
  background-color: #003669;
}

.k-close
{
  background-position: -48px -16px;
}



div.bottom-buttons
{
  margin-top: 70px;
}

button
{
  background-color: #013f7a;
  border: none;
  color: #fff;
  min-width: 90px;
  height: 33px;
  z-index: 10;
}

button:hover
{
  background-color: #dbdbdb;
  border-color: #696969;
  border-style: solid 1px;
  color: #454545;
  min-width: 90px;
  height: 33px;
}

button:active
{
  background-color: #F1F1F1;
}

.k-i-seek-e
{
  background-position: -16px -80px;
}

.k-i-seek-w
{
  background-position: -16px -112px;
}

.k-i-arrow-e
{
  background-position: -16px -16px;
}

.k-i-arrow-w
{
  background-position: -16px -48px;
}

div.k-pager-wrap span.k-state-selected
{
  background-color: transparent;
  border-color: #fff;
}

div.HomeSystem_Root .k-button
{
  color: #fff;
}

div.HomeSystem_Root .k-button:hover
{
  color: #696969;
  background-color: #dbdbdb;
}

div.HomeSystem_Root .k-button:active
{
  background-color: #00b5e0;
  color: #fff;
}

.k-filter
{
  background-position: -48px -80px;
}

a.k-button.k-button-icontext.k-grid-save-changes
{
  /*height: 33px;*/
  width: auto; /*130*/
  border: none;
}

.HomeSystem_Root div.formfieldscontent div
{
  background-color: #F1F1F1; /*color: #013f7a;*/
}

/*.HomeSystem_Root div.search-box
{
  margin-right: 0px;
}*/

.UserManagement_UserList.md-container
{
  height: 100px;
}

.NewUser_Tabs
{
  margin-top: 30px;
  float: left;
}


.md-toolbar
{
  color: #FFFFFF;
}

.md-toolbar .search-box
{
  float: right;
  margin-top: 1em;
  margin-right: 1em;
}

/*input.md-searchbox[type="text"]
{
  margin-left: 70%;
  color: #696969;
  font-family: segoe ui,helvetica,sans sans-serif;
  margin-top: 10px;
}

img.search-box-icon
{
  margin-left: 5px;
  margin-top: 5px;
}*/

/*button.md-button-new
{
  position: absolute;
  top: 1em;
  left: 2.8em;
}*/

.UserManagement_UserList .md-searchbox
{
  margin-top: -40px !important;
}

.UserManagement_UserList div.md-list-view[data-role="listview"] div
{
  margin-top: 5px;
  margin-left: 5px;
  background-color: #013f7a;
  cursor: pointer;
}
div.md-list-view[data-role="listview"] div
{
  margin-top: 10px;
  margin-left: 5px;
  background-color: #013f7a;
  color: #fff;
  margin-bottom: 10px;
  cursor: pointer;
  padding: 0px 0px 2px 5px;
}
div.md-list-view[data-role="listview"] div div
{
  margin-top: 20px;
  margin-left: 5px;
  text-align: right;
  margin-right: 5px;
}

div.md-list-view[data-role="listview"] div img
{
  float: left;
  margin-right: 10px;
}

.UserManagement_UserList div.md-list-view[data-role="listview"] img
{
  float: left;
  height: 64px;
  width: 64px;
  margin-left: 10px;
  margin-top: 10px;
}

.UserManagement_UserList div.md-list-view[data-role="listview"] span
{
  /*float: right;*/
  margin-right: 5px;
}

.user-fix
{
  font-size: 12px;
  margin: 0px;
  white-space: nowrap;
}

.user-dinamic
{
  font-size: 18px;
  margin: 0px;
  white-space: nowrap;
}


.formfieldscontent h2
{
  margin-left: 10px;
}

div.md-detail .formfieldscontent .formbox
{
  margin-top: 20px;
}

.NewUser-UserGroupList div img
{
  width: 16px;
  height: 16px;
}

div.md-detail span.k-picker-wrap
{
  height: auto;
}

button[cs-localized="ChangePassword_499"]
{
  width: 400px;
  height: 33px;
  background-color: black;
  margin-left: 300px;
  margin-top: 400px;
}

div.formbox[edit=timeforsearch] span[type="text"]
{
  margin-left: 3px;
  margin-right: 3px;
}

div.formbox[edit=timeforsearch] span[type="lasttext"]
{
  margin-left: 30px;
  margin-right: 5px;
}

div.formfieldscontent div[editonly=""] button
{
  margin-top: 44px;
  width: 150px;
  margin-left: 1.5%;
}



.HomeSystem_Root ul img.k-image
{
  width: 16px;
  height: 16px;
}

.parameters-grid
{
  height: 100%;
}



div.md-toolbar
{
  height: 70px;
}

div.md-list-view[data-role="listview"] img
{
  margin-top: 10px;
  margin-left: 20px;
}




.sl-item
{
  cursor: pointer;
}

div.sl-item.k-state-selected
{
  margin-top: -20px;
  padding-top: 20px;
}

/*-------*/

.sl-list
{
  color: #fff;
  background-color: #013f7a;
  padding-top: 20px;
  font-family: 12px;
}

.sl-item img
{
  margin-left: 35px !important;
}

.k-widget
{
  /** ISSO ESTÁ ERRADO ! ! ! ! ! ! ! ! ! ! ! ! ! **/ /*background-color:#015fa7 !important;*/
  background-color: #0050ab;
  border-style: none;
}

/*.sl-container*/div.md-toolbar
{
  background-color: #0b56aa;
}



div[data-role="tabstrip"]
{
  background-color: #F1F1F1;
}
.md-detail-bar
{
  background-color: #F1F1F1;
}

/*ul.k-tabstrip-items
{
  background-color: #F1F1F1;
}*/

.formfieldscontent ul.k-tabstrip-items
{
  background-color: #F1F1F1;
}

div.k-grid-header
{
  border-bottom-style: none;
}

div.formfieldscontent div[data-role="selectablelistview"] img
{
  height: 24px;
  width: 24px;
  margin-top: 10px;
}

div.k-content
{
  margin: 0px 0px 0px 0px !important;
}


div.k-state-selected div
{
  background-color: #00b5e0 !important;
}

div.k-listview[data-role="selectablelistview"] div[data-uid]
{
  background-color: #013f7a !important;
  height: 40px !important;
  width: 230px !important;
  float: left;
  color: #fff !important;
  margin-right: 5px;
  margin-bottom: 10px;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
}

div.k-listview[data-role="selectablelistview"] div[data-uid].k-state-selected
{
  background-color: #00b5e0 !important;
}

div.k-state-selected
{
  background-color: #00b5e0 !important;
}

div.k-listview[data-role="selectablelistview"] div[data-uid] span
{
  float: right;
  margin-right: 5px;
  margin-top: 0px;
  width: 180px;
  height: 40px;
  text-align: right;
}

div.k-listview[data-role="selectablelistview"] div[data-uid] span[services]
{
  float: left;
  margin-left: 5px;
  margin-top: 0px;
  width: 180px;
  height: 40px;
  text-align: left;
}

div.k-listview[data-role="selectablelistview"] div[data-uid] img
{
  margin-left: 10px;
}

form#NewCampaign
{
  height: 100%;
  overflow: auto;
}

span.k-tooltip
{
  background-color: pink !important;
  border-color: red;
}


fieldset div#NewCampaign_DialMachines div
{
  text-align: center;
  margin-top: 10px !important;
  cursor: pointer;
  margin-bottom: 20px;
}

fieldset
{
  margin-top: 30px;
  margin-bottom: 10px;
  border: none;
}

fieldset.small-margins
{
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  margin-left: 0px !important;
  border: none;
}


.form-content
{
}

.form-footer
{
  height: 40px;
}

.form-footer button
{
  float: right;
}

.form-save-button
{
  margin-right: 8%;
}

.form-cancel-button
{
  margin-right: 10px;
}


/*------------- Backup home----------*/

.Home-backup-page
{
  width: 100%;
  margin: auto;
}

.Home-backup-page span.k-widget.k-timepicker
{
  background-color: #013f7a !important;
  margin-top: 15px;
}

.Restore_Backup
{
  width: 100%;
  height: 60px;
  background-color: #013f7a;
}

.Restore_Backup span[type="text"]
{
  margin-top: 20px;
}

div [title="Restore"]
{
  color: #fff;
  margin-left: 10px;
  float: left;
  font-size: 22px;
  margin-right: 40px;
}

.Restore_Backup span
{
  color: #fff;
  margin-left: 10px;
  float: left;
  padding-top: 3px;
}

.Restore_Backup button.k-button
{
  margin-left: 20px;
  float: left;
  margin-top: 19px;
}

.Restore-Date
{
}

.Process-Running
{
  width: 100%;
  background-color: #013f7a;
  min-height: 300px;
  float: left;
}

.Process-Running > .k-widget
{
  background-color: #013F7A;
}

.Process-Running button
{
  margin-top: 5px;
}

.highlight-box-row
{
  margin-top: 5px;
  clear: both;
  height: auto; /**background-color:#00B5DF;**/
  color: #FFFFFF;
}

.highlight-box-row div
{
  float: left;
}

.Backup-Group
{
  width: 30%;
  min-height: 297px;
  margin-right: 10px;
  float: left;
  color: #fff;
  padding-left: 5px;
}

.Backup-Group .k-item
{
  background-color: #005da9 !important;
}

.Backup-Group li span[title="mb"]
{
  float: right;
  margin-right: 10px;
}

.Backup-Group li span span
{
  font-size: 14px;
}

.Backup-Group span[title="Right"]
{
  float: right;
}

.Backup-Group .k-state-hover
{
  color: #d6d6d6;
  background-color: #0065ad;
}

.Backup-Group div#bottom
{
  background-color: #013f7a;
  height: 30px;
}




.Backup-Group span.k-header
{
  background-color: #013f7a !important;
}
.Backup-Group span.k-state-selected
{
  background-color: #00b5e0 !important;
}

.Group-Name
{
  margin-left: 20px;
  margin-top: 30px;
  float: left;
}

.Group-Process-Level
{
  width: 100%; /*margin-top: 20px;*/
  float: left;
}

.Backup-Devices
{
  float: left;
  width: 68%;
  overflow: auto;
  overflow-x: hidden;
}

.Backup-Devices div
{
  color: #fff;
  float: left;
}

span[title="name"]
{
  color: #fff;
  font-size: 22px;
  float: left !important;
  margin-left: 20px;
  margin-right: 20%;
}

.device-running-process
{
  height: 100px;
  min-width: 400px;
  margin-top: 20px;
  margin-left: 10px;
  float: left;
  background-color: #00b5e0;
  clear: right;
}

.device-running-process span
{
  width: auto;
  color: #fff;
  min-width: 170px;
  height: 60px;
  margin-right: 1%;
  margin-left: 1%;
  font-size: 14px; /*background-color: #3b0069;*/
}
.device-running-process .box
{
  width: auto;
  color: #fff;
  min-width: 170px;
  margin-right: 1%;
  margin-left: 1%;
  font-size: 14px;
  margin-top: 10px;
  background-color: #3b0069;
}

.device-running-process span span
{
  font-size: 20px;
  width: auto;
}

.Device-Box
{
  background-color: #013f7a;
  float: left;
  margin-right: 5px;
  margin-top: 4px;
  padding: 0px 3px 5px 5px;
  min-width: 215px;
  width: 250px;
  overflow: auto;
}

.Device-Box span
{
  font-size: 14px;
}

.Device-Box span span
{
  margin-left: 5px;
  font-size: 16px;
}



.Midia-Devices-Header
{
  width: 250px;
  height: 40px;
  background-color: #013f7a;
  float: left;
  border-bottom: solid 1px #fff;
  clear: both;
}

.Midia-Devices-Header img
{
  float: left;
  margin-top: 5px;
  margin-left: 5px;
}

.Midia-Devices-Header div
{
  float: left;
}

.Edit-Devices
{
  float: left;
  width: 30%;
}

.Edit-Devices img
{
  float: left;
  margin-top: 10px;
}

.Device-Image
{
  width: 20%;
}

.Midia-Name
{
  width: 50%;
  margin-top: 10px;
}

.Midia-Devices span[title="Devices"]
{
  font-size: 22px;
  float: left !important;
  width: 100%;
}



.k-grid-header .k-link > .k-icon
{
  background-position: -16px 0px;
}
.k-window
{
  border-style: none !important;
}
.k-state-selected.k-state-focused
{
  background-color: #00b5e0;
}


.k-filterable .k-grid-filter.k-state-active
{
  background-color: #013f7a;
}
form.k-filter-menu.k-group
{
  background-color: #F1F1F1;
}

input.k-textbox
{
  margin-top: 5px;
  height: 31px;
}

#form-footer .k-window-button.button-space{
  margin-right: 12px;
}

/* grid cinza
.campaign-new-form .k-grid-header
{
  background-color: #e9e9e9 !important;
}
.campaign-new-form .k-grid.k-widget
{
  background-color: #f1f1f1 !important;
}
.campaign-new-form .k-grid.k-widget td
{
  color: #696969;
  background-color: #e9e9e9;
}
.campaign-new-form tr.k-alt td
{
  background-color: #e9e9e9 !important;
}
.campaign-new-form .k-toolbar.k-grid-toolbar
{
  background-color: #F1F1F1 !important;
}
.campaign-new-form th.k-header
{
  background-color: #CCC !important;
  color: #696969;
}
.campaign-new-form .k-pager-wrap.k-grid-pager
{
  background-color: #ccc !important;
  color: #696969;
}
.campaign-new-form .k-pager-wrap span.k-state-selected
{
  border-color: #696969;
  color: #696969;
}
.campaign-new-form .k-pager-wrap .k-link
{
  border-color: #959595;
}
.campaign-new-form .k-filterable .k-grid-filter.k-state-active
{
  background-color: #ccc;
}
.campaign-new-form thead a.k-link
{
  color: #696969 !important;
}
.campaign-new-form .k-pager-wrap .k-link:visited
{
  color: #696969;
}

.campaign-new-form .k-grid-filter .k-filter
{
  background-position: -32px -80px;
}
.campaign-new-form .k-pager-wrap.k-grid-pager .k-i-arrow-w
{
  background-position: 0px -48px;
}
.campaign-new-form .k-pager-wrap.k-grid-pager .k-i-arrow-e
{
  background-position: 0px -16px;
}
.campaign-new-form .k-pager-wrap.k-grid-pager .k-i-seek-w
{
  background-position: 0px -112px;
}
.campaign-new-form .k-pager-wrap.k-grid-pager .k-i-seek-e
{
  background-position: 0px -80px;
}

.campaign-new-form .k-grouping-header
{
  color: #696969;
}

.campaign-new-form .k-widget.k-header.k-tabstrip li.k-state-default
{
  color: #696969 !important;
}
*/

.k-widget.k-header.k-tabstrip li.k-state-active.k-state-default
{
  color: #fff !important;
}

table.working-hour-table
{
  height: 100% !important;
}
table.working-hour-table td
{
  background-color: #0b56aa;
  padding-left: 5px;
}
table.working-hour-table thead
{
  background-color: #013f7a;
}


.k-tabstrip-items .k-item, .k-panelbar .k-tabstrip-items .k-item
{
  border-style: none;
}

.agent-hierarchy-left--tabs
{
  width: 49.9% !important;
  margin-right: 0.2% solid;
}

.agent-hierarchy-right-tabs
{
  width: 49.9% !important;
}


.agent-hierarchy .k-content
{
  background-color: #013f7a !important;
}
.agent-hierarchy ul.k-tabstrip-items
{
  background-color: #0b56aa;
}
.agent-hierarchy .k-in.k-state-hover
{
  color: #696969 !important;
}
.agent-hierarchy .k-top.k-bot .k-minus
{
  background-position: -16px -226px;
}
.agent-hierarchy .k-top.k-bot .k-plus
{
  background-position: -16px -192px;
}
.agent-hierarchy .k-in
{
  color: #fff !important;
}
.agent-hierarchy .k-widget.k-header.k-tabstrip li.k-state-default
{
  color: #fff !important;
}

.backup-device-complex-box .infos > div
{
  height: 60%;
  float: left;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.backup-device-complex-box .infos .process-info
{
  height: 40%  !important;
  float: left;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.device-icon-box
{
  height: 100%;
  float: left;
  width: 100px;
}

.clear-box
{
  clear: both;
}

.backup-home-processes
{
  float: left;
}

.device-command-box
{
  float: right !important;
  width: 200px;
}


.ivr-home.Tree-Master
{
  /*width: 75%;*/
  height: 100%;
  margin-left: 15%;
}


.Tree-Master
{
  height: 100%;
  color: #fff;
  font-family: segoe ui, helvetica, sans-serif;
  color: #fff;
}

.Tree-Info
{
  width: 100%;
  height: auto;
  min-height: 250px;
  color: #fff;
}
.Tree-Info div
{
  font-size: 18px;
}

.Tree-Info span
{
  font-size: 50px;
}

.Tree-Menu-Active
{
  width: 100%;
  margin-bottom: 5%; /*50px*/
  color: #fff;
}

.Tree-Number-Menu
{
  width: 250px;
  float: left;
  margin-right: 10%;
  color: #fff;
}

.Tree-Long
{
  float: left;
  color: #fff;
}


.Tree-Menu
{
  width: 100%;
  margin-top: 2%;
  height: 50px;
  color: #fff;
}

.Tree-Menu ul
{
  color: #fff;
}

.Tree-Menu li
{
  float: left;
  margin-right: 6.5%;
  font-size: 15px;
  margin-bottom: 2%;
  cursor: pointer;
}

.Tree-Data-Show
{
  width: 45%;
  /*float: left;*/
  max-width: 750px;
  margin-top: 25px;
  color: #fff;
}

.Tree-Info div img
{
  margin-bottom: 5px;
  margin-right: 5px;
}

.Tree-Data-Show div
{
  color: #fff;
}

.Tree-Box
{
  height: 100px;
  width: 135px;
  background-color: #013f7a;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  color: #fff;
}

.Tree-Box span
{
  font-size: 40px;
  color: #fff;
}

.Tree-Box span span
{
  font-size: 22px;
}

.Tree-Box div
{
  font-size: 15px;
}


.Tree-Menu-Visited
{
  width: 35%;
  float: left;
  background-color: #013f7a;
  min-width: 400px;
  max-width: 460px;
  margin-top: 0px;
  color: #fff;
  white-space: nowrap;
}

.Tree-Menu-Visited span
{
  font-family: segoe ui,helvetica,sans-serif;
  font-size: 18px;
  margin-left: 5px;
  color: #fff;
}

.Tree-Visited-Box
{
  background-color: #013f7a;
  clear: both;
  color: #fff;
}
.Tree-Visited-Box div
{
  font-size: 20px;
  margin-top: 10px;
  float: left;
  color: #fff;
}

.Tree-Visited-Box div[title="Order-Number"]
{
  margin-left: 5px;
  width: 10%;
}
.Tree-Visited-Box div[title="Name"]
{
  width: 60%;
  margin-right: 10px;
}

.Tree-Visited-Box div[title="Number"]
{
  margin-right: 5px;
  width: 18%;
  margin-left: 5px;
  text-align: right;
  right: 5px;
}
.Tree-Menu-Visited-Name
{
  color: #fff;
  font-size: 22px;
  margin-left: 5px;
}


.ivr-menu-group
{
  width: 90% !important;
  margin-left: 5%;
  margin-bottom: 30px;
  margin-top: 20px;
}

.ivr-menu-name
{
  color: #fff;
  font-size: 20px;
  margin-left: -50px;
}

.ivr-menu
{
}

.ivr-menu .k-toolbar
{
  padding-left: 5px;
  margin-top: 20px;
}

.k-tooltip.k-tooltip-validation
{
  background-color: #ffe79e;
  color: #454545 !important;
}

.k-callout-n
{
  top: -6px;
}

.ivr-menu .k-grid-add
{
  height: 33px;
  margin-top: -4px;
}


.ivr-menu .btremove
{
  margin-right: 50px;
}

.ivr-day
{
  width: auto;
  margin: 20px 2% 5px 0px;
  font-size: 12px;
}

.ivr-menu .k-toolbar.k-grid-toolbar
{
  background-color: #0b56aa;
  margin-bottom: 20px;
}



.ivr-menu
{
  overflow: visible;
  height: 100%;
}



.Report-master
{
  width: 100%;
  height: 100%;
  color: #fff;
}

.Report-box
{
  cursor: pointer;
  background-color: #013f7a;
  height: 70px;
  width: 220px;
  float: left;
  margin-right: 5px;
  margin-left: 5px;
  margin-top: 15px;
  display: block;
}

.Report-box div
{
  float: none;
  text-align: right;
  font-family: segoe ui,helvetica,sans-serif;
  margin-right: 10px;
  margin-top: 20px;
}

.Report-box img
{
  margin-top: 20px !important;
  margin-left: 5px;
  float: left;
}

.Report-Popup div
{
  float: left;
  width: 100%;
  margin-top: 5px;
}

.Report-Popup input
{
  margin-left: 5px;
}




.Monitoring-Master
{
  width: 95%;
  margin: auto;
  color: #fff;
}

.Monitoring-Strip
{
  width: 100%;
  height: 110px;
  margin-top: 30px;
}

.Monitoring-Item
{
  float: left;
  background-color: #013f7a;
  font-size: 40px;
  width: 60%;
  height: 110px;
}

.Monitoring-Item span
{
  margin-left: 20px;
  cursor: pointer;
}

.Monitoring-Item-Options
{
  margin-top: 20px;
  cursor: pointer;
}

.Monitoring-Item-Options img
{
  float: left;
  margin-left: 20px;
}

.Monitoring-Item-Options span
{
  font-size: 16px;
  margin-left: 5px;
  float: left;
}

.Monitoring-Item-Options span span
{
  float: left;
}

.Monitoring-Box
{
  background-color: #013f7a;
  height: 110px;
  width: 12%;
  float: left;
  margin-left: 10px;
}

.Monitoring-Box div
{
  font-size: 50px;
  margin-top: 10px;
}




div.mosaic-box
{
  background-color: #0b56aa;
}

div.mosaic-box .jspContainer
{
  background-color: #0b56aa;
}

.backup-device-simple-box
{
  background-color: #013F7A;
}

.mosaic-box .k-tabstrip
{
  background-color: #0b56aa;
}

div.mosaic-box ul.k-tabstrip
{
  color: #fff !important;
}

.mosaic-box div.k-widget.k-header
{
  background-color: #0b56aa;
}

.mosaic-box .k-content, .k-editable-area, .k-panelbar > li.k-item, .k-panel > li.k-item, .k-tiles
{
  background-color: #0050ab !important;
}

.mosaic-box .k-tabstrip-items .k-state-hover
{
  background-color: #00b5e0;
}

.backup-device-simple-box img
{
  margin-right: 10px;
  margin-top: 10px;
}

.mosaic-box .k-tabstrip-items .k-item.k-state-default.k-state-hover .k-link
{
  color: #fff !important;
}


.mosaic-box .k-grouping-header
{
  background-color: transparent;
}

.mosaic-box .md-detail
{
  background-color: transparent;
}

.mosaic-box .md-detail .clear-box
{
  margin-top: 10px;
}

.mosaic-box .md-detail-bar
{
  background-color: transparent;
}

.mosaic-box .md-list-view
{
  background-color: transparent;
}

.mosaic-box div.k-listview[data-role="selectablelistview"] div[data-uid]
{
  padding: 0px 0px 0px 5px;
  width: 180px !important;
}


.mosaic-box #backup-device-grid
{
  background-color: transparent;
}

.mosaic-box .k-toolbar.k-grid-toolbar
{
  background-color: transparent;
}

.mosaic-box .k-input
{
  border-style: none;
  height: 26px;
  padding-top: 0px 0px 0px 5px;
}

.mosaic-box .formbox .k-input[title="Nome"]
{
  margin-top: 5px;
}
.mosaic-box .formbox .k-input[type="text"]
{
  /*margin-top: 5px;*/
}
.mosaic-box .formbox .k-input[type="number"]
{
  margin-top: 5px;
}

.mosaic-box .k-grif-load
{
  background-image: url(../images/icons/b_load_16.png);
}

.backup-device .md-detail input.k-input[type="password"]
{
  font-size: 100%;
  width: 12.4em;
  margin-top: 5px;
}



.mosaic-box div.md-list-view[data-role="listview"] div
{
  margin-top: 0px;
}

.mosaic-box div.md-list-view[data-role="listview"] div div
{
  text-align: left;
}

.mosaic-box .k-widget
{
  background-color: #0b56aa !important;
}

.mosaic-box .k-alt
{
  background-color: #0050ab;
}



.mosaic-box .clear-box
{
  margin-left: 10px;
}



/*inline*/
.backup-device-simple-box
{
  width: 46%;
  min-width: 400px;
  height: 60px;
  float: left;
  margin: 1%;
  padding: 5px;
  background-color: #013F7A;
}


.backup-device-simple-box[cs-process-state="error"]
{
  background-color: #940c16;
  background-position: right center 10px; /*background-image: url('../images/icons/with_error_32.png');*/
  background-image: url("../images/icons/alarmes_32.png");
  background-position: right;
  background-repeat: no-repeat;
}


.backup-device-simple-box.cs-blink-on[cs-process-state="error"]
{
  background-color: #940c16;
}

.backup-device-simple-box img
{
  float: left;
  margin: 10px;
  border: 0px;
}

.backup-device-simple-box span
{
  float: left;
  font-size: 14pt;
}

.backup-device-simple-box span span
{
  float: left;
  font-size: 12pt;
}

.backup-device-complex-box
{
  width: 98%;
  min-width: 1000px;
  height: 100px;
  float: left;
  padding-left: 0px !important;
}

.backup-device-complex-box img
{
  float: left;
}

.backup-device-complex-box .infos
{
  float: left;
  clear: right;
  height: 100%;
  width: 80%  !important;
  background-color: transparent !important;
  margin-left: 0px !important;
}

.backup-device-complex-box .infos div
{
  padding: 0px !important;
  margin: 0px !important;
  float: left;
  background-color: transparent !important;
}

.backup-device-complex-box .commands
{
  float: left;
  height: 20px; /*width: 10%;*/
  width: 128px;
  margin: 0px;
  background-color: transparent !important;
  padding-left: 0px !important;
}

.backup-device-complex-box .commands img
{
  float: left;
  margin: 2px !important;
}

.backup-processes-tabs li
{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.backup-group-edit-campaign
{
  /*margin-top:50px !important;*/
}

/**/


.cti-config-grid
{
  margin-top: -25px !important;
}

.report-server-channel-options .formbox
{
  margin: 0px !important;
}


.backup-host-box
{
  /*min-width: 300px;*/
  height: 40px;
  margin: 2px;
  float: left;
  padding: 5px;
  background-color: #013F7A;
  width: 46%;
}

.backup-host-box-name
{
  width: 70%;
  height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
}


.alarm-item-box
{
  float: left;
  width: 250px;
  height: 155px;
  overflow: hidden;
}

.alarms-list .alarm-item-box div
{
  text-align: left !important;
  margin-top: 0px !important;
  font-size: 16px;
  font-family: segoe ui semibold, segoe ui, helvetica, sans-serif;
  background-color: transparent !important;
  margin-right: 1px !important;
  margin-left: 0px !important;
  padding-left: 0px !important;
}

.alarms-list .alarm-item-box div span
{
  font-family: segoe ui, helvetica, sans-serif;
}

.alarms-list .alarm-item-box
{
  padding: 15px 0px 0px 10px !important;
}

.alarms-list .alarm-item-box span
{
  margin-left: 10px;
  text-align: right !important;
}

.alarms-list #SecondsToTrigger
{
  margin-top: 5px;
}

#alarms-history-grid
{
  margin-top: 20px !important;
}

.formbox-alarm .formbox
{
  margin: 10px 4% 0px 0px !important;
}


.alarm-item-box[cs-active="true"]
{
  background-image: url("../images/icons/alarmes_32.png");
  background-repeat: no-repeat;
  background-position: 90% 73%;
  z-index: 999;
}

.export-files .formfieldscontent .k-combobox
{
  width: 18em;
}

.export-files .formfieldscontent .left
{
  float: left;
}

.export-files .formfieldscontent .right
{
  float: right;
}

.export-files .formfieldscontent .clear-box
{
  clear: both;
}


.export-button
{
  width: 130px;
  clear: both;
}


.listview-name
{
  font-size: 18px;
}


/*
// .k-window div
// {
//   margin-top: 5px;
// }
*/

.k-window button.k-button
{
  float: right;
}



/*teste formfield dentro do mdcontainer*/
.md-container .formfieldscontent, .formbox
{
  background-color: transparent !important;
  color: #fff !important;
}

.md-container .formfieldscontent, .window-formbox
{
  background-color: transparent !important;
  color: #777777 !important;
}

.md-container .formfieldscontent div
{
  background-color: transparent !important;
}

.md-container .formfieldscontent label
{
  color: #fff !important;
}

.md-container .formfieldscontent ul.k-tabstrip-items
{
  background-color: transparent;
}

.md-container .formfieldscontent li.k-state-default .k-link
{
  color: #fff;
}

.md-container .formfieldscontent li.k-state-hover
{
  background-color: #00b5e0;
}

.md-container .formfieldscontent div.k-pager-wrap
{
  background-color: #013F7A !important;
}

.md-container .md-detail-bar
{
  background-color: transparent;
}




/**/

div#report-extensioncalls-options.clear-box
{
  margin-top: 10px;
}


tr.k-grouping-row td
{
  background-color: #0b56aa;
}

td.k-group-cell
{
  background-color: transparent;
}

.k-group-indicator .k-si-arrow-n
{
  background-position: -16px -129px;
}
.k-group-indicator .k-si-arrow-s
{
  background-position: -16px -159px;
}
.k-group-indicator .k-group-delete
{
  background-position: -48px -16px;
}

.k-grouping-row .k-i-collapse
{
  background-position: -16px -226px;
}

.k-grouping-row .k-i-expand
{
  background-position: -16px -192px;
}

.filter-types{
  float:left;
}

.filter-types div{
  color:white;
  float:left;
  margin:10px;
}

.filter-edit-top
{
  float: left;
  width: 100%;
}

.filter-map div
{
  float: left;
  margin-right: 100px;
}

.filter-map div span
{
  margin-left: 10px;
  margin-top: 20px;
}

.filter-map
{
  background-color: #0b56aa;
  width: 100%;
  height: 35px;
  padding-top: 5px;
  font-size: 18px;
  font-family: segoe ui, helvetica, sans-serif;
  color: #fff;
}

.filter-button
{
  margin-left: 10px;
  float: left;
}

/*div.filter-button button[for="btfeint"]
{
  margin: 10px 0px 10px 20px !important;
  float: left;
}*/

.filter-message
{
  font-size: 15px;
  font-family: segoe ui, helvetica, sans-serif;
  color: #fff;
  margin: 0px 0px 5px 0px;
  background-color: #0e2259;
  padding-left: 10px;
}

.filter-edit-all-elements
{
  color: #fff;
}

.filter-edit-standard-elements
{
  width: 100%;
  height: 100%;
}

.filter-edit-advanced-elements
{
  color: #fff;
  width: 100%;
  height: 100%;
}

.filter-edit-advanced-elements label
{
  margin-left: 10px;
}

.filter-edit-sql-elements{
  width:100%;
  height:100%;
}
.filter-edit-sql-elements-text{
  float: left;
}
.filter-edit-sql-elements label{
  margin-left: 10px;
}

.filter-edit-advanced-sql-textarea {
  width: 550px;
  height: 160px;
  font-size: medium;
  border-width: 0px;
  overflow: auto;
  font-family: segoe ui, helvetica, sans-serif;
  font-size: medium;
  resize: none;
  margin-left:10px;
}

.filter-edit-advanced-sql-textarea.orderby {
  height: 80px;
}



.filter-dropdown
{
  margin-left: 10px;
  height: 30px;
}

.k-footer-template td
{
  background-color: #00479f;
}

div.filter-edit-applied-grid
{
  width: 100%;
}



.Master-Agent-Sinc-Master
{
  width: 90%;
  margin: auto;
  color: #fff;
}


.Master-Agent-Sinc-Strip
{
  margin: auto;
  width: 94%;
  height: 110px;
  margin-top: 30px;
  color: #fff;
  font-family: Segoe ui, helvetica, Sans-Serif;
}



.Master-Agent-Sinc-Item
{
  float: left;
  background-color: #013f7a;
  font-size: 38px;
  width: 60%;
  height: 110px;
  padding-left: 5px;
}

.Master-Agent-Sinc-Item.Alert
{
  background-color: #940c16;
  background-image: url("../images/icons/alarmes_32.png");
  background-repeat: no-repeat;
  background-position: 98% 70px;
}


.Master-Agent-Sinc-Item-Status
{
  margin-top: 20px;
}

.Master-Agent-Sinc-Item-Status div
{
  font-size: 35px;
  margin-top: -15px;
}

.Master-Agent-Sinc-Box
{
  background-color: #013f7a;
  height: 110px;
  width: 12%;
  float: left;
  margin-left: 10px;
}

.Master-Agent-Sinc-Box div
{
  font-size: 45px;
  margin-top: 5px;
}

.Master-Agent-Sinc-Box span
{
  font-size: 16px;
  color: #fff;
  font-family: Segoe ui, helvetica, Sans-Serif;
}


.agent-hierarchy
{
  width: 100%;
  height: 100%;
}

.agent-hierarchy-left-tabs
{
  width: 50%;
  float: left;
  margin-right: 2px solid #0050ab;
}

.agent-hierarchy-right-tabs
{
  width: 49.9%;
  float: left;
}

.agent-hierarchy-tree-toolbar-left
{
  width: 50%;
  float: left;
  height: 40px;
}

.agent-hierarchy-tree-toolbar-right
{
  width: 50%;
  float: left;
  height: 40px;
}

div[cs-data="tree"][cs-side="left"]
{
  width: 50%;
  height: 100%;
  float: left;
  background-color: #013f7a;
  margin: -19px 2px 0px 0px !important;
}

div[cs-data="tree"][cs-side="right"]
{
  width: 50%;
  height: 100%;
  float: left;
  background-color: #013f7a; /*#0b56aa;*/
  margin: -19px -2px 0px 0px !important;
}


div[cs-action="NewIVR"]
{
  color: #FFF;
}

div.agent-hierarchy .k-dropdown
{
  width: 18em;
}

.agent-hierarchy-trees
{
  margin-top: 20px !important;
}

.agent-hierarchy-left-tabs
{
  margin-right: 2px;
}

div.agent-hierarchy li.k-item.k-state-default.k-state-active
{
  background-color: #013F7A;
}

div.agent-hierarchy li.k-item.k-state-default.k-state-hover
{
  background-color: #00b5e0;
}

div.agent-hierarchy li.k-item.k-state-default
{
  background-color: transparent;
}

div.agent-hierarchy-tree-toolbar-left
{
  height: 100px;
  background-color: #0b56aa;
  margin-right: 2px;
}

div.agent-hierarchy-tree-toolbar-right
{
  height: 100px;
  background-color: #0b56aa;
  margin-right: -2px;
}


.agent-hierarchy-tree-toolbar-left .search-box
{
  float: left;
}

.agent-hierarchy-tree-toolbar button
{
  min-height: 30px;
  margin: 2px;
}

.agent-hierarchy-tree-toolbar .search-box
{
  margin-top: 4px;
}


.agent-hierarchy-trees .k-widget.k-treeview.k-reset
{
  /*padding-top: 20px;*/
}

.agent-hierarchy div.k-widget.k-treeview.k-reset
{
  /*margin-top: 20px;*/
  background-color: #013f7a;
}

.search-box input
{
  height: 30px;
  width: 200px;
  border-style: none;
  margin-left: 13px;
  color: #696969;
  font-size: 18px;
  font-family: segoe ui,helvetica, sans-serif;
}

.k-group .k-plus
{
  background-position: -16px -192px;
}

.k-group .k-minus
{
  background-position: -16px -226px;
}

.agent-hierarchy-trees .k-group.k-treeview-lines
{
  padding: 0px 0px 0px 40px !important;
  margin-top: 20px;
}

button[cs-action="save"]
{
  background-image: url(../images/icons/btsave.png);
  background-position: 10px 50%;
  background-repeat: no-repeat;
  padding-left: 30px;
}

button[cs-action="move"]
{
  background-image: url(../images/icons/btmove.png);
  background-position: 10px 50%;
  background-repeat: no-repeat;
  padding-left: 30px;
}

button[cs-action="copy"]
{
  background-image: url(../images/icons/btcopy.png);
  background-position: 10px 50%;
  background-repeat: no-repeat;
  padding-left: 30px;
}

button[cs-action="remove"]
{
  background-image: url(../images/icons/btremove.png);
  background-position: 10px 50%;
  background-repeat: no-repeat;
  padding-left: 30px;
}

button[cs-action="save"]:hover
{
  background-image: url(../images/icons/btsave_b.png);
  background-position: 10px 50%;
  background-repeat: no-repeat;
  padding-left: 30px;
}

button[cs-action="move"]:hover
{
  background-image: url(../images/icons/btmove_b.png);
  background-position: 10px 50%;
  background-repeat: no-repeat;
  padding-left: 30px;
}

button[cs-action="copy"]:hover
{
  background-image: url(../images/icons/btcopy_b.png);
  background-position: 10px 50%;
  background-repeat: no-repeat;
  padding-left: 30px;
}

button[cs-action="remove"]:hover
{
  background-image: url(../images/icons/btremove_b.png);
  background-position: 10px 50%;
  background-repeat: no-repeat;
  padding-left: 30px;
}





.k-calendar-container
{
  background-color: #0e2259;
}

.k-calendar-container th
{
  background-color: #F1F1F1;
  color: #454545;
}

.k-calendar-container .k-link
{
  color: #696969;
  background-color: #fff;
}

.k-calendar-container td
{
  background-color: #fff;
}

.k-calendar-container .k-header .k-link, .k-footer .k-link
{
  background-color: transparent;
}

.k-calendar-container .k-other-month .k-link
{
  color: #bababa;
}

.k-calendar-container .k-state-selected .k-link
{
  color: #fff;
}

.k-calendar-container div.k-header, .k-footer
{
  background-color: #0e2259;
}

.k-calendar-container div.k-header .k-link, .k-footer .k-link
{
  color: #fff;
}

.k-calendar-container .k-link.k-nav-fast.k-state-hover
{
  background-color: #132c70;
}

.k-calendar-container .k-link.k-nav-prev.k-state-hover
{
  background-color: #132c70;
}

.k-calendar-container .k-link.k-nav-next.k-state-hover
{
  background-color: #132c70;
}

.k-calendar-container tbody .k-state-hover .k-link
{
  background-color: #e6e6e6;
}

.k-calendar
{
  background-color: #132c70;
}





div#dialing-strategy .k-toolbar.k-grid-toolbar .k-button
{
  clear: both;
}



.k-edit-form-container .k-button
{
  background-color: #fff;
  color: #696969;
}

.k-edit-form-container .k-icon.k-i-plus
{
  background-position: -32px -64px;
}

.k-edit-form-container .k-icon.k-add
{
  background-position: -32px -64px;
}

.k-edit-form-container .k-icon.k-i-pencil
{
  background-position: -32px 0px;
}

.k-edit-form-container .k-icon.k-edit
{
  background-position: -32px 0px;
}

.k-edit-form-container .k-icon.k-i-close
{
  background-position: -32px -16px;
}

.k-edit-form-container .k-icon.k-delete
{
  background-position: -32px -16px;
}

.k-edit-form-container .k-icon.k-group-delete
{
  background-position: -32px -16px;
}

.k-edit-form-container .k-icon.k-i-cancel
{
  background-position: -32px -48px;
}

.k-edit-form-container .k-icon.k-cancel
{
  background-position: -32px -48px;
}

.k-edit-form-container .k-icon.k-denied
{
  background-position: -32px -48px;
}

.k-edit-form-container .k-icon.k-i-tick
{
  background-position: -32px -32px;
}

.k-edit-form-container .k-icon.k-insert
{
  background-position: -32px -32px;
}

.k-edit-form-container .k-icon.k-update
{
  background-position: -32px -32px;
}

.k-filter-menu .k-button
{
  width: 48% !important;
  background-color: #fff;
  border-style: none;
}

.k-filter-menu.k-button:hover
{
  background-color: #dbdbdb;
  color: #696969;
  border-style: none;
  width: 48% !important;
}

.k-button
{
  background-color: #013F7A;
  border-style: none;
}

.k-button:hover
{
  background-color: #dbdbdb;
  color: #696969;
  border-style: none;
}

.k-icon-text
{
  color: #fff;
}


.k-icon.k-i-plus
{
  background-position: -48px -64px;
}

.k-icon.k-add
{
  background-position: -48px -64px;
}

.k-icon.k-i-pencil
{
  background-position: -48px 0px;
}

.k-icon.k-edit
{
  background-position: -48px 0px;
}

.k-icon.k-i-close
{
  background-position: -48px -16px;
}

.k-icon.k-delete
{
  background-position: -48px -16px;
}

.k-icon.k-group-delete
{
  background-position: -48px -16px;
}

.k-icon.k-i-cancel
{
  background-position: -48px -48px;
}

.k-icon.k-cancel
{
  background-position: -48px -48px;
}

.k-icon.k-denied
{
  background-position: -48px -48px;
}

.k-icon.k-i-tick
{
  background-position: -48px -32px;
}

.k-icon.k-insert
{
  background-position: -48px -32px;
}

.k-icon.k-update
{
  background-position: -48px -32px;
}



.k-button:hover .k-icon.k-i-plus
{
  background-position: -32px -64px;
}

.k-button:hover .k-icon.k-add
{
  background-position: -32px -64px;
}

.k-button:hover .k-icon.k-i-pencil
{
  background-position: -32px 0px;
}

.k-button:hover .k-icon.k-edit
{
  background-position: -32px 0px;
}

.k-button:hover .k-icon.k-i-close
{
  background-position: -32px -16px;
}

.k-button:hover .k-icon.k-delete
{
  background-position: -32px -16px;
}

.k-button:hover .k-icon.k-group-delete
{
  background-position: -32px -16px;
}

.k-button:hover .k-icon.k-i-cancel
{
  background-position: -32px -48px;
}

.k-button:hover .k-icon.k-cancel
{
  background-position: -32px -48px;
}

.k-button:hover .k-icon.k-denied
{
  background-position: -32px -48px;
}

.k-button:hover .k-icon.k-i-tick
{
  background-position: -32px -32px;
}

.k-button:hover .k-icon.k-insert
{
  background-position: -32px -32px;
}

.k-button:hover .k-icon.k-update
{
  background-position: -32px -32px;
}

.grid-title
{
  margin-bottom: 0.5%;
  font-size: 18px;
}

.dialing-strategy-detail-redialtimes .k-button.k-grid-cancel
{
  margin-top: 2px;
}

.dialing-tab
{
  /*margin-top: -2px;*/
  margin-top: -0.5% !important;
}



/*.k-button-icontext
{
  color: #696969 !important;
}

.k-button
{
  color: #696969 !important;
}*/


.Zone-Exception-Number
{
  font-size: 150px;
  font-family: segoe ui,helvetica, sans-serif;
  color: #fff;
  float: left;
  margin: 20px 30px 0px 20px;
  height: 180px;
}

.ZoneException_ZoneList
{
  float: left;
  width: 100%;
  height: 100%;
}

.ZoneException_ZoneList .formbox
{
  margin-top: 45px !important;
}

.prefix-title
{
  font-size: 28px;
  color: #fff;
}

.prefix-label
{
  font-size: 20px;
}

textarea.ZoneException_Prefixes
{
  border-style: none;
  color: #696969;
  font-family: segoe ui,helvetica, sans-serif;
  font-size: 16px;
  height: 105px;
  width: 400px;
  margin-top: 5px;
}

.Zone-Box
{
  height: 66px;
  width: 245px !important;
  overflow: hidden;
  text-align: right;
  padding: 0px 5px 0px 0px !important;
}

div.dial-plan .md-list-view div
{
  height: 30px;
  text-align: left;
  font-size: 18px;
  padding: 10px 0px 0px 10px;
}


div .extension-monitoring-filter .search-box input
{
  margin-top: 5px;
}


button.btsave
{
  background-image: url(../images/icons/btsave.png);
  background-position: 10px 50%;
  background-repeat: no-repeat;
  padding-left: 30px;
}

button.btmove
{
  background-image: url(../images/icons/btmove.png);
  background-position: 10px 50%;
  background-repeat: no-repeat;
  padding-left: 30px;
}

button.btcopy
{
  background-image: url(../images/icons/btcopy.png);
  background-position: 10px 50%;
  background-repeat: no-repeat;
  padding-left: 30px;
}

button.btremove
{
  background-image: url(../images/icons/btremove.png);
  background-position: 10px 50%;
  background-repeat: no-repeat;
  padding-left: 30px;
}

button.btsave:hover
{
  background-image: url(../images/icons/btsave_b.png);
  background-position: 10px 50%;
  background-repeat: no-repeat;
  padding-left: 30px;
}

button.btmove:hover
{
  background-image: url(../images/icons/btmove_b.png);
  background-position: 10px 50%;
  background-repeat: no-repeat;
  padding-left: 30px;
}

button.btcopy:hover
{
  background-image: url(../images/icons/btcopy_b.png);
  background-position: 10px 50%;
  background-repeat: no-repeat;
  padding-left: 30px;
}

button.btremove:hover
{
  background-image: url(../images/icons/btremove_b.png);
  background-position: 10px 50%;
  background-repeat: no-repeat;
  padding-left: 30px;
}


.homelet-group-Telephony
{
  background-color: #003669;
  color: #FFFFFF;
  cursor: pointer;
}

.homelet-group-System
{
  background-color: #3B0069;
  color: #FFFFFF;
  cursor: pointer;
}

.homelet-group-monitoring
{
  background-color: #58B30E;
  color: #FFFFFF;
}


.homelet-info-spot-box
{
}

.homelet-info-spot-box div
{
  width: 100%;
  height: 100%;
  margin-top: 8px;
}

.homelet-info-spot-box span[title]
{
  font-family: segoe ui light,segoe ui,helvetica,sans-serif;
  text-align: center;
  font-size: 42pt;
}

.homelet-info-spot-box span[subtitle]
{
  text-align: center;
  font-size: 10pt;
}

.homelet-info-spot-box span[over]
{
  font-size: 7pt;
  text-align: center;
  margin-top: -7pt;
  float: left;
  width: 100%;
  display: inline-block;
}

.company-name, .date, .clock
{
  font-family: segoe ui light, segoe ui, helvetica, sans-serif !important;
}

#spotlight
{
  width: 500px;
  height: 40px;
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: -250px;
  background-color: #000000;
  z-index: 1000;
}

.spotlightfield
{
  width: 100%;
  height: 100%;
  font-family: segoe ui,tahoma ,verdana;
  font-style: italic;
  font-size: 16px;
  color: #696969;
  background-color: transparent;
  border: none;
  outline: none;
}

#spotlight div.results
{
  position: relative;
  top: 40px;
  background-color: #FFF;
  border: 1px #fff solid;
  padding: 2px;
  font-size: 11pt;
  float: left;
  width: 498px;
  padding: 0px;
  margin: 0px;
}

#spotlight div.results div.type-container
{
  clear: both;
  width: 100%;
  float: left;
  min-height: 40px;
}

#spotlight div.results div.type-container.banded
{
  background-color: #f0f0f0;
}

#spotlight div.results div.type-container div.type-box
{
  border-right: 1px #CCC solid;
  float: left;
  width: 60px;
  height: 100%;
  min-height: 40px;
}

#spotlight div.results div.type-container div.result-box
{
  float: left;
  min-width: 400px;
}

#spotlight div.results div.type-container div.result-box div
{
  float: left;
  clear: both;
}

#spotlight div.results div.type-container div.result-box div.item
{
  float: left;
  clear: both;
  padding: 2px;
  width: 100%;
  cursor: pointer;
}

#spotlight div.results div.type-container div.result-box div.item:hover
{
  background-color: #FAFAFA;
}

#spotlight div.results div.type-container div.result-box div.item.selected
{
  background-color: #3f729b;
}

#spotlight div.results div.type-container div.result-box div.item.selected *
{
  color: #FFFFFF !important;
}

#spotlight div.results div.type-container div.result-box div.item div.title
{
  float: left;
  clear: both;
  color: #58595b;
  font-size: 12pt;
  font-weight: bold;
}

#spotlight div.item
{
  border-left: 1px #ccc solid;
  margin-left: -1px;
}

#spotlight div.results div.type-container div.result-box div.item div.detail
{
  float: left;
  clear: both;
  color: #CCC;
  font-size: 10pt;
}

#spotlight .jspTrack
{
  background: #F1F1F1 !important;
  position: relative;
  width: 15px;
}

#spotlight .jspDrag
{
  background: #c1c1c1 !important;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
  width: 12px;
}
#spotlight .jspVerticalBar
{
  width: 10px;
}

#spotlight .jspHorizontalBar
{
  height: 10px;
}

.type-container[cs-type="Campaign"] .type-box
{
  background-image: url(../images/icons/ico_spotlight_campaign_16.png);
  background-position: center center;
  background-repeat: no-repeat;
}

.type-container[cs-type="DistributionList"] .type-box
{
  background-image: url(../images/icons/ico_spotlight_list_16.png);
  background-position: center center;
  background-repeat: no-repeat;
}

.type-container[cs-type="User"] .type-box
{
  background-image: url(../images/icons/ico_spotlight_user_16.png);
  background-position: center center;
  background-repeat: no-repeat;
}

.type-container[cs-type="Extension"] .type-box
{
  background-image: url(../images/icons/ico_spotlight_extensions_16.png);
  background-position: center center;
  background-repeat: no-repeat;
}

.type-container[cs-type="Page"] .type-box
{
  background-image: url(../images/icons/ico_spotlight_list_16.png);
  background-position: center center;
  background-repeat: no-repeat;
}

.type-container[cs-type="Mailing"] .type-box
{
  background-image: url(../images/icons/ico_spotlight_record_16.png);
  background-position: center center;
  background-repeat: no-repeat;
}

.type-container[cs-type="Group"] .type-box
{
  background-image: url(../images/icons/ico_spotlight_user_16.png);
  background-position: center center;
  background-repeat: no-repeat;
}

.type-container[cs-type="Report"] .type-box
{
  background-image: url(../images/icons/ico_spotlight_list_16.png);
  background-position: center center;
  background-repeat: no-repeat;
}

.internal-service-grid .md-list-view div
{
  height: 210px;
}

.internal-service-grid .md-list-view div span
{
  font-size: 18px;
  font-family: segoe ui semibold, segoe ui, helvetica, sans-serif;
}

.internal-service-grid .md-list-view div span[title]
{
  font-size: 18px;
  font-family: segoe ui semibold, segoe ui, helvetica, sans-serif;
  display: block;
  height:36px;
}

.internal-service-grid .md-list-view div p[abandonos-em]
{
  font-size: 18px;
  /*font-family: segoe ui, segoe ui, helvetica, sans-serif;*/
  font-family: segoe ui, chelvetica, sans-serif;
  display: block;
  height:36px;
}


.md-detail .k-content, .k-editable-area, .k-panelbar > li.k-item, .k-panel > li.k-item, .k-tiles
{
  background-color: transparent !important;
}

.k-tooltip
{
  background-color: #00b5e0;
  padding-top: 4px;
}

.k-slider-track
{
  background-color: #013F7A;
}

.k-slider-horizontal .k-tick
{
  background-image: url(../images/commodity_slider_tick.png);
}

.k-slider-horizontal .k-tick
{
  background-position: center -89px;
}

.k-slider-horizontal .k-tick-large.k-last
{
  background-position: 100% 1px;
}

.k-slider-horizontal .k-tick-large.k-first
{
  background-position: 0px 1px;
}

.k-slider-selection
{
  background-color: #00b5e0;
}



/*classe do tooltip do slider*/
.k-callout
{
  background-image: url(../images/commodity_sprite.png);
  margin-top: 0px;
}

.distribution-list-management .formbox
{
  width: auto;
  float: left;
  margin: 5px 2% 5px 5px;
}

.distribution-list-management .formbox.clear-box
{
  float: none;
}

.distribution-list-management legend
{
  font-size: 22px;
  color: #fff;
}

.distribution-list-management .formbox.clear-box input[type="checkbox"]
{
  margin-top: 20px;
}

.distribution-list-management-box
{
  width: 300px;
  float: left;
  padding: 5px;
  height: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.distribution-list-management label
{
  color: #fff;
}

.distribution-list-management label input[type="checkbox"]
{
  margin-left: 50px;
}

.clear-left
{
  clear: left;
}

.formbox .k-dropdown, .k-numerictextbox, .k-datepicker, .k-timepicker, .k-datetimepicker
{
  margin-top: 5px;
}
form .k-dropdown, .k-numerictextbox, .k-datepicker, .k-timepicker, .k-datetimepicker
{
  margin-top: 5px;
}
.formfieldscontent .k-dropdown, .k-numerictextbox, .k-datepicker, .k-timepicker, .k-datetimepicker
{
  margin-top: 5px;
}

div.distribution-list-management-box span
{
  font-size: 22px;

  text-overflow: ellipsis;
  height: 1em;
  white-space: nowrap;
}

.distribution-list-management .formbox
{
  width: auto;
  float: left;
  margin: 10px 4% 10px 0px !important;
}

.distribution-list-management fieldset
{
  margin-top: 0px;
  margin-bottom: 10px;
  border: medium none;
}

div.mailbox-grid td input[type="checkbox"]
{
  margin-left: 30%;
}

.formbox
{
  width: auto;
  float: left;
  margin: 20px 4% 0px 0px !important;
}

.trunk-name
{
  text-align: left !important;
  font-size: 22px;
  font-family: segoe ui semibold,segoe ui,helvetica,sans-serif;
  margin-top: 5px !important;
  margin-bottom: 5px !important;
  height: 2.5em !important;
}

.trunk-groups
{
  text-align: left !important;
  font-size: 18px;
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

div.Rights
{
  font-size: 32px;
  margin-top: 90px;
}

.trunk-grid-left
{
  margin-left: 30px;
  float: left;
  min-height: 300px;
  min-width: 300px;
  margin-top: 30px;
}

.trunk-grid-right
{
  margin-left: 30px;
  float: left;
  min-height: 300px;
  min-width: 300px;
  margin-top: 30px;
}

.trunk-list-group-grid
{
  clear: both;
  margin-top: 100px;
}

.k-grid-down
{
  margin-top: 2px;
}

.k-alt, .k-separator
{
  background-color: #0b56aa;
  border-color: transparent;
}

.k-alt.k-state-selected
{
  background-color: #00b0f0;
  border-color: transparent;
}

.right
{
  float: right;
}

.left
{
  float: left;
}

.Report-master .clear-box.left
{
  clear: none;
  float: left;
}

.Report-master .formbox.left
{
  clear: none;
  float: left;
}

.Report-master .report-transfer-from-sites-options .k-datetimepicker
{
  width: 20em;
}



.Report-master .report-margin
{
  margin-top: 10px;
  margin-left: 20px;
}

.report-trace{
  margin-left: 20px;
  overflow:hidden;
  height: 150px;
}

.report-trace .report-margin{
  margin-top:0px;
}

.Report-master button.report-margin
{
  margin-top: 20px;
  margin-left: 0px;
  margin-bottom: 20px;
}



.Report-master .report-server-channel-result
{
  margin-top: 20px;
}

.Report-master .k-alone
{
  width: 20em;
}

.report-trace-result
{
  margin-top: 0px;
  float: left;
  white-space: nowrap; 
  position: absolute;
  top: 0px
}

.report-trace-result-contacts
{
  
  white-space: nowrap;
  height: 49.9%;

}

.Report-master select.k-dropdown
{
  margin-top: 5px;
}

.Report-master button.clear-box.left
{
  clear: both;
  float: left;
  margin-top: 20px;
}

/*.Report-master .k-input-text{
  margin-top: 5px;
}*/

.button-margin
{
  padding-top: 20px;
}

.check-margin
{
  padding: 20px 0px 0px 0px;
}

.campaign-picker
{
  width: 20em;
  margin-top: 3px;
}

.filter-picker
{
  width: 15em;
  margin-top: 3px;
}

.list-picker
{
  width: 15em;
  margin-top: 3px;
}

.big-picker
{
  width: 23em;
}

.big-picker-user-defined-reports
{
  width: 23em;
  margin-top: 5px;
}



.filter-grid
{
  white-space: nowrap;
}

.k-grouping-header
{
  background-color: transparent;
}

.k-window-button
{
  background-color: #fff;
  color: #696969;
  float: right;
  margin: 2px;
}

.k-window-button[red]
{
  background-color: #940c16;
  color: #FFFFFF;
  float: right;
  margin-right: 16px;
}

.k-window-button:hover
{
  background-color: #dbdbdb;
  color: #696969;
}


.k-grid tbody .k-button
{
  min-width: 60px !important;
}


.report-trace-options
{
  height: 100%;
}

.report-trace .formbox
{
  margin: 10px 4% 0px 0px !important;
}

.report-trace .formbox label
{
  font-size: 12pt;
}

.report-button
{
  margin-top: 23px !important;
}

.report-agent-trace-result
{
  margin-top: 20px;
  width: 100%;
}

.report-trace-result-pause
{
  margin-top: 0px;
  width: 100%;
}

.Report-box img
{
  margin-left: 10px;
}


.NewUser_Tabs li
{
  text-align: center;
  background-color: #013F7A;
  margin: 0px 10px 0px 0px !important;
  padding: 5px 5px 5px 5px !important;
  width: 120px;
}

.NewUser_Tabs li.k-state-active
{
  background-color: #00b5e0;
  padding: 5px 5px 5px 5px !important;
}

.NewUser_Tabs li.k-state-active div
{
  background-color: #00b560;
  float: left;
  width: 150px !important;
}

.NewUser_Tabs li.k-state-hover
{
  text-align: center;
  color: #fff;
}

.NewUser_Tabs div img
{
  height: 16px;
  width: 16px;
  margin-right: 3px;
}

.NewUser_Tabs div
{
  float: left;
  margin: 3px 5px 2px 0px;
  background-color: #013F7A !important;
}

.right-management-box
{
  width: 260px;
  float: left;
  background-image: url(../images/icons/direitos_48.png);
  background-repeat: no-repeat;
  background-position: 10px center;
}

.transparent
{
  background-color: transparent !important;
}

div.k-state-selected div.transparent
{
  background-color: transparent !important;
}

div.transparent.k-state-selected
{
  background-color: #00b5e0 !important;
}

.right-box-title
{
  font-size: 20px !important;
  text-overflow: ellipsis;
  height: 1.4em;
  white-space: nowrap;
  overflow: hidden;
  
  margin-left: 48px !important;
}

.group-right-mosaic-box
{
  width: 22%;
  height: 100px;
  float: left;
}

.group-right-mosaic-box div
{
  float: left;
  margin-left: 5px;
  margin-top: 5px;
  background-color: transparent;
}


.extension-monitoring-campaign span[title="Campaign"]
{
  font-size: 18px;
  text-align: right;
  margin-right: 20px;
}



.extension-monitoring-header
{
  height: 50px;
  clear: both;
  width: 100%;
  background-color: #013F7A;
  color: #FFFFFF;
  padding-bottom: 5px;
}

.extension-monitoring-header div
{
  float: left;
}

.extension-monitoring-campaign
{
  font-size: 16px;
  text-align: center;
  width: 25%;
  max-width: 500px;
}

.extension-monitoring-extensions
{
  text-align: center;
  width: 25%;
  font-size: 16px;
  margin-top: 20px;
}

.extension-monitoring-servers
{
  text-align: center;
  width: 25%;
  font-size: 17px; /*margin-top: 20px;*/
  max-width: 400px;
  visibility: 
}

.extension-monitoring-servers .k-combobox
{
  width: 85%;
}

.extension-monitoring-filter
{
  text-align: center;
  width: 25%;
  font-size: 14pt;
}

.extension-monitoring-empty
{
  background-color: red;
  width: 0%;
}

.extension-box
{
  width: 310px;
  height: 45px;
  float: left;
  margin: 5px;
  background-repeat: no-repeat;
  background-position: right center;
  background-color: #013f7a;
  color: #FFFFFF;
}

.extension-name
{
  font-size: 16px;
  height: 45px;
  width: 71%;
  overflow: hidden;
  border-right: #0050ab solid 2px;
}

.extension-name div
{
  margin: 10px 0px 0px 5px;
}

.extension-name div[for="name"]
{
  overflow: hidden;
  text-overflow: ellipsis;
}


.extension-time
{
  float: right;
  height: 45px;
  font-size: 20px;
  margin-top: -38px;
  margin-right: 5px;
}

.extension-monitoring-header .search-box input
{
  margin-right: 3px !important;
  margin-left: 0px !important;
  width: 85% !important;
  margin-top: 20px !important;
}

.extension-box[status="Free"]
{
  background-image: url(../images/icons/channel_Free_32.png);
  background-position: 65% center;
}

.extension-box[status="Buffering"]
{
  background-image: url(../images/icons/channel_Buffering_32.png);
  background-position: 65% center;
}

.extension-box[status="IncomingCall"]
{
  background-image: url(../images/icons/channel_IncomingCall_32.png);
  background-position: 65% center;
}

.extension-box[status="OutgoingCall"]
{
  background-image: url(../images/icons/channel_OutgoingCall_32.png);
  background-position: 65% center;
}

.extension-box[status="Disconnected"]
{
  background-image: url(../images/icons/channel_Disconnected_32.png);
  background-position: 65% center;
}

.extension-box[status="FailedToCreateChannel"]
{
  background-image: url(../images/icons/channel_FailedToCreateChannel_32.png);
  background-position: 65% center;
}

.extension-box.cs-blink-on[status="FailedToCreateChannel"]
{
  background-color: #940c16;
}

.extension-monitoring-campaign .k-dropdown
{
  width: 90% !important;
}

.dialing-strategy-detail-dialplans
{
  margin-top: -31px !important;
}

.dialing-strategy .k-grid-add
{
  margin-top: 6px;
  height: 31px;
}

.dialing-strategy .big-textbox
{
  margin-right: 10px;
}

.dialing-strategy .k-grid .k-grid-header .k-header .k-link
{
  height: auto !important;
}

.dialing-strategy .k-grid .k-grid-header .k-header
{
  white-space: normal !important;
}

.dialing-strategy .k-tabstrip-items li.k-item.k-state-active
{
  background-color: #00b5e0 !important;
}

.dialing-strategy .k-tabstrip-items .k-state-default
{
  background-color: #013f7a;
  margin-right: 10px;
}

.dialing-strategy .k-tabstrip-items .k-state-hover
{
  background-color: #00b5e0 !important;
}


.dialing-strategy .k-tabstrip-items .k-link:hover
{
  color: #fff !important;
}

.dialing-margin
{
  
  background-color: transparent !important;
}

.k-overlay
{
  opacity: 0.8 !important;
}

.lock-window
{
  z-index: 10000;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  background-color: White;
  opacity: 0.0 !important;
}

/*
// .k-window div
// {
//   margin-top: 0px;
// }
*/

/*
// .k-window-content
// {
//   padding: 0px !important;
// }
*/

.master-sleep-page
{
  width: 100%;
  height: 100%;
  /*background-color: #fff;*/
  opacity: 0.7;
}

.sleep-strip-div
{
  background-color: #3b0069;
}

.cluster-wait-failover-page
{
  font-size: 24px; 
  color: white; 
  align-content: center; 
  text-align: center; 
  display: flex; 
  align-items: center;
  width:100%;
  height:100%;
}

.sleep-strip
{
  width: 100%;
  height: 340px;
  background-color: #3b0069;
  position: absolute;
  z-index: 10;
  left: 0px;
  color: #fff;
  background-image: url(../images/globe.png);
  background-repeat: no-repeat;
  background-position: left top;
}

.sleep-fields
{
  height: 250px;
  width: 400px;
  margin: 45px 0px 0px 80px !important;
}

.sleep-fields span
{
  font-size: 44px;
  font-family: Segoe UI Light, Segoe Print ui, helvetica, Sans-Serif;
}

.sleep-fields small
{
  font-size: 16px;
  font-family: Segoe ui, helvetica, Sans-Serif;
}

.sleep-fields input
{
  height: 30px;
  width: 350px;
  margin: 10px 5px 0px 0px;
  border-style: none !important;
  font-size: 18px !important;
  font-family: Segoe ui,helvetica,sans Serif;
}

.sleep-fields input[type="password"].k-input
{
  width: 350px;
  margin: 10px 5px 5px 0px;
  border-style: none;
  font-size: 20px;
  font-family: Segoe ui,helvetica,sans Serif;
}

.sleep-fields .Enter-Pass
{
  float: right;
  margin-right: 50px;
  font-size: 18px;
}

.sleep-fields .Enter-Pass:hover
{
  opacity: 0.5;
}
.sleep-fields .Logout
{
  float: left;
  margin-right: 50px;
  font-size: 14px;
}

.sleep-fields .Logout:hover
{
  opacity: 0.5;
}

.sleep-fields input[placeholder=""]
{
  color: #696969 !important;
}

.spot-marketing
{
  height: 340px;
  width: 544px;
  background-color: transparent;
  border-style: 1px #fff;
  float: right;
  position: absolute;
  top: 0px;
  right: 10px;
}


.mailing-load
{
  height: 100%;
}

.mailing-load .formfieldscontent
{
  height: 100%;
}

.mailing-load .formfieldscontent h3
{
  line-height: 0px;
}


.mailing-load-form
{
  margin-bottom: -20px;
}

.mailing-load-progress
{
  color: #fff !important;
  font-size: 22px !important;
  background-color: transparent !important;
}

.mailing-load-progress-popup .k-titlebar.k-header
{
  background-color: #003669 !important;
}

.mailing-load-progress-popup .k-window-titlebar.k-header
{
  background-color: #003669 !important;
}

.mailing-load-progress-popup .k-window-content.k-content
{
  background-color: #013f7a !important;
}
.mailing-load-progress-popup
{
  /*height: 300px !important;*/
  width: 100% !important;
  color: #fff !important;
}

.mailing-load-progress-popup .mailing-box-process
{
  width: auto;
  padding-left: 30px;
  font-size: 32px;
  margin-left: 40px; /*background-color: #003669;*/
  float: left;
  margin-top: 3px;
}

.mailing-load-redbox
{
  font-size: 16px !important;
  background-color: #940c16;
  padding: 5px; /*margin-left: -70px !important;*/
}

.smallpicker .k-datetimepicker
{
  width: 11em !important;
}

.timers-grid
{
  margin-top: 5px;
}

.margin-mosaic-right
{
  margin-top: 20px !important;
}

div[data='mailing-list-grid'] .k-grid .k-grid-header .k-header .k-link
{
  height: auto !important;
}

div[data='mailing-list-grid'] .k-grid .k-grid-header .k-header
{
  white-space: normal !important;
}


.distribution-list-management .k-grid-header table, .k-grid-content table, .k-grid-footer table
{
  table-layout: fixed !important;
  overflow-x: auto;
}

.mailing-list-grid div.jspPane
{
  min-width: 2300px;
  white-space: nowrap;
}

.k-grid-desaplicar
{
  margin-left: -5px !important;
}


.system-down
{
  width: 100%;
  height: 340px;
  background-color: #b90101;
  position: absolute;
  z-index: 100000;
  left: 0px;
  background-image: url(../images/icons/alert_256.png);
  background-repeat: no-repeat;
  background-position: 20% center;
  text-align: center;
}

.system-down div
{
  color: #fff;
  font-size: 42pt;
  text-align: center;
  margin-top: 130px;
  font-family: Segoe ui, helvetica, Sans-Serif;
  margin-left: 30%;
}



.page-footer
{
  height: 30px;
  width: 100%;
  position: absolute;
}

.trunk-grid-left.k-widget.k-treeview
{
  background-color: #0b56aa !important;
  height: 300px;
}

.trunk-grid-right.k-widget.k-treeview
{
  background-color: #0b56aa !important;
  height: auto;
  height: 300px;
}


.dialing-strategy-schedule-detail form
{
  height: 100%;
}

.dialing-strategy-schedule
{
  padding: 10px;
}

.window-check
{
  margin-left: 60px;
}

.save-button, .cancel-button
{
  margin-top: 55px;
}

.save-button
{
  margin-right: 2px;
}

.window-strategy-schedule-filter
{
  width: 100%;
}

.edit-filter-buttonX
{
  float: left;
}

.delete-filter-buttonX
{
  float: left;
}

.edit-filter-button
{
  float: right;
  margin-top: -15px;
  margin-right: 20px;
}

.window-detail-title
{
  text-align: left;
  font-size: 20px;
  margin-left: 5px;
}

.window-check-align
{
  margin-top: 20px;
  clear: both;
}

.window-strategy-schedule-day input[type="checkbox"]
{
  margin-top: 8px !important;
  margin-right: 30px;
}

.window-align
{
  float: left;
  /*margin: 10px 20px 10px 20px;*/
  margin: 0px;
  color: #696969;
  height: 55px;
  display: block;
}

#filter-clean
{
  margin-top: 120px;
  margin-left: 5px;
}

#filter-clean input[type="checkbox"]
{
  margin-top: 0px !important;
}

.window-align .clear-box
{
  clear: both;
  margin-top: 10px;
  margin: 10px 20px 10px 10px;
  color: #696969;
}

.window-check
{
  margin-left: 30px;
}

.filter-edit{
  height: 100%; /* DO NOT USE !important for setting the Grid height! */
}

.filter-edit-applied-grid
{
  margin: 0;
  padding: 0;
  border-width: 0;
  height: 130px;
  width: 100%;
}

.filter-edit-edit-grid  {
  margin: 0;
  padding: 0;
  border-width: 0;
  width: 100%;
  height: 100%;
  /*height: 100%;*/ /* DO NOT USE !important for setting the Grid height! */
  /*height: 250px;*/
}

.k-grid-up
{
  background-image: url(../images/icons/up_16.png);
  background-position: center;
  background-repeat: no-repeat;
  color: transparent !important;
}

.k-grid-down
{
  background-image: url(../images/icons/down_16.png);
  background-position: center;
  background-repeat: no-repeat;
  color: transparent !important;
}

.k-grid-up:hover
{
  background-image: url(../images/icons/up_hover_16.png);
  background-position: center;
  background-repeat: no-repeat;
  color: transparent !important;
}

.k-grid-down:hover
{
  background-image: url(../images/icons/down_hover_16.png);
  background-position: center;
  background-repeat: no-repeat;
  color: transparent !important;
}

.k-list > .k-state-hover
{
  color: inherit;
}

.k-list > .k-state-focused.k-state-hover
{
  color: #fff;
}

.distribution-list-management ul.k-tabstrip-items.k-reset
{
  margin-top: 5px;
}


.right-formbox
{
  margin: 10px 0px 10px 5px !important;
}

.user-defined-report-formbox
{
  margin: 0px 0px 10px 5px !important;
}

.user-defined-report-formbox fieldset{
  margin-top: 0px !important;
}



.big-textbox
{
  width: 300px !important;
}

#selectable-right-box
{
  /*width: 24% !important;*/
  margin: .2em;
  padding: 1px 1px .25em .25em;
  max-width: 250px !important;
  height: 2.5em;
  width: 30em;
  overflow: hidden;
  text-overflow: ellipsis;
}

.right-management .mosaic-box .jspPane.k-listview
{
  /*min-width: 100% !important;   min-height: 300px !important;*/
}

/*.mosaic-box-content{
  margin-top: -10px;
}*/

/*.right-management .mosaic-box-content{
  margin-top: 0px !important;
}*/

/*.right-management .mosaic-box  
{
  width:300px;
}
*/
.mode-button
{
  /*width: 170px;*/
  margin: 5px 0px 5px 10px !important;
  font-size: 16px;
  font-weight: lighter;
  min-width: 40px;
}

.mode-button:hover
{
  min-width: 40px;
}

.agenda .add-button
{
  right: 5px !important;
  top: 7px !important;
}

.agenda[viewMode="week"] > .content > .day > .header
{
  font-size: 18px !important;
}

.k-window .error
{
  width: 100%;
  padding: 8px 0px 8px 0px !important;
}

.agenda .add-button
{
  margin-left: 5px;
}

.dialing-strategy-schedule-detail.k-window-content .delete-button
{
  float: left;
  margin: 15px 0px 0px -10px;
}

.dialing-strategy-schedule-detail.k-window-content .delete-filter-button
{
  margin: 15px 0px 0px -20px;
}

.agenda[viewMode="week"] > .content > .day > .items > .item
{
  border: 1px solid #4a0069 !important;
}

.agenda[viewMode="day"] > .content > .day > .hours > .hour
{
  font-size: 14px;
}

.dialing-strategy-schedule .nav-button
{
  height: 35px !important;
}

.dialing-strategy-schedule .nav-button:hover
{
  height: 35px !important;
  background-color: transparent;
  opacity: 0.5;
}

.dialing-strategy-schedule .add-button:hover
{
  opacity: 0.5;
}

.redial-time-grid a.k-button.k-button-icontext.k-grid-save-changes
{
  width: auto;
}

.internal-service-list-grid
{
  padding-top: 5px;
}

.md-button-new
{
  font-size: 100%;
  background-image: url(../images/icons/agenda_add_16.png);
  background-repeat: no-repeat;
  background-position: 5px center;
  padding-left: 20px;
}

.md-button-new:hover
{
  font-size: 100%;
  background-image: url(../images/icons/agenda_add_hover_16.png);
  background-repeat: no-repeat;
  background-position: 5px center;
  padding-left: 20px;
}

.navigation-button
{
  margin-top: 70px;
}


.agg:hover
{
  background-color: #940c16 !important;
  color: #fff !important;
}

button[cs-action="remove"]:hover.agg
{
  background-image: url("../images/icons/btremove.png") !important;
}

.md-button-cancel:hover
{
  background-color: #940c16 !important;
  color: #fff !important;
}

.md-button-cancel-readonly:hover
{
  background-color: #940c16 !important;
  color: #fff !important;
}

.k-button.k-grid-cancel:hover
{
  background-color: #940c16 !important;
  color: #fff !important;
}

.k-button:hover .k-icon.k-cancel
{
  background-position: -48px -48px !important;
}

.k-button.k-grid-delete:hover
{
  background-color: #940c16 !important;
  color: #fff !important;
}

.k-button:hover .k-icon.k-delete
{
  background-position: -48px -16px !important;
}

.ivr-edit
{
  padding-top: 10px !important;
}

#form-footer
{
  height: 62px;
  padding-top: 63px;
  background-color: transparent;
}


/*.working-hour-check{
  margin-top: -10px;
}*/

.internal-service-box
{
  float: left;
  width: 280px !important;
  padding: 2px;
  overflow: hidden;
}

.internal-service-box span
{
  font-size: 18px;
}

.internal-service-box p
{
  font-size: 18px;
}

.internal-service-box small
{
  font-size: 15px;
}

.dialing-strategy-schedule-detail
{
  background-color: #f0eded !important;
}

.dialing-strategy tbody tr td div
{
  background-image: url(../images/checked.png);
  background-repeat: no-repeat;
  margin-left: 15px;
}

.tabulation-grid tbody tr td center div
{
  background-image: url(../images/checked.png);
  background-repeat: no-repeat;
  margin-left: 5px;
}

.tabulation-grid tbody div[change]
{
  background-image: url(../images/icons/change_tabulation_group_16.png);
  background-repeat: no-repeat;
  background-position: 50%;
  opacity: 0.8;
}

.tabulation-grid tbody div[change]:hover
{
  background-image: url(../images/icons/change_tabulation_group_hover_16.png);
  background-repeat: no-repeat;
  background-position: 50%;
}

.backup-processes-tabs tbody td
{
  width: auto;
}

.agent-hierarchy-right-tabs
{
  margin-right: -2px;
}

.Group-Process-Level .md-list-container
{
  min-width: 300px !important;
  margin-right: 10% !important;
}

.ivr-blacklist .k-grid-cancel
{
  float: right !important;
}

.ivr-blacklist .k-grid-update
{
  float: right !important;
  margin-right: 50%;
}

.ivr-blacklist .k-grid-edit
{
  float: right;
  margin-right: 50%;
}

.ivr-holiday .k-grid-cancel
{
  float: right !important;
}

.ivr-holiday .k-grid-update
{
  float: right !important;
}


.working-hour-table
{
  margin-top: 10px !important;
}

.distribution-list-management .working-hour-table .k-timepicker
{
  width: 9em !important;
}

/*.campaign-list .spotBox{
  width: 17%;
}


.campaign-list .spotBox.Recorder{
  width: 12% !important;
}*/

.campaign-list .captionBox.dialer-item
{
  width: 45% !important;
}



.cancel-schedule-status-group
{
  margin-top: 30px !important;
}


.warning
{
  font-size: 24pt;
  background-color: Yellow;
  line-height: 2em;
  padding-left: 2em;
}

.homelet-group-campaign
{
  background-color: #00B5DF;
  color: #FFFFFF;
  cursor: pointer;
}

h1, h2, h3
{
  color: #FFF;
  font-weight: lighter;
}

h1
{
  font-size: 40px;
}
h2
{
  font-size: 30px;
}
h3
{
  font-size: 20px;
}

.padded-page
{
  margin: 10px;
}

.master-detail-box
{
  
}

.master-detail-box span
{
  overflow: hidden;
}

.side-by-side
{
  float: left;
  width: 45%;
  margin: 10px;
  background-color: rgb(1, 63, 122) !important;
}

.md-detail label
{
  color: #FFF;
  font-size: 12pt;
  font-weight: lighter;
}

.md-toolbar-buttons label
{
  float: left;
  margin: 1em;
}

.success-popup-window
{
  background-image: url('../images/icons/ok_128.png');
  width: 168px;
  height: 168px;
  position: fixed;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 9999999;
}

.popup-window
{
  padding: 5px;
  margin: 5px;
}

.extension-management-grid .k-grid-remove-selected, .extension-management-grid .k-grid-change-campaign-selected, .extension-management-grid .k-grid-active-selected, .extension-management-grid .k-grid-deactive-selected, .extension-management-grid .k-grid-batch-create
{
  color: #fff !important;
  background-color: #013f7a !important;
  background-position: center center !important;
  background-repeat: no-repeat;
  border-style: none;
  height: 40px;
  width: 40px;
  font-size: 0px;
  margin: 5px;
}

.extension-management-grid .k-grid-remove-selected
{
  background-image: url(../images/icons/apagar_registro_32.png);
}

.extension-management-grid .k-grid-change-campaign-selected
{
  background-image: url(../images/icons/alterar_campanha_32.png);
}

.extension-management-grid .k-grid-active-selected
{
  background-image: url(../images/icons/ativar_gravacao_seletiva_32.png);
}

.extension-management-grid .k-grid-deactive-selected
{
  background-image: url(../images/icons/desativar_gravacao_seletiva_32.png);
}

.extension-management-grid .k-grid-batch-create
{
  background-image: url(../images/icons/criar_ramais_32.png);
}


.mailing-monitor .k-combobox
{
  margin-top: 5px;
}

.mailing-monitor-grid
{
  width: 100%;
  height: 100%;
}

.report-config table
{
  width: 90%;
  margin-left: 40px;
}

.report-config table td input[type="text"]
{
  width: 400px !important;
  margin-left: 50px;
}

.report-config table td input[type="password"]
{
  width: 400px !important;
  margin-left: 50px;
  border-style: solid;
  border-width: 0px;
  font-size: 100%;
}

.report-config table td
{
  font-family: segoe ui,helvetica,sans-serif;
  font-weight: lighter;
}

.report-config table button
{
  float: right;
  margin-left: 5px;
  margin-top: 30px;
}


.report-button-right{
  float: left;
  margin-top: 30px;

}


.report-ivr-browse-menu-options .formbox{
  margin: 10px 4% 0px 0px !important;
}



.k-animation-container .k-column-menu ul li .k-state-active
{
  background-color: #00b5e0 !important;
}

ul[data-role="menu"] li .k-state-border-right .k-sprite.k-i-columns
{
  height: 0px !important;
  width: 0px !important;
}

ul[data-role="menu"] li .k-state-border-right .k-sprite.k-filter
{
  height: 0px !important;
  width: 0px !important;
}

ul[data-role="menu"] li.k-state-default .k-sprite.k-i-columns
{
  height: 0px !important;
  width: 0px !important;
  background-color: #013F7A;
}

ul[data-role="menu"] li.k-state-default .k-sprite.k-filter
{
  height: 0px !important;
  width: 0px !important;
}

ul[data-role="menu"] li.k-state-default
{
  background-color: #013f7a !important;
  color: #fff !important;
}

ul[data-role="popup"] li.k-state-default
{
  background-color: #f1f1f1 !important;
  color: #696969 !important;
}

.k-animation-container
{
  margin-top: 4px;
  background-color: transparent;
  border: 2px;
  border-color: #0e2259;
}

form.k-filter-menu
{
  background-color: #f1f1f1 !important;
}

div.channel-management-batch-change.k-window-content .k-dropdown
{
  width: 90%;
}

div.integration-grid div.k-toolbar label
{
  float: left;
  margin-right: 8%;
}

.tools
{
  height: auto;
}

.tools div.tools-no-tools-available
{
  width: 100%;
  padding-top: 50px;
  height: 100px;
  background-image: url(../images/icons/no_tools_128.png);
  background-position: 25%;
  background-repeat: no-repeat;
}


.tools .tools-no-tools-available span
{
  margin-left: 40%;
  font-size: 22px;
}

.cti-config-form button
{
  float: right;
  margin-right: 38px;
}

.cti-form-footer
{
  height: 62px;
  padding-bottom: 62px;
  background-color: transparent;
}

.cti-config-form .JspPane
{
  height: 100% !important;
}

.cti-config-form .JspContainer
{
  height: 100% !important;
}

.cti-config-form
{
  height: 100%;
  width: 100%;
}

.mailbox-grid .JspPane
{
  min-height: 600px !important;
}

.channel-management .k-numerictextbox
{
  margin-top: 0px !important;
}

.channel-management .k-button
{
}


.k-header-column-menu
{
  margin: -0.5em -0.9em -0.4em !important;
  padding: 0.5em 0.1em 0.4em !important;
}


.parameters-grid tbody td
{
  white-space: nowrap;
}

.tools-download-link-monitor-bck 
{
  background-image: url(../images/icons/download_link_monitor_64.png);
  background-position: 10px 50%;
  background-repeat: no-repeat;
}

.tools-download-link-monitor {
  width: 300px;
  height: 70px;
  position: relative;
  left: 50%;
  margin-top: 20px;
  margin-left: -150px;
  clear: both;
  float: left;
  font-size: 20px;
  font-family: segoe ui,helvetica,sans-serif;
  font-weight: lighter;
}

  .tools-download-link-monitor:hover {
    width: 300px;
    height: 70px;
    position: relative;
    left: 50%;
    margin-top: 20px;
    margin-left: -150px;
    clear: both;
    float: left;
    font-size: 20px;
    font-family: segoe ui,helvetica,sans-serif;
    font-weight: lighter;
  }

.mailing-load .k-combobox
{
  margin-top: 5px;
}

select
{
  border-style: solid;
  font-size: 100%;
  font-family: segoe ui.helvetica, sans-serif;
  color: #777;
}

.export-files
{
  height: 100%;
}

div[mark="list-edit"] input.k-input[title="nome"]
{
  margin-top: 5px;
}

div[mark="list-edit"] .work-force
{
  margin: 10px 55px 10px 0px !important;
}

div[mark="list-edit"] .k-timepicker
{
  width: 12.4em !important;
}

.agent-monitoring-master div[data="ServiceLevel"]
{
  letter-spacing: -2px !important;
}

.agent-monitoring-master div[data="ServiceLevel"] span
{
  letter-spacing: normal !important;
}

.backup-host-box button
{
  min-width: 60px !important;
  width: 30px !important;
}

.dialing-strategy-detail-infos td
{
  white-space: nowrap;
}

.dialing-strategy-detail-infos .k-pager-wrap.k-grid-pager
{
  min-width: 945px !important;
}

.dialing-strategy-detail-redialtimes td
{
  white-space: nowrap;
}

.dialing-strategy-detail-redialtimes .k-grid-edit-row
{
  white-space: nowrap;
}

.dialing-strategy-detail-dialplans .k-toolbar.k-grid-toolbar
{
  margin-top: -7px !important;
}

.formbox.k-picker-size .k-timepicker
{
  width: 11em !important;
  font-size: 100%;
}

.mailing-list-grid .jspContainer
{
  max-height: 400px !important;
}

.k-check-margin
{
  margin-left: 10px !important;
}

.list-service-title
{
  clear: both;
  float: left;
  font-size: 22px;
  color: white;
  margin-top: 20px;
}

.call-search-advanced .formbox label
{
  color: #696969;
}

.call-search-advanced .formbox
{
  margin-left: 5px !important;
}

.call-search-advanced-button
{
  position: absolute;
  bottom: 5px;
  right: 5px;
}



.call-search .search-time
{
  margin-left: 20px;
  margin-right: 10px;
  margin-top: 6px;
}

.call-search-advanced .server-select select
{
  width: 19em;
}

.call-search-advanced .campaign-select select
{
  width: 20em;
  border-style: 0px none;
  outline: 0px none;
}

.call-search-email .formbox label
{
  color: #696969;
}

.call-search .call-search-mail .formbox
{
  margin-left: 10px !important;
}

.call-search .k-header .k-link
{
  white-space: nowrap;
}

.call-search-mail textarea
{
  margin-left: 5px !important;
  border-style: none;
  color: #696969;
  font-size: 16px;
  font-family: segoe ui, helvetica, sans-serif;
}

.call-search-mail-button
{
  position: absolute;
  bottom: 5px;
  right: 5px;
}









.fax-search-advanced .formbox label
{
  color: #696969;
}

.fax-search-advanced .formbox
{
  margin-left: 5px !important;
}

.fax-search-advanced-button
{
  position: absolute;
  bottom: 5px;
  right: 5px;
}



.fax-search .search-time
{
  margin-left: 20px;
  margin-right: 10px;
  margin-top: 6px;
}

.fax-search-advanced .server-select select
{
  width: 15em;
}

.fax-search-advanced .campaign-select select
{
  width: 15em;
  border-style: 0px none;
  outline: 0px none;
}

.fax-search-email .formbox label
{
  color: #696969;
}

.fax-search .fax-search-mail .formbox
{
  margin-left: 10px !important;
}

.fax-search .k-header .k-link
{
  white-space: nowrap;
}

.fax-search-mail textarea
{
  margin-left: 5px !important;
  border-style: none;
  color: #696969;
  font-size: 16px;
  font-family: segoe ui, helvetica, sans-serif;
}

.fax-search-mail-button
{
  position: absolute;
  bottom: 5px;
  right: 5px;
}






.textarea-style
{
  margin-left: 5px !important;
  border-style: none;
  color: #696969;
  font-size: 16px;
  font-family: segoe ui, helvetica, sans-serif;
  height: 200px;
}

.trunk-list-group-grid
{
  margin-top: 10px;
}

.trunk-field
{
  margin-bottom: 10px !important;
}

.margin-mosaic-right
{
  min-height: 500px !important;
}

.device-box-icon
{
  background-color: transparent !important;
  width: 132px !important;
  margin-left: 0px !important;
  padding-left: 0px !important;
}



.right-management .mosaic-container
{
  padding-right: 0px !important;
  padding-bottom: 0px !important;
}

.right-management .margin-mosaic-right
{
  min-height: auto !important;
}


.right-management .mosaic-box .jspVerticalBar
{
  right: 20px !important;
}

.right-management .jspPane
{
  min-height: 100% !important;
}

/*.right-management .mosaic-box-expanded .jspPane {
  min-height:550px !important; 
}*/

.right-management .mosaic-box-expanded .jspDrag
{
  margin-left: 0px !important;
}

.right-management .mosaic-box-expanded .jspTrack
{
  margin-left: 0px !important;
  width: 5px;
}

/*.UserManagement_UserList .formfieldscontent{
  height: 800px !important;
}*/



.dialing-strategy-schedule-detail.k-window-content button.k-window-button.cancel-button.agg
{
}

.dialing-strategy-schedule-detail.k-window-content button.k-window-button.save-button
{
}

.dialing-strategy-schedule-detail.k-window-content .formbox
{
  color: #696969 !important;
}

.dialing-strategy-schedule-detail.k-window-content .formbox .k-timepicker
{
  width: 12.4em;
}

.dialing-strategy-schedule-detail.k-window-content .formbox .k-combobox
{
  margin-top: 5px;
}

div.k-window-button.current-filter-where
{
  max-width: 800px !important;
  overflow: hidden;
  text-overflow: ellipsis;
}



.window-check-align .window-detail-title
{
  color: #696969;
  height: 30px;
  white-space: nowrap;
  margin-bottom: -20px;
}

.edit-filter-button-margin
{
  position: absolute;
  top: 300px;
  right: 270px;
}

.delete-filter-button-margin
{
  position: absolute;
  top: 270px;
  right: 170px;
}

.remove-button-margin
{
  position: absolute;
  bottom: 2px;
  left: 50px;
}

.identify-margin
{
  margin-top: 20px !important;
}

.identify-margin .k-window-button
{
  font-size: 22px !important;
  background-color: transparent;
  margin-top: -5px;
  margin-left: 10px;
}

.current-filter-margin
{
  margin-top: -35px !important;
}

.filter-edit .k-header span
{
  cursor: default;
}

.UserManagement_UserList .md-toolbar div label
{
  margin: 4px 3px 0px 3px !important;
}


.UserManagement_UserList .md-toolbar span.k-widget.k-combobox.k-header
{
  margin-left: 10px !important;
  margin-top: 3px !important;
}

div label[data-value="Manager"]
{
  background-image: url(../images/icons/manager_32.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  width: 45px;
  height: 45px;
  margin-top: 5px;
  background-color: #013f7a;
  margin-right: 3px;
}


div label[data-value="Supervisor"]
{
  background-image: url(../images/icons/supervisor_32.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  width: 45px;
  height: 45px;
  margin-top: 5px;
  background-color: #013f7a;
  margin-right: 3px;
}

div label[data-value="Agent"]
{
  background-image: url(../images/icons/agente_32.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  width: 45px;
  height: 45px;
  margin-top: 5px;
  background-color: #013f7a;
  margin-right: 3px;
}

div label[data-value="Auditor"]
{
  background-image: url(../images/icons/auditor_32.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  width: 45px;
  height: 45px;
  margin-top: 5px;
  background-color: #013f7a;
  margin-right: 3px;
}

div label[data-value="true"]
{
  background-image: url(../images/icons/ativo_32.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  width: 45px;
  height: 45px;
  margin-top: 5px;
  background-color: #013f7a;
  margin-right: 3px;
}

div label[data-value="false"]
{
  background-image: url(../images/icons/inativo_32.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  width: 45px;
  height: 45px;
  margin-top: 5px;
  background-color: #013f7a;
  margin-right: 3px;
}


.resource-monitoring-agent-chart.k-chart
{
  margin-top: 5px !important;
}



.daylight .formfieldscontent
{
  margin-left: 50px;
}

.daylight .formfieldscontent .k-combobox
{
  margin-top: 5px;
}

.daylight-save-button
{
  margin-top: 43px;
}

input.timespan
{
  margin-top: 5px;
}

.mailing-fields-grid .k-pager-wrap
{
  min-width: 1240px;
}

.dial-plan-detail-grid
{
  margin-bottom: -15px !important;
}

.right-management .mosaic-box .jspContainer{
  background-color:transparent !important;
}

.right-management .mosaic-box-expanded div.jspContainer{
 margin-top:-12px; 
}

.right-management .mosaic-box-expanded div.jspPane{
 padding-bottom:15px !important; 
}


.agent-monitoring-box .type-group-box .datas div[data="Commands"] button:hover
{
  background-color:transparent;
  width: 23%!important;
}

.agent-monitoring-box .type-group-box .datas div[data="CommandsSupervisor"] button:hover
{
  background-color:transparent;
  width: 23%!important;
}

.agent-monitoring-box .type-group-box .datas div[data="Commands"] button[action="logout"]
{
  margin-left:-4px\9 !important;
  margin-left:0px !important;
  background-position: 23% 5%;
  background-repeat: no-repeat;
  background-image: url(../images/icons/logout_16.png);
}

.agent-monitoring-box .type-group-box .datas div[data="Commands"] button[action="logout"]:hover
{
  margin-left:-4px\9 !important;
  margin-left:0px !important;
  background-position: 23% 5%;
  background-repeat: no-repeat;
  background-image: url(../images/icons/logout_hover_16.png);
}

.agent-monitoring-box .type-group-box .datas div[data="Commands"] button[action="listen"]
{
  margin-left:-1px !important;
  background-position: 23% 5%;
  background-repeat: no-repeat;
  background-image: url(../images/icons/listen_16.png);
}

.agent-monitoring-box .type-group-box .datas div[data="Commands"] button[action="setPause"]
{
  margin-left:-1px !important;
  background-position: 23% 5%;
  background-repeat: no-repeat;
  background-image: url(../images/icons/pause_16.png);
}

.agent-monitoring-box .type-group-box .datas div[data="CommandsSupervisor"] button[action="setPause"]
{
  margin-left:-1px !important;
  background-position: 23% 5%;
  background-repeat: no-repeat;
  background-image: url(../images/icons/pause_16.png);
}

.agent-monitoring-box .type-group-box .datas div[data="Commands"] button[action="listen"]:hover
{
  margin-left:-1px !important;
  background-position: 23% 5%;
  background-repeat: no-repeat;
  background-image: url(../images/icons/listen_hover_16.png);
}


.agent-monitoring-box .type-group-box .datas div[data="Commands"] button img
{
  height:auto;
  width:auto;
}

.agent-monitoring-box .type-group-box .datas div[data="Commands"] button
{
  height:50px !important;
  margin-top: 2px !important;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {

 .agent-monitoring-box .type-group-box .datas div[data="Commands"] button
{
  height:50px !important;
  margin-bottom: 20px !important;
}

}

.report-audit-trail-result{
  white-space: nowrap;
}

.report-audit-trail{
  margin-left: -5px;
}

.internal-service-grid .formfieldscontent{
  width: 100%;
}

.internal-service-grid .list-service-title{
  font-size: 18px;
}

.mailing-load fieldset{
  margin-top:5px;
}

.backup-device .formbox .input{
  margin-top:5px !important;
}

.user-management-tab-skill .k-grid-pager{
  min-width: 600px !important;
}

.mailing-fields-grid td{
  white-space: nowrap;
}

.user-management-tab-skill
 {
   min-height:200px !important;
 }

 .user-management-tab-skill li
 {
  padding: 0px !important;
  margin: 0px 5px !important;
  width: 20px !important;
 }

 #reporting-home-html{
  height: 100%;
  background-color:#0050ab !important;
 }


 .jspHorizontalBar{
  z-index: 999999999 !important;
 }

 #reporting-home-html td{
  white-space: nowrap;
 }


.mailing-load-form
{
  margin-bottom: -20px;
}

.master-detail-readonly-msg
{
  color: #fff !important;
  background-color: transparent !important;
  /*font-size: 22px !important;
    margin-top: 20px;
    margin-left: 20px;
  */
}
.agent-monitoring-filter-config-win
{
  
  color: #fff !important;
  background-color: transparent !important;
}

li.k-state-selected
{
  color: #777777 !important;
  /*width: 400px;*/
}


.dashboard-home .k-content
{
  background-color: #013f7a !important;
  height: 100% !important;
}
 
.dashboard-home 
{
  height: calc(100% - 54px) !important;
}  

.dashboard-home div.k-content.k-state-active
{
  padding: 6px !important;
}

.dashboard-home .k-widget.k-header.k-tabstrip li.k-state-default
{
  color: #fff !important;
}
div.dashboard-home li.k-item.k-state-default.k-state-active
{
  background-color: #013F7A;
}

div.dashboard-home li.k-item.k-state-default.k-state-hover
{
  background-color: #00b5e0;
}

div.dashboard-home li.k-item.k-state-default
{
  background-color: transparent;
}

div.dashboard-home li.k-item .k-i-close
{
  margin-top:4px; 
  margin-right:10px;
}

.dashboard-home-control-edit-template
{
  width:350px; 
  background-color: #00b5df; 
  float:left;
  margin: 10px !important;
  overflow: hidden;
}

.dashboard-home-config-window
{
  color: #fff !important;
  background-color: transparent !important;
  margin: 10px; 
  text-align: left;
}

.dashboard-home-config-button
{
  color: rgb(255,255,255); 
  margin-left: 10px; 
  margin-bottom: 10px; 
  margin-top: 30px;
}

.small-margins fieldset
{
  margin-top: 0px !important; 
  margin-left: 0px !important;
}

.small-margins .formbox
{
  margin-top: 0px !important; 
  margin-left: 0px !important;
  margin-bottom: 5px !important;
  height:auto;
}

.small-margins span
{
  white-space: nowrap;
}

.report-agent-trace-chat-view-container
{
  display: none;
}

.report-agent-trace-chat-view-win
{
  color: #fff;
  background-color: transparent;
}

.chat-view-message
{
  max-width: 80%;
  min-width: 20%;
  padding: 5px;
  border-radius: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 0px;
  margin-left: 10px;
  height:auto;
}


.chat-view-message[side="eClient"] 
{
  background-color: rgb(230, 230, 230) !important;
  float: left;
}

.chat-view-message[side="eAgent"] 
{
  background-color: rgb(180, 230, 180) !important;
  float: right;
}

.chat-view-message[side="eClient"] span
{
  float: left;
  color: rgb(20, 20, 20);
}

.chat-view-message[side="eAgent"] span
{
  float: right;
  color: rgb(20, 20, 20);
}

.chat-view-message[side="eAgent"] small
{
  float: right;
  color: rgb(20, 20, 20);
}
.chat-view-message[side="eClient"] small
{
  float: left;
  color: rgb(20, 20, 20);
}

.chat-view button
{
  margin:20px;
}
.local-chat-icon-td{
  display: none;
}