/* 
    Created on : 11/05/2016, 19:04:38
    Author     : adriano.luiz
*/

*{
    margin:0px 0px;
    padding:0px 0px;
    font-family:Arial;
    font-size:12px;
    /*color:#d8d9da;*/
    /*color:#000000;*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border:none;
    table-layout: fixed;
    cursor: default;
}

html,body{
    background-color: #1b1d1f; 
    height:100%;
    min-width:1300px;
	/*color:#d8d9da;*/
    overflow-y: none;
}

#content{
    background-color:transparent;
    border:none;
    padding:0px 20px 20px 20px;
    position:fixed;/*absolute*/
    top:40px;
    bottom:0px;
    left:0px;
    right:0px;
}
a{
    text-decoration: none;
}
form{
    display: inline;
}

.imgLabel{
    height: 12px;
    width: 13px;
    margin-right: 5px;   
    transition: 200ms all;
}
#tableClientsEditInfGeraisTrToken label img{
    cursor:copy;
}

.imgLabel:hover{
    transform: scale(2.0);
}


.div_icon_clipboard{
	background-image:url('../img/clipboard.png');
	background-repeat:no-repeat;
	background-size:24px 24px;
	background-color:#ffffff;
	width:24px;
	height:24px;
	cursor:pointer;
}
.div_icon_clipboard:hover{
	box-shadow: inset 0 0 5px grey;
}
/*
.email_icon{
    background-image:url('../img/email_icon.png');
}
.telegram_icon{
    background-image:url('../img/telegram_icon.png');
}
.googlechat_icon{
    background-image:url('../img/googlechat_icon.png');
}
.slack_icon{
    background-image:url('../img/slack_icon.png');
}
.email_icon,
.telegram_icon,
.googlechat_icon,
.slack_icon{
    background-repeat:no-repeat;
    background-size:16px 16px;
    background-color:transparent;
    width:16px;
    height:16px;
}
*/

/********************** LOGOS WRK **********************/
#logo_wrk{
    width:400px;
    height:86px;
    /*background: url('../img/logo-wrk-branco-150-67.png');*/
    background: url('../img/LogoMonitoramento.jpg');
    background-size: 400px 86px;
    /*position: absolute; bottom:20px; right:40px;*/
}
#BGLogo75x29{
    position:fixed;/*absolute*/
    top:5px;
    right:20px;
}

#logo_wrk_top{
    background-color:#ffffff; 
    width:80px;
    height:30px;
    background-image: url('../img/logo-wrk-150-57.png');
    background-size: 65px 25px;
    background-repeat: no-repeat;
    position: absolute; 
    top:0px; 
    right:0px;
    border-radius: 0px 0px 0px 5px;
    border-top: 2px solid #ffffff;
    border-left: 8px solid #ffffff;
}

/************************** SCROLLBAR ****************************/

/* width */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 2px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #171819;
  border-radius: 2px;
}

/************************** POPUP ****************************/
#popUpMask{
    display:none;
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    background-color:#666666;
    opacity: 0.5;
    z-index:998;
}
#popUpDiv{
    display:none;
    position:absolute;
    top:0px;
    left:0px;
    min-width:400px;
    min-height:200px;
    background-color:#ffffff;
    opacity: 1;
    z-index:999;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    padding:10px 0px;
}
#popUpDiv .popUpTitle{
    width:100%;
    height:30px;
    padding-left:10px;
    border-bottom:1px solid #cccccc;  
}
.popUpTitle h4{
    font-size:20px;
}
#popUpDiv .popUpBody{
    width:100%;
    height:120px;
    padding:5px 10px;
    overflow-y: scroll;
}
#popUpDiv .popUpBody p{
    font-size:14px;
    color:#000000;
}
#popUpDiv .popUpFooter{
    width:100%;
    height:30px;
    padding-left:10px;
    border-top:1px solid #cccccc;  
}
#popUpDiv .popUpFooter button{
    padding: 2px 30px;
    background-color: #DEDEDE;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #cccccc;
    display:block;
    transition: 200ms all;
    margin-top:5px;
    margin-left:5px;
    display:inline-block;
}
#popUpDiv .popUpFooter button:hover{
    background-color:#cccccc;
}

/*********************** TABLE COMMONS ***********************/
.tableCommon{
    /*border-collapse: separate;*/
}

/************************* BUTTONS ****************************/
.btn-green{
    /*background-color:#23853b;*/
    background-color:#2DAAE1;
    cursor:pointer;
    border-radius: 3px 3px 3px 3px;
    color:#ffffff;    
    transition: 200ms all;
}
.btn-green:hover{
    /*background-color:#299c46;*/
    background-color:#70C6EB;
}
.btn-gray{
    background-color:#555555;
    cursor:pointer;
    border-radius: 3px 3px 3px 3px;
    color:#ffffff;
    transition: 200ms all;
}
.btn-gray:hover{
    background-color:#6c6c6c;
}

.btn-green2{
    background-color:#299c46;
    cursor:pointer;
    border-radius: 3px 3px 3px 3px;
    color:#ffffff;    
    transition: 200ms all;
}
.btn-green2:hover{
    background-color:#719C11;
}

/*********************** INPUTS COMMONS **********************/
.textareaCommon{
    border:1px solid #2b2b2e;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color:#09090b;
    padding-left: 5px;
    transition: 200ms all;
    color:#d8d9da;
}
.textareaCommon:hover{
    box-shadow: 0px 0px 3px #60a2c6;
    -webkit-box-shadow: 0px 0px 3px #60a2c6;
}

.inputCommon[type="text"],
.inputCommon[type="password"]{
    border:1px solid #2b2b2e;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color:#09090b;
    padding-left: 5px;
    transition: 200ms all;
    color:#d8d9da;
}
.inputCommon[type="text"]:focus,
.inputCommon[type="text"]:hover,
.inputCommon[type="password"]:focus,
.inputCommon[type="password"]:hover{
    box-shadow: 0px 0px 3px #60a2c6;
    -webkit-box-shadow: 0px 0px 3px #60a2c6;
}

.inputCommon[type="submit"]{
    /*background-color: #23853b;*/
    background-color: #2DAAE1;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #2b2b2e;
    display:block;
    transition: 200ms all;
    color:#d8d9da;
}
.inputCommon[type="submit"]:focus,
.inputCommon[type="submit"]:hover{
    /*background-color:#299c46;*/
    background-color:#70C6EB;
    cursor:pointer;
}

/******************** TITLE PAGES **********************/
#titlePage{
    margin-bottom:10px;
    width:100%;
    padding-bottom:20px;
}
#titlePage h2{
    float:left;
    color:#d8d9da;
}
#titlePage a{
    float:right;
    text-decoration: underline;
    margin-left:10px;
    cursor:pointer;
    color:#d8d9da;
}
#titlePage a:hover{
    color:#32d1df;
}

/*********************** TABS ****************************/
.tabs {
  position: relative;   
  clear: both;
}

.tab {
  float: left;  
}

.tab_label {
  background: #1e2022; 
  padding: 5px 10px; 
  border: 1px solid #2b2b2e; 
  margin-left: -1px; 
  position: relative;
  left: 1px; 
  -webkit-border-radius: 7px 7px 0px 0px;
  border-radius: 7px 7px 0px 0px;
  color:#d8d9da;
}

.tab-radio{
  display: none;   
}

.content_tab {
  position: absolute;
  top: 20px;
  left: 0;
  background-color: #2b2b2e;
  right: 0;
  bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 40px;
  border: 1px solid #171819; 
}

.tabs [type=radio] ~ label {
  border-bottom: 3px solid transparent;
}
.tabs [type=radio]:checked ~ label {
  background-color: #2b2b2e;
  border-top: 1px solid #171819;
  border-left: 1px solid #171819;
  border-right: 1px solid #171819;
  border-bottom: 3px solid #2b2b2e;
  z-index: 2;
  color:#d8d9da;
}

.tabs [type=radio]:checked ~ label ~ .content_tab {    
  z-index: 1;
}

/*********************** DIV TABLE ***********************/

.divTbl{
    border-collapse:collapse;
    table-layout: fixed;
    display:table;
}
.divTblThead{
    display:table-header-group;
}
.divTblTbody{
    display:table-row-group;
}
.divTblTr{
    display:table-row;
}
.divTblTh{
    text-align: center;
    font-weight: bold;
    background-color:#f4f4f4;
}
.divTblTh,
.divTblTd{
    border:1px solid #cccccc;
    display:table-cell;
}

/*******************************ICONS*************************/
.hostIconImage{
    width:15px;
    height:15px;
    margin-right:3px;
    float:left;
}

.svcIconImage{
    width:15px;
    height:15px;
    margin-right:3px;
    float:left;
}
/**************************BOXACKNOWLEDGE**********************/
#boxFormAcknowledge{
    display:none;
    position:absolute;
    top:0px;
    left:0px;
    min-width:500px;
    min-height:200px;
    background-color:#ffffff;
    opacity: 1;
    z-index:999;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
     padding:10px 10px;  
}
#boxFormAcknowledge h2{
    width:100%;
    border-bottom: 1px solid #cccccc;
    margin-bottom:10px;
    color:#000000;
}
#boxFormAcknowledge a{
    float:right;
}
#boxFormAcknowledge a:hover{
    text-decoration: underline;
    background-color:#cccccc;
}
#boxFormAcknowledge textarea{
    border:1px solid #cccccc;
    width:400px;
    height:125px;
    padding:5px;
    text-align: left;
    color:#000000;
}
/**************************BOXHOSTACKNOWLEDGE**********************/
#boxFormHostAcknowledge{
    display:none;
    position:absolute;
    top:0px;
    left:0px;
    min-width:500px;
    min-height:200px;
    background-color:#ffffff;
    opacity: 1;
    z-index:999;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    padding:10px 10px;  
}
#boxFormHostAcknowledge h2{
    width:100%;
    border-bottom: 1px solid #cccccc;
    margin-bottom:10px;
    color:#000000;
}
#boxFormHostAcknowledge a{
    float:right;
}
#boxFormHostAcknowledge a:hover{
    text-decoration: underline;
    background-color:#cccccc;
}
#boxFormHostAcknowledge textarea{
    border:1px solid #cccccc;
    width:400px;
    height:125px;
    padding:5px;
    text-align: left;
}
/**************************BOXSERVICETACKNOWLEDGE**********************/
#boxFormServiceAcknowledge{
    display:none;
    position:absolute;
    top:0px;
    left:0px;
    min-width:500px;
    min-height:200px;
    background-color:#ffffff;
    opacity: 1;
    z-index:999;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    padding:10px 10px;  
}
#boxFormServiceAcknowledge h2{
    width:100%;
    border-bottom: 1px solid #cccccc;
    margin-bottom:10px;
    color:#000000;
}
#boxFormServiceAcknowledge a{
    float:right;
}
#boxFormServiceAcknowledge a:hover{
    text-decoration: underline;
    background-color:#cccccc;
}
#boxFormServiceAcknowledge textarea{
    border:1px solid #cccccc;
    width:400px;
    height:125px;
    padding:5px;
    text-align: left;
}
/**************************BOXDOWNTIME**********************/
#boxFormDowntime{
    display:none;
    position:absolute;
    top:0px;
    left:0px;
    min-width:500px;
    min-height:200px;
    background-color:#ffffff;
    opacity: 1;
    z-index:999;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    padding:10px 10px;  
}
#boxFormDowntime h2{
    width:100%;
    border-bottom: 1px solid #cccccc;
    margin-bottom:10px;
    color:#000000;
}
#boxFormDowntime a{
    float:right;
}
#boxFormDowntime a:hover{
    text-decoration: underline;
    background-color:#cccccc;
}
#boxFormDowntime textarea{
    border:1px solid #cccccc;
    width:400px;
    height:125px;
    padding:5px;
    text-align: left;
}
#boxFormDowntime input[type="text"]{
    background-color:#ffffff;
    color:#000000;
    border:1px solid #cccccc;
}
/**************************BOXHOSTDOWNTIME**********************/
#boxFormHostDowntime{
    display:none;
    position:absolute;
    top:0px;
    left:0px;
    min-width:500px;
    min-height:200px;
    background-color:#ffffff;
    opacity: 1;
    z-index:999;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    padding:10px 10px;  
}
#boxFormHostDowntime h2{
    width:100%;
    border-bottom: 1px solid #cccccc;
    margin-bottom:10px;
    color:#000000;
}
#boxFormHostDowntime a{
    float:right;
}
#boxFormHostDowntime a:hover{
    text-decoration: underline;
    background-color:#cccccc;
}
#boxFormHostDowntime textarea{
    border:1px solid #cccccc;
    width:400px;
    height:125px;
    padding:5px;
    text-align: left;
}
#boxFormHostDowntime input[type="text"]{
    background-color:#ffffff;
    color:#000000;
    border:1px solid #cccccc;
}

/**************************BOXSERVICETDOWNTIME**********************/
#boxFormServiceDowntime{
    display:none;
    position:absolute;
    top:0px;
    left:0px;
    min-width:500px;
    min-height:200px;
    background-color:#ffffff;
    opacity: 1;
    z-index:999;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    padding:10px 10px;  
    color:#000000;
}
#boxFormServiceDowntime h2{
    width:100%;
    border-bottom: 1px solid #cccccc;
    margin-bottom:10px;
}
#boxFormServiceDowntime a{
    float:right;
}
#boxFormServiceDowntime a:hover{
    text-decoration: underline;
    background-color:#cccccc;
}
#boxFormServiceDowntime textarea{
    border:1px solid #cccccc;
    width:400px;
    height:125px;
    padding:5px;
    text-align: left;
}
#boxFormServiceDowntime input[type="text"]{
    background-color:#ffffff;
    color:#000000;
    border:1px solid #cccccc;
}



/*********************************** MULTISELECT (LIKE MENU)*************/
/*Configurações Padrões*/
ul.multiselect{
    width:100%; 
    height:100%;
}

ul.multiselect .no-link{
    overflow: hidden;
    text-overflow: ellipsis;
}

ul.multiselect, 
ul.multiselect li{
    margin:0; 
    padding:0; 
    list-style:none; 
    text-decoration:none;
    z-index:997;
    width:auto; 
    position:relative;
    height:100%;
}

ul.multiselect ul{ 
    position:absolute; 
    display:none;    
}

/* Configurações nivel 1*/
/*.multiselect li a{ 
    display:block; 
    padding:0 20px; 
    line-height:20px;  
    float:left; 
}*/

/* Configurações nivel 2*/
ul.multiselect li:hover > ul.multiselect-1{   
    display:block;
    top:18px; 
    left:0; 
    width:100%;  
}

ul.multiselect-1,
ul.multiselect-1 li,  
ul.multiselect-1 li label,  
ul.multiselect-1 li label input{  
    width:100%; 

    /*padding:0 10px;  */
}
/*.multiselect-1 li{
    width:200px;
}*/

/* Configurações de cores*/

/*nivel 1*/
/*.multiselect{
    background-color:red;     
}*/
/*.multiselect a{ 
    color:#d8d9da;
    font-weight:bold;
    cursor:pointer;
}*/
/*.multiselect li:hover > a{ 
    transition: 200ms all;
    color: #32d1df;
} *//*Configurações do menu hover*/

/*nivel 2*/
.multiselect-1{ 
    background-color:#09090b;
    color: #d8d9da;
    border:1px solid #767676;    
}

.multiselect-1 label{
    color:#d8d9da;
}




.multiselect-table-buttons-check{
    width: 100%;
       
}
.multiselect-table-buttons-check .col1{
    width: 50%;
}
.multiselect-table-buttons-check .col2{
    width: 50%;
}

.multiselect-table-filters,
.multiselect-table-items{
    width: 100%;
       
}
.multiselect-table-filters .col1,
.multiselect-table-items .col1{
    width: 20px;
}
.multiselect-table-filters .col1 input,
.multiselect-table-items .col1 input{
    vertical-align: middle;
}
.multiselect-table-filters .col2,
.multiselect-table-items .col2{
    overflow: hidden; 
    text-overflow: ellipsis;
}
.multiselect-table-filters .col2 label,
.multiselect-table-items .col2 label{
    vertical-align: middle;
}
/*.multiselect-item{
    display: block;
    width: 100%;
}
.multiselect-checkbox{
    width:20px;
    display: inline-block;
}
.multiselect-label{
    border:1px solid red;
    width: 150px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}*/
/************************************************************************/



.divFilterSearch{
    float:right;
    margin-bottom:5px;
    color:#d8d9da;
}
.divFilterSearch input{
    width:300px;
    padding:6px 20px;
    margin-left:3px;
}








.divPaginables{
    margin:10px 0px;
    float:right;
}
.divPaginables div{
    display: inline;
}
.divPaginables a{
    color:#d8d9da;
    font-size:14px;   
    padding:0px 4px;
    text-align:center;
    transition: 200ms all;
    border:1px solid transparent;
}
.divPaginables a:hover{
    color:#ffffff;
    background-color: #58585a;
    border:1px solid #111111;
    border-radius: 3px;
}
.divPaginables .currentPage{
    padding:0px 4px;
    color:#333333;
    background-color: #cccccc;
    border:1px solid #979797;
    border-radius: 3px;
}


.monitorMask,
#monitorMask{
    display:none;
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    background-color:#666666;
    opacity: 0.5;
    z-index:998;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}