* {
    scrollbar-width: thin;
}

/* width */
::-webkit-scrollbar {
       width: 5px;
}
/* Track */
::-webkit-scrollbar-track {
      background: #383838;
  }

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
       background: #c0c0c0;
}

body{
    margin: 0;
    padding:0;
    background-color:#1f1e1c; /*343230;*/
    font-family : 'Ubuntu', 'Segoe UI', Arial, sans-serif;
    color : #383838;
    font-size: 13px;
}

table {
    border-collapse: collapse;
}

td {
    padding:0;
}

select option{
    color:#ffffff;
    background-color:#282828;
}

select:focus {
    outline:none;
}

textarea:focus, input:focus {
    outline: none;
}

input[type="radio"]{
    outline: 0 !important;
}

input[type="text"], input[type="datetime-local"]{
    border: solid 0px;
    margin:0;
    width:100%;
    padding:0;
    font-family : inherit;
    font-size: inherit;
    color : #383838;
    background-color:transparent;
    border-radius:0px;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    box-shadow: 0 0 0px 0px rgba(173,169,165, 0.7);
    -webkit-box-shadow: 0 0 0px 0px rgba(173,169,165, 0.7);
}

input.command{
    border: solid 1px #c8c8c8;
    padding-left:2px;
    padding-right:2px;
}

td.selected, input.selected{
    background-color: #ff0;
}

td.unsaved{
    background-color: #bfff80;
}

td.error{
    background-color: #ff7878;
}

.mainIcon{
    opacity:0.7;
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
    filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
}

.mainIcon:hover{
    opacity:1;
    -webkit-filter: grayscale(0);
    filter: none;
}

.footer {
    float: right;
    font-size : 10px;
    color : #c0c0c0;
    padding : 2px 3px 1px 0;
    font-weight:bold;
}
.footerL {
    float: left;
    font-size : 10px;
    color : #c0c0c0;
    padding : 2px 0px 1px 3px;
    font-weight:bold;
}

/* chart */
.nodes circle {
  stroke: #fff;
  stroke-width: 1.5px;
}

.linkLine {
    stroke: #666;
}
.linkText {
    font-family: sans-serif;
    fill: #ffffff;
}
.linkRectW1 {
    fill: #22bb00;
}
.linkRectW2 {
    fill: #99cc00;
}
.linkRectW3 {
    fill: #f8c631;
}
.linkRectW4 {
    fill: #ff9900;
}
.linkRectW5 {
    fill: #bb8000;
}
.linkRectW6 {
    fill: #3366ff;
}
.linkRectW7 {
    fill: #e60000;
}

.nodeText {
    font-family: sans-serif;
    fill: #333;
}
.nodeTextDesc {
    font-family: sans-serif;
    font-weight: bold; 
    fill: #8e8c8a;
}

.nodeCircle {
    fill: #666;
}

.nodeCircleMaster {
    fill: #ccc;
    stroke: #666;
}

.nodeCircleSelect {
    fill: #ffaa07;
}

.nodeCircleMasterSelect {
    fill: #ffffff;
    stroke: #ffaa07;
}

td.svg-container {
    border: solid 1px #c8c8c8;
    background-color:#ffffff;
}

div.svg-container {
    width: 100%;
    vertical-align: top;
    overflow: hidden;
    height: 500px;
    position: relative;
    overflow: hidden;
}

svg.svg{
    display: block;
}

.svg{
    position: absolute:
    top: 0px;
    left:0px;
}

/* end of chart */

.pointer {
    cursor: pointer;
}

td.header {
    height:52px;
}

/* window node */
#node {
    border: solid 1px #c8c8c8;
    background-color: #fff;
    width:400px;
    min-width:400px;
    max-width:400px;
    vertical-align:top;
    text-align:left;
}

#master {
    border: solid 1px #c8c8c8;
    background-color: #fff;
    vertical-align:top;
    text-align:left;
}

#log {
    border: solid 1px #c8c8c8;
    background-color: #fff;
    vertical-align:top;
    text-align:left;
    font-size: 12px;
}

#logContent{
    overflow-y: scroll;
    height:200px;
}

#admin, #library, #mds, #vvs, #devices, #db, #tools{
    background-color: #fff;
}

td.subMain {
    border: solid 1px #c8c8c8;
    vertical-align:top;
    text-align:left;
    white-space: nowrap;
}

.button {
    border: solid 0px;
    display: table-cell;
    vertical-align:middle;
    cursor: pointer;
    border-radius: 4px;
    font-size:13px;
    color: white;
    white-space:nowrap;
    padding:4px 8px;
}

.buttonYellow {
    background-color: #d7c009;
}
.buttonBlue {
    background-color: #3191e6;
}
.buttonRed {
    background-color: #f05454;
}
.buttonGreen {
    background-color: #009325;
}
.buttonBrown {
    background-color: #867b59;
}

.button:hover{
    opacity: 0.6;
    filter: alpha(opacity=60); /* msie */
}

.logTime {
}

.logColor {
    word-wrap:anywhere;
}

.logColorDefault, .logColorNote {
    color: #356c9f;
}

.logColorError {
    color: #ff4644;
}

.logColorChange {
    color: #279710;
}

.logColorDone {
    color: #279710;
}

.logColorSaved {
    color: #279710;
    font-weight:bold;
}

.logColorInfo {
    color: #9400ca;
}

.logColorReset {
    color: #6f4900;
}

div#node_neighbours_content{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width:388px;
    display: inline-block;
    vertical-align: top;
}

#master_neighbours_content{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top;
    min-width:450px;
}

img#nodeN_trunc{
    height: 14px;
    width: 14px;
    vertical-align: middle;
    margin-left:2px;
    margin-top:3px;
    vertical-align: top;
}

img#masterN_trunc{
    height: 14px;
    width: 14px;
    vertical-align: middle;
    margin-left:2px;
    margin-top:3px;
    vertical-align: top;
}


.borderBottom{
    border-bottom: solid 1px #c8c8c8;
}

.borderTop{
    border-top: solid 1px #c8c8c8;
}

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

div.header{
    height: 20px;
    line-height: 20px;
    background-color: #686664;//888786;
    vertical-align: middle;
    color: #fff;
    padding-left: 6px;
    position:relative;
/*    font-weight:bold; */
    font-size:14px;
    white-space: nowrap;
    overflow: hidden;
}

div.label{
    margin-top:0px;
    height: 20px;
    line-height: 20px;
    background-color: #d8d7d6;
    vertical-align: middle;
    padding-left: 18px;
    position:relative;
    font-size:14px;
    color: #282624;
/*    border-top: solid 1px #c8c8c8; */
}

div.label div.divRight{
    float:right;
    font-size:11px;
    margin-right:4px;
}

div.detailsTop{
    border-top: solid 1px #c8c8c8;
}

table.icons{
    font-size:10px;
    height:32px;
    vertical-align:bottom;
    text-align:left;
    white-space: nowrap;
}

table.icons tr td.iconsItem{
    width:52px;
    min-width:52px;
    padding:4px 0 2px 0;
    text-align: center;
    text-shadow: 0px 0px 1px #a8a098;
    color: #585858;
}

td.iconsItem:hover, .icon:hover{
    opacity: 0.4;
    filter: alpha(opacity=40); /* msie */
}
.setLang{
    margin:2px 1px;
    display:table;
}
.setLang:hover{
    opacity: 0.6;
}

table.icons tr td.iconsItem img, table.iconsDark tr td.iconsItem img{
    height:15px;
}

table.iconsDark{
    font-size:10px;
    height:32px;
    vertical-align:bottom;
    text-align:left;
    white-space: nowrap;
}

table.iconsDark tr td.iconsItem{
    width:52px;
    min-width:52px;
    padding:4px 0 2px 0;
    text-align: center;
    text-shadow: 0px 0px 1px #4f483c;
    color: #e8e8e8;
}

.iconText{
    margin-left: 1px;
    margin-right: 1px;
}

.commandFieldContainer{
    display: inline-block;
    font-size: 12px;
    margin: 1px 1px 0 0;
    vertical-align:top;
}

.commandField{
    display: table;
    white-space: nowrap;
    background-color:#b8b8b8;
    height:20px;
    color: #ffffff;
}

.commandFieldText{
    display: table-cell;
    vertical-align: middle;
    padding-left: 6px;
}

div.commandFieldImg{
    display: table-cell;
}

img.commandFieldImg{
    height: 14px;
    margin: 3px 6px;
    display: block;
}


table.mainLayout{
    width:100%;
    border-collapse: separate;
    border-spacing: 1px;
    background-color:#f0efee;
}

table.details{
    width:100%;
    font-size:12px;
}

table.details tr td{
    white-space: nowrap;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    text-align: left;
    padding-left: 4px;
    padding-right: 4px;
    border-top: solid 1px #c8c8c8;
    border-bottom: solid 1px #c8c8c8;
}

#masterIcons{
    margin-left:1px;
    margin-right:1px;
}

#masterDetails td{
    vertical-align: top;
}

table.detailsMaster{
    width:270px;
    font-size:12px;
}

table.detailsMaster tr td{
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    text-align: left;
    padding-left: 4px;
    padding-right: 4px;
    border: solid 1px #c8c8c8;
/*    border-bottom: solid 1px #c8c8c8; */
}

td.var{
    border-right: solid 1px #c8c8c8;
    width:50%;
    white-space: nowrap;
}

td.optionDark{
    background-color: #e6e6e2;
}

#mainNetworkDescription{
    position: absolute;
    text-align:left;
    vertical-align:top;
    z-index: 1;
    background-color:transparent;
    color:#989694;
    font-size: 18px;
    font-weight: bold;
    top: 54px;
    left: 8px;
    height: 22px;
}
#mainNetworkModules{
    position: absolute;
    text-align:left;
    vertical-align:top;
    z-index: 1;
    background-color:transparent;
    color:#989694;
    font-size: 18px;
    font-weight: bold;
    top: 80px;
    left: 8px;
    overflow-y: auto;
    overflow-x: hidden;
}

#mainNetworkModules table{
    border: solid 1px #cccccc;
    color: #aaaaaa;
    text-align: center;
    width: 1px;
}

#mainNetworkModules table tr td {
    padding: 2px 3px;
    font-size: 13px;
    border: solid 1px #cccccc;
    white-space: nowrap;
}

#mainNetworkModules table tr td.headerNM {
    font-size: 14px;
    color:#989694;
    padding: 1px;
}

#mainNetworkModules table tr td.headerNM table{
    width: 100%;
}


#mainNetworkModules table tr td.nodeNM{
    text-align: center;
    width: 26px;
}
#mainNetworkModules table tr td.descNM{
    text-align: left;
    padding-right: 16px;
}

#mainNetworkModules table tr.itemNM:hover{
    background-color: #dddddd;
}

img.headerNMReload{
    height:16px;
    float: right;
    margin: 0 2px;
}

#tooltip{
    position: absolute;
    text-align:left;
    vertical-align:top;
    z-index: 15001;
    background-color: #343230;
    color:#fff;
    border: solid 1px #242220;
    top: 10px;
}

#tooltipSelect{
    position: absolute;
    text-align:left;
    vertical-align:top;
    z-index: 15002;
/*    background-color: #fff;*/
    background-color: #343230;
    color:#fff;
/*    border: solid 1px #c8c8c8;*/
    border: solid 1px #242220;
    top: 10px;
}

#tooltipSelect div.item{
    padding: 1px 6px;
    text-align: start;
    cursor: pointer;
    white-space: nowrap;
/*    border-top: solid 1px #f8f6f4;*/
}

#tooltipSelect div.item:hover{
    background-color: #3d7591;
    color: #fff;
}

.userTipHeader{
    font-size:14.5px;
    padding: 4px 12px 4px 18px;
    border-bottom: solid 1px #01485e;
    color: #ffffff;
    background-color: #3d7591;
    white-space: nowrap;
}

.userTipItem{
    font-size:13px;
    padding: 4px 8px 4px 4px;
    text-align: start;
    cursor: pointer;
    white-space: nowrap;
}

.userTipImg{
    height: 14px;
    position: relative;
/*    top: 1px; */
    margin-right: 8px;
    margin-left: 4px;
    vertical-align:sub;
}

.userTipItem:hover{
    background-color: #565554; /* #3d7591; #3e92c8;  #4aa5fe; */
}

div.pathContainer {
    padding: 6px;
    display: table-cell;
}

div.path {
    background-image: url("../pics/node-32.png");
    background-repeat: no-repeat;
    background-size: 28px 16px;
    background-position: 2px 2px;
    background-color: #444240;
    width:32px;
    height: 37px;
    text-align: center;
    display: table-cell;
    vertical-align: bottom;
    border: solid 1px #686868;
}

div.pathSpace {
    display: inline-block;
    width: 12px;
}
div.pathNext {
    background-image: url("../pics/arrowRWhite-32.png");
    background-repeat: no-repeat;
    background-size: 14px 10px;
    background-position: center;
    width:22px;
    height: 37px;
    display: table-cell;
}

div.path div.item{
    font-size: 14px;
    font-weight:bold;
    height: 16px;
    margin-bottom: 2px;
}

div.pIdxLqi{
    display: inline-block;
}

#masterCommandWindow{
    position:absolute;
    text-align:left;
    vertical-align:top;
    top:100px;
    z-index: 15001;
    background-color: #343230;
    color:#fff;
    border: solid 1px #242220;
    visibility: hidden;
    min-width: 550px;
    min-height: 400px;
}

#nodeBPWindow, #nodeInfoWindow, #nodeLogWindow, #masterGSMWindow, #masterBPWindow, #masterInfoWindow,
#nodeEditDescWindow, #masterEditDescWindow, #moduleEditDescWindow, #settingsWindow, #masterDebugWindow, #masterLogWindow, #masterSchedulerWindow,
#masterSchedulerLibraryWindow, #masterBuilderWindow, #configWindow, #devicesMultiCloneWindow {
    position:absolute;
    text-align:left;
    vertical-align:top;
    top:1px;
    left:1px;
    z-index: 15001;
    background-color: #343230;
    color:#fff;
    border: solid 1px #242220;
    visibility: hidden;
    width: auto;
    height: auto;
}

td.borderDark {
    border: solid 1px #686868;
}

.commandLabel{
    background-color: #3d7591;
    color:#fff;
    margin-top:0px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    padding: 2px 8px 2px 18px;
    position:relative;
    font-size:14.5px;
}

.commandArea{
    display: block;
    resize: none;
    border: solid 0px #888684;
    background-color: #444240;
    min-width: calc(100% - 4px);
    max-width: calc(100% - 4px);
    width: calc(100% - 4px);
    margin:0px;
    color: #fff;
}

.commandAreaBright{
    display: block;
    resize: none;
    border: solid 0px #c8c8c8;
    background-color: #ffffff;
    min-width: calc(100% - 4px);
    max-width: calc(100% - 4px);
    width: calc(100% - 4px);
    margin:0px;
}


.commandAreaIcons{
    height: 19px;
    margin:4px 4px 1px 4px;
}

.commandAreaIcon{
    height: 16px;
    margin:0 4px;
}

.libModArea{
    display: block;
    resize: none;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    margin:0px;
    border-width:0;
}

#headerSelectNetwork{
    position:absolute;
    text-align:left;
    vertical-align:top;
    top:100px;
    z-index: 15001;
    background-color: #343230;
    color:#fff;
    border: solid 1px #242220;
    visibility: hidden;
    min-height: 100px;
    width: auto;
    height: auto;
}

.mark{
    color: #ffffff;
    font-size: 9px;
    font-weight: bold;
    padding:1px 2px;
    margin-top:0px;
    margin-left:4px;
    vertical-align:middle;
    display: inline-block;
}

.bgRed {
    background-color: #ff3d00;
}
.bgBlue {
    background-color: #4aa5fe;
}
.bgOrange {
    background-color: #fca432;
}
.bgSemiGreen {
    background-color: #98cf00;
}
.bgGreen {
    background-color: #249c1d;
}
.bgYellow {
    background-color: #e4bf33;
}
.bgGrey1 {
    background-color: #666666;
}


#masterModbusTable{
    position:absolute;
    text-align:left;
    vertical-align:top;
    top:100px;
    z-index: 15001;
    background-color: #343230;
    color:#fff;
    border: solid 1px #242220;
    visibility: hidden;
    width: auto;
    height: auto;
}

.modbusMapTable{
    display: inline-block;
    margin:0px 2px 0px 2px;
}

.modbusMapTable td{
    border: solid 1px #686868;
    background-color: #444240;
    width: 32px;
    padding: 0px;
    text-align:center;
    white-space: nowrap;
}

td.modbusMapTableHeader {
    background-color: #3d7591;
    text-align:center;
    padding: 1px 2px;
}

td.modbusMapTableVal input{
    width: calc(100% - 4px);
    color:#ffffff;
    text-align:center;
    padding: 1px 2px;
}

td.configTableVal input{
    width: calc(100% - 4px);
    color:#ffffff;
    padding: 1px 2px;
}

td.modbusMapTableVal input:focus, td.configTableVal input:focus{
    background-color:#666462;
}

.configTable{
    display: inline-block;
    margin:0px 2px 0px 2px;
    vertical-align:top;
}

.configTable td{
    border: solid 1px #686868;
    background-color: #444240;
    text-align:left;
    white-space: nowrap;
}

td.configTableHeader {
    background-color: #3d7591;
    text-align:left;
    padding: 1px 2px 1px 9px;
}

td.configTableQuantity {
    padding: 1px 2px;
    height:17px;
}

td.configTableColumnName {
    text-align:center;
    background-color:#555453;
    height:19px;
}

table.selectTable {
/*    border: solid 1px #545250;*/
/*    border-top-width: 0; */
    border-left-width: 0;
    height:51px;
    width:282px;
}

table.selectTable td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

td.selectTableHeader {
    background-color: #686664;
    padding: 1px 2px 1px 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

td.selectTableContent {
    padding: 2px 2px 1px 8px;
    background-color: #444240;
}

table.selectTable:hover {
    cursor: pointer;
    opacity: 0.6;
    filter: alpha(opacity=60); /* msie */
}

table.selectTableBright {
    border-bottom: solid 1px #c8c8c8;
/*    border-top-width: 0; */
    border-left-width: 0;
}

table.selectTableBrightEven, td.selectTableBrightEven {
    background-color: #f0efee;
}

table.selectTableBrightOdd, td.selectTableBrightOdd {
    background-color: #fcfbfa;
}

table.selectTableBright td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

td.selectTableHeaderBright {
/*    background-color: #f0efee;*/
    color: #666;
    padding: 1px 2px 0px 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
}

td.selectTableHeaderBright input{
    color: #666;
    font-weight: bold;
    text-align:left;
}

td.selectTableContentBright {
    padding: 0px 2px 1px 24px;
/*    background-color: #f0efee;*/
/*    font-size: 11.5px; */
}

table.selectTableBrightEvenH:hover, td.selectTableBrightEvenH:hover {
    cursor: pointer;
    opacity: 0.6;
    filter: alpha(opacity=60); /* msie */
}

table.selectTableBrightOddH:hover, td.selectTableBrightOddH:hover {
    cursor: pointer;
    opacity: 0.6;
    background-color: #ffffff;
    filter: alpha(opacity=60); /* msie */
}

div.editDesc input {
    border: solid 1px #686868;
    background-color: #444240;
    padding: 1px 2px;
    margin: 1px 2px;
    text-align:left;
    white-space: nowrap;
    color:#ffffff;
}

td.windowDetails {
    color:#c9c9c9;
    padding-left: 3px;
}

img.windowDetails {
    height:12px;
}

table.builderTableSelect {
    width:350px;
    text-align:center;
}

td.builderValue{
    width: 100%;
    border: solid 1px #686868;
}

td.builderValueBright{
    width: 100%;
    border: solid 1px #c8c8c8;
}


td.builderValue select{
    border-width:0;
    background-color: transparent;
    color: #fff;
    text-align: right;
}

td.builderValueBright select{
    border-width:0;
    background-color: transparent;
    text-align: right;
}

.builderMenu {
    padding: 4px 2px;
    color: #b7b7b7;
    background-color:#444240;
    cursor: pointer;
}

.builderMenuBright {
    padding: 4px 2px;
    color: #686766;
    background-color:#d8d7d6;
    cursor: pointer;
}


.builderMenu:hover {
    color:#d7d7d7;
    text-shadow: 0px 0px 2px #666666;
}

.builderMenuBright:hover {
    color:#282624;
    text-shadow: 0px 0px 2px #c8c7c6;
}

.builderMenuActive {
    padding: 4px 2px;
    color: #ffffff;
    background-color:#686868;
    text-shadow: 0px 0px 2px #666666;
}

.builderMenuActiveBright {
    padding: 4px 2px;
    color:#282624;
    background-color:#b8b6b4;
    text-shadow: 0px 0px 2px #c6c6c6;
}

.builderTD {
    width:350px;
    overflow: hidden;
    padding-top: 8px;
}

table.builderTable{
    border-spacing:2px;
    border-collapse:initial;
}

table.builderTableBright{
    border-spacing:2px;
    border-collapse:initial;
    color:#383838;
}

input.builderInput {
    border-width:0;
    margin:0;
    background-color:#444240;
    color:white;
    padding: 2px 4px;
    border-width: 0;
    width: calc(100% - 8px);
}

input.builderInputBright {
    border-width:0;
    margin:0;
    color:#383838;
/*    background-color:#444240;*/
    padding: 2px 4px;
    border-width: 0;
    width: calc(100% - 8px);
}

input.builderInput:active,  input.builderInput:focus {
    background-color:#555453;
    color:white;
    padding: 2px 4px;
}

input.builderInputBright:active,  input.builderInputBright:focus {
    background-color:#f0efee;
    padding: 2px 4px;
}

span.headerDesc{
    font-size:smaller;
    font-weight:normal;
    font-style:italic;
    margin-left:12px;
}

/*    //http://embed.plnkr.co/lbKB9JMWK0Od8YkgvVUq/*/

.loading-spinner-64x64 { animation: aero-spinner-64x64 1s steps(16) infinite; display: block; width: 64px; height: 64px; background-image:url(../pics/loadingBlue.png); }
@keyframes aero-spinner-64x64 { from { background-position: 0px 0px; } to { background-position: 0px -1024px; } }

.loading-bar-96x10 { background-image:url(../pics/loadingBarBlue.png); margin-top: 4px; height: 10px; width:96px; background-repeat: none;}


 /* Customize the label (the container) */
.container {
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #d8d7d5;
  margin-top:2px;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #c8c7c6;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #4aa5fe;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 5px;
  top: 1px;
  width: 3px;
  height: 8px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
} 

/* RADIO */
 /* Customize the label (the container) */
.containerRadio {
  display: inline-block;
  position: relative;
  padding-left: 18px;
  margin-bottom: 0px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.containerRadio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.checkmarkRadio {
  position: absolute;
  top: 1px;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.containerRadio:hover input ~ .checkmarkRadio {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.containerRadio input:checked ~ .checkmarkRadio {
  background-color: #4aa5fe;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmarkRadio:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.containerRadio input:checked ~ .checkmarkRadio:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.containerRadio .checkmarkRadio:after {
  top: 4px;
  left: 4px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: white;
} 

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #fff !important;
}

.disabled{
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.6;
}

table.tools tr td{
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    text-align: left;
    padding-left: 6px;
    padding-right: 6px;
/*    border-top: solid 1px #c8c8c8;*/
/*    border-bottom: solid 1px #c8c8c8;*/
}