@import url("Controls.css");
@import url("Comm.css");
body {
    min-width:800px;
    min-height:600px;
    font-family: 'Century Gothic';
    background-color:#DDD;
}

h3,h4,h5 {
    margin:3px 5px;
}

.center {
    margin-left:auto;
    margin-right:auto;
}
div.header {
    width:100%;
    min-width:600px;
    height: 35px;
    top:0;
    left:0;
    position:fixed;
    opacity:0.7;
    background-color: #999;    
    padding-top:10px;
    z-index:10;
}

.header a {    
    text-decoration:none;
    padding:5px 15px; 
    color:#fff;
    font-size: 20px;
    border-radius:3px;
}

.header a:hover {
    background-color:#555;
}



#content {
    position:relative;
    top:30px;
    margin-bottom:40px;
}

#right-sidebar {
    width:auto;
    height:400px;
    position:fixed;
    right:0;
    top:50px;
    opacity:0.85;
    background-color: #ccc;   
    z-index:10;
    border-bottom-left-radius:10px;
    border-top-left-radius:10px;
    padding:5px 5px 5px 20px;
}

#left-sidebar {
    width:auto;
    height:auto;    
    position:fixed;
    left:0;
    top:50px;
    opacity:0.95;
    background-color: #ddd;   
    z-index:10;
    border-bottom-right-radius:10px;
    border-top-right-radius:10px;    
    padding:5px 20px 15px 5px;
}

#left-sidebar-wrapper {
    position:relative;
    width:100%;
    text-align:right;
}
@media only screen and (max-height: 640px){
    #left-sidebar {
        overflow-y:auto;
        height:300px !important;
    }
}
div.footer {
    width:100%;
    min-width:600px;
    height: 35px;
    bottom:0;
    left:0;
    position:fixed;
    opacity:0.7;
    background-color: #888;    
    padding-top:10px;
}

.footer a {    
    text-decoration:none;
    padding:5px 15px; 
    color:#fff;
    font-size: 20px;
    border-radius:3px;
}

.footer a:hover {
    background-color:#555;
}

#fmenu {
    text-align:center;    
    width:90%;
    margin: auto;
}

/*login*/
#login {
    position:relative;
    top:200px;
    background-color:#2895D4;
    width:250px;
    height:280px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding:30px 20px 0px 30px;
}

.main-view {
    width:700px;    
    /* Firefox */
	width: -moz-calc(100% - 335px);
	/* WebKit */
	width: -webkit-calc(100% - 335px);
	/* Opera */
	width: -o-calc(100% - 335px);
	/* Standard */
	width: calc(100% - 335px);
    top:60px;    
    float:left;
    position:relative;
}

.main-center-view {       
       
    /* Firefox */
	width: -moz-calc(100% - 200px);
	/* WebKit */
	width: -webkit-calc(100% - 200px);
	/* Opera */
	width: -o-calc(100% - 200px);
	/* Standard */
	width: calc(100% - 200px);    
    float:left;
    overflow: visible;
    position:relative;
    margin-left:5px;
    padding:5px;
    margin-bottom: 20px;
}

.left-side {
    top:0px;
    left:0px;
    width:auto;
    height:auto;
    overflow:visible;
    float:left;
    position:relative;
}

.close-button {
    position:absolute;
    right:5px;
    top:50px;
    width:40px;
    height:45px;
}

.watermark {
    color:#ccc;
    border-radius: 3px;
    margin: 5px 10px;
}

.table-print {
    border:1px solid #000;
    border-collapse:collapse;
}

.table-print td{
    border:1px solid #333;
}

.no-overflow {
    overflow: hidden !important;
}
/*GENERAL*/
.field-table {
    width:100%;
}
.field-header {
    width: 40%;    
}

.fieldset-legend {
    color: #111;
}

.field-data {
    width: 60%;
}

.curve {
    border-radius: 4px;
}

fieldset {
    border-radius: 4px;
    border: 2px solid #222 !important;
}

.blue {
    background-color:#DDD !important; 
}

.ajax__tab_body{
    background-color:#DDD !important; 
    border: 1px solid #222 !important;
    border-radius: 3px;
}

.text-center {
    text-align:center;
}

.full-width {
    width:100%;
}

.full-width-padding {
    width:95%;
    margin:auto;
}

/* MENU */
#menu {
    text-align:center;    
    width:90%;
    margin: auto;
}

a.level1 {
    background-color: #1885C4;
    font-weight: bold;
    color: #FFF;   
    padding:5px; 
}

a.level2 {
    background-color: #DDD;
    font-weight: 100;
    color: #1885C4;    
    padding:3px;
}

a.level2:hover {
    background-color: #CCC;
    font-weight: 100;
    color: #111;    
    padding:3px;
}

.filter {
    font-size:10px;
}

.page-title {
    font-size: 18px;
    color:#111;
    margin-bottom:10px;
    margin-top:10px;
}

.print  {
    padding-top:5px;
    padding-bottom:5px;
}

.container {
    width:100%;
    background-color:#DDD;
    height:600px;
    overflow-y:scroll;
    border: solid 1px #000;
    border-radius:5px;
}

.right-thumb td{
    border-bottom: solid 1px black;
}