@import url("cssresponsive.css");
/* Henrik Hornhaver */

body {
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #FFF;
    font-family: 'Lato', sans-serif;
    font-size: 11pt;
    /* color: #004F71; */
    color: #003b5a;
    /*overflow: auto;*/
    text-align: left;
}
a:link {
    color: #003b5a;
    text-decoration: none;
}
a:visited {
    color: #003b5a;
    text-decoration: none;
}
a:hover {
    color: #003b5a;
    text-decoration: none;/*text-align: center;*/

}
.td1 {
    background-color: #E5E5E5;
}
.center {
    text-align: center;
}
.splendidred {
    background-color: #C00000;
}
.splendid_green {
    background-color: rgb(82, 169, 40);
    /*background-image: url(new_css/53AA28_green.png)*/;
}
.splendid_blue {
    background-color: rgb(0, 59, 90);/*background-image: url(new_css/003B5B.png);*/

}
.small {
    font-size: 8pt;
}
select {
    padding: 2px 2px;
    box-sizing: border-box;
    border: 1px solid #006996;
    border-radius: 6px;
}
textarea {
    width: 100%;
    /*height: 150px;*/
    padding: 3px 3px;
    box-sizing: border-box;
    border: 1px solid #006996;
    border-radius: 6px;
    /*background-color: #f8f8f8;*/
    resize: both;
    overflow: auto;/*resize: none;*/
}
/*################## */


/*################## */


input[type=text] {
    /*width: 100%;*/
    padding: 2px 2px;
    margin: 4px 2px;
    box-sizing: border-box;
    border: 1px solid #006996;
    border-radius: 4px;
}
.input-50 {
    color: #FFFFFF !important;
    border-style: solid;
    background-color: #006996;
    border-radius: 25px;
    height: 60px;
    width: 100px;
    border-width: 0px;
    font-weight: bold;
    border-color: #004F71;
    font-size: large;
    font-style: normal;
}
.input-30 {
    color: #FFFFFF !important;
    border-style: solid;
    background-color: #006996;
    border-radius: 25px;
    height: 30px;
    width: 100px;
    border-width: 2px;
    font-weight: bold;
    border-color: #004F71;
    font-style: normal;
    text-align: center;
}
.input-30-150 {
    color: #FFFFFF !important;
    border-style: solid;
    background-color: #006996;
    border-radius: 25px;
    height: 30px;
    width: 150px;
    border-width: 2px;
    font-weight: bold;
    border-color: #004F71;
    font-style: normal;
    text-align: center;
}
.input-20 {
    color: #FFFFFF !important;
    border-style: solid;
    background-color: #006996;
    border-radius: 25px;
    height: 20px;
    width: 70px;
    border-width: 1px;
    font-weight: bold;
    border-color: #004F71;
    font-style: normal;
    font-size: 11px;
}
#table-wrapper {
    position: relative;
}
#table-scroll {
    height: 500px;
    overflow: auto;
    margin-top: 20px;
}
#table-wrapper table {
    width: 100%;
}
#table-wrapper table * {
    color: #004F71;
}
#table-wrapper table thead th .text {
    position: absolute;
    top: 0px;
    z-index: 2;
    height: 20px;
    width: 35%;
    border: 1px solid red;
}
/* tr td div {} */
    
.reply-txa {
    width: 500px;
    height: 200px;
    padding: 10px;
    border-radius: 10px;
    border: 3px solid #004F71;/*background-color: #F8F2F2;*/
}
.table_frame {
    border-radius: 10px;
    border: 3px solid #004F71;
    padding: 10px;
}
/*
#Example_F {
height: 70px;
width: 70px;
-moz-border-radius: 35px;
border-radius: 35px;
} */
.table_frame_circle {
    border-radius: 50%;
    border: 3px solid #004F71;
    padding: 10px;
}
.read {
    font-weight: bold;
}
.rcorners1 {
    border-radius: 50%;
    width: 25px;
    height: 25px;
}
.rcorners2 {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    border: 1px solid;
    /*background: #73AD21;
                background-image: url(../../css/icons/user_list.png);*/ 
                
    background-repeat: no-repeat;
    background-position: 50% 20%;
}
.rcorners3 {
    border-radius: 50%;
    width: 90px;
    height: 90px;
    /* border: 1px solid; */
                /*background: #73AD21;*/
    background-image: url(../../css/icons/user_list.png);
    background-size: 55px auto;
    background-repeat: no-repeat;
    background-position: 50% 20%;
}
.rcorners4 {
    border-radius: 50%;
    width: 90px;
    height: 90px;
    border: 0px;
    /*background: #73AD21;*/
    background-size: 55px auto;
    background-repeat: no-repeat;
    background-position: 50% 20%;
}
.user-group-item {
    display: inline-block;
    vertical-align: top;
}
.user-group-item + .user-group-item {
    margin-left: 20px;
}
.table-resize
{
  table-layout: auto;
  width: 90%;
}