/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}              
td {vertical-align:top;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/



html{
    
}
body {
    font-family: 'Roboto', sans-serif;
    background-color: #FDFDFD;
    color: #222;
    margin: 0px;
}    


table{
    width:100%;
    color:#808080;
    font-size:12px;
}
table td{
    padding:8px;
    vertical-align:middle;
    /*  border:1px solid #dedede;       */
}



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



.clear{
    clear:both;
}

.float_left{
    float:left;
}

a{
    text-decoration: none;
    color:#777;
    font-weight:bold;
    font-size:14px;
}


a:hover{
    color:#000;
}

button{
    -webkit-appearance: button;
    text-rendering: auto;
    letter-spacing: 1px;
    font-weight: bold;
    word-spacing: normal;
    background:#4d89eb;
    color:white;
    border: none;
    border-radius: 2px;
    text-decoration: none;
    text-align:center;
    padding:5px;
    padding-right:20px;
    padding-left:20px;  
    display: inline-block;
    height:40px;
    cursor:pointer;
    border-radius: 4px;
}

button:hover{
    background:#356fcc;
    
    
}



.textinput{
    width:100%;
    height:30px;
    font-size:16px;
    border:1px solid #dedede;
    padding:6px;
    background:#f0f6ff;
}

.textinput:hover{
    border:1px solid #bebebe;
}


.combo{
    width:100%;
    height:30px;
    font-size:16px;
    border:1px solid #dedede;
    background:#f0f6ff;
    font-family: Monospace;
    color: #222;
}
.combo:hover{
    border:1px solid #bebebe;
}


.pale_placeholder::placeholder{   color:#bababa;    }
.pale_placeholder:-ms-input-placeholder{    color:#bababa;  }
.pale_placeholder::-ms-input-placeholder {    color:#bababa;} 
.pale_placeholder::-webkit-input-placeholder {  color:#bababa; }



.combo option{
    
}



.center_div{
    position:absolute;
    top:0;
    bottom: 0;	
    left: 0;	
    right: 0;
    margin:auto;
    padding:10px;
    padding-left:40px;
    padding-right:40px;
    text-align:center;
    border:1px solid #dedede; 
    border-radius: 4px;
}


.information_table{
    color:#555;
    width:100%;
}

.information_table td{
    padding:6px;
    border:1px solid #dedede;
    color:#808080;
}

.information_table td:nth-child(1):not(.header_row) {
    background: #dadada;
    color:#808080;
    width:200px;
}

.static_table{
    color:#808080;
    font-size:12px;
    
}
.static_table td{
    padding:8px;
    vertical-align: top;
    border:1px solid #dedede;
}


.table_header{
    color:black;
    background:#bababa;
    font-weight:bold;
    padding:8px;
}



.list_table{
    color:#808080;
    font-size:12px;
    
}
.list_table td,th{
    padding:8px;
    vertical-align: top;
    border:1px solid #dedede;
}


table.list_table tr:nth-child(even):not(.row_selected){ background: #f8f8f8;}     
table.list_table tr:not(.row_selected):not(.header_row):hover {background: #dedede;color:#101010;}
table.list_table .row_selected{    background:#2DC9FC;    color:#000000;}      


.header_row{
    color:black;
    background:#bababa;
    font-weight:bold;
    height:40px;
    
}


.button{
    display:block;
    background:#dadada;
    padding:10px;
    text-align: center;
}

.button:hover{
    background:#94bdff;
}


.popup_title{
    color:#333;
    font-size:20px;
    text-align:center;
    padding:10px;
}


.file_upload{
    display: none;
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
    opacity: 0;
    cursor:pointer;
}

.file_upload_button{
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    background:#4d89eb;
    
    border-radius: 4px;
    color:#f1f1f1;
    text-align:center;
}

.file_upload_button:hover{
    background:#a1a1a1;
}


.selectable_div{
    padding:5px;
    margin:5px;
    float:left;
    cursor: pointer;
    border:1px solid #e8e8e8;
}
.selectable_div:hover{
    background:#dedede;
}

.selectable_div.selected{
    background:#dceafa;
    border:1px solid #ff0000;
}


.page_header{
    font-size:24px;
    height:50px;
    color:#606060;
}

.hoverable_icon{
    opacity:0.3;
    cursor: pointer;
}


.hoverable_icon:hover{
    opacity:1;
}

.table_input{
    border:1px solid #ddd;
    width:40px;
    padding:4px;
    float:left;
    margin-right: 5px;
}