@import url("fonts.css");

/*HEADINGS*/
html, body, p, div, h1, h2, h3, h4, h5, h6 {
    -webkit-text-size-adjust:none; font-weight: normal; color: #555;
}


body{
    height: calc(100vh - 40px);
    margin: 40px 0 0 0 ;
    padding: 0;
    font-family: Arial, 'Open+Sans', sans-serif;
    font-weight: normal;
    background-color: white;
    overflow: auto;
}


/*As defined in the Appendix D W3C Recommendation*/
h1{ font-size: 2em; margin: 0 0 .67em 0; color: #0c2340; }
h2{ font-size: 1.5em; margin: .75em 0; color: #0c2340; }
h3{ font-size: 1.17em; margin: .83em 0; color: #0c2340; }
h4{ margin: 1.12em 0 }
h5{ font-size: .83em; margin: 1.5em 0 }
h6{ font-size: .75em; margin: 1.67em 0 }

h1,h2,h3,h4,h5,h6{line-height:1.1;}

h1,h2{font-family: RobotoLight, SegoeWPSemiLight, SegoeUILight;}
h3,h4,h5,h6{font-family: Roboto, Arial, 'Open+Sans', sans-serif;}

.list-html {overflow: hidden;}
.list-container{overflow: scroll;}

.wrap { white-space: normal; }

@media print {
  h1            { page-break-before: always }
  h1, h2, h3,
  h4, h5, h6    { page-break-after: avoid }
  ul, ol, dl    { page-break-before: avoid }
}



.container{position: relative; margin: 0 0 0 26px; padding: 25px; max-width:100%;}
.page-title {margin: 0px 10px 20px 10px; padding-bottom: 10px; border-bottom: 1px solid #eee;}
.separator {margin: 0px 0px 20px 0px; border-bottom: 1px solid #eee;}
/*.mTitle { margin: 0px 10px 20px 10px; padding-bottom: 0px; border-bottom: 1px solid #eee;}
.mContent{ position: relative; top:70px; }*/

/*** Center Page ***/
.centerBody {
    margin: 0 auto;
    padding: 70px 50px 50px 50px;
    max-width: 960px;
    background-color: #ffffff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.center-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.center-item {
    max-width: 50%;
}

/*--GENERAL TABLES WITH ROW HOVER--*/
table {
    font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    table-layout: auto;
    border-top: 1px solid #a0a0a0;
    border-left: 1px solid #a0a0a0;
    border-right: 1px solid #a0a0a0;
    border-bottom: 1px solid #a0a0a0;
    color: #000;
}

tr {white-space:nowrap;}

th
{
    text-align: left;
    font-weight: bold;
    color: #1F3A63;
    background: #F0F0F0;
    border: 1px solid #BFBFBF;
    padding: 0 2em;
}

th:hover{ cursor: default; }

td {
    border: 1px solid #EEE;
    padding: 0 2em;
    white-space: nowrap;
    text-align: left;
}

td:hover{ cursor: default;}

.diretivo td,
.diretivo th {
	padding: 0 1em;
}

/*row hover tables in home page*/ 
.gral tr:hover{ background: #C1D2EE;}


/* Modals *********************** */

.modalPage{
    font-family: Arial;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px !important; 
    left: 0px;
    z-index: 400;
}

.modalPage.modal label {
	width: 110px;
	display: inline-block;
}
.modalPage.modal input[type="date"],
.modalPage.modal input[type="text"],
.modalPage.modal select {
	width: 220px;
	padding: 0px;
}

.modalBackground{
    position: absolute;
    filter: alpha(opacity=30);
    opacity: 0.3;
    -moz-opacity:0.3;
    -webkit-opacity:0.3;
    -o-opacity:0.3;
    -ms-opacity:0.3;
    background-color: #999999;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;
}

.modalContainer{
    top: 25%;
    width: 330px;
    background-color: #fff;
    position: relative;
    margin: 1% auto;
    padding: 20px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -moz-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.25);
    text-shadow: 0 1px 0 #fff;
}

.modalBox{
    max-width:100%;
    min-width: 300px;
    position: relative;
    display: table;
    top: 25%;
    margin: 1% auto;
    padding: 0;
    border-radius: 8px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.25);
    overflow: hidden;
}

.modalTop{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    font-size: 12pt;    
    padding-bottom: 10px;
    background-color: #0c2340;
}

.modalTitle{
    color: #d6d6d6;
}

.modalContent {
    display: flex;
    align-items: center;
    background-color: white;
    font-size: 14px;
    margin: 0;
    padding: 40px;
    min-width: 300px;
    min-height: 100px;
    max-height: 500px;
}


.mCont{ font-size: 14px; margin: 30px 0 30px 0; max-height: 300px; overflow-y: auto; overflow-x: hidden;}
.mCont .label {margin-left: 50px;}

.mCont input[type="text"] { 
    border-radius: 1px;
    -moz-border-radius: 1px;
    padding: 8px;
    border: 1px solid #c8c8c8;
    color: #505050;
    margin: 10px 0 10px 0;
    font-size: 15px;
    outline: none;
    width: 95%
}

.mCont input[type="text"]:focus {border: 1px solid #5D9FEF;}
.mCont textarea {
    width: 100%;
    height: 200px;
    resize:vertical;
    padding: 10px;
    font-family: arial;
}

.mCont_top{
    color: #1F3A63;
    font-size: 13pt;
    padding-bottom: 10px;
    border-bottom: 1px solid #d7d7d7;
}

.mCont_bottom{ text-align: center;}

#exit_box{
    margin-top: -25px;
    margin-right: -3px;
    background: url(/se/images/exit.png) no-repeat;
    background-size: 11px 11px;
    float:right;
    width: 15px; 
    height: 15px;
    cursor: pointer;
}

.exit_box{
    color: #1F3A63;
    float:right; 
    cursor: pointer;
}

#spinner {
    position: absolute;
    margin-top: -8px;
    width: 80px;
    height: 80px;
    background:  url(/se/images/spinner-blue.gif) no-repeat;
}


#refresh{    
    margin-right: -20px;
    background: url(/se/images/save2.png) no-repeat;
    background-size: 18px 18px;
    float:right; 
    width: 20px; 
    height: 20px;
    cursor: pointer;
}

#warning_Box .modalContainer{
    width:480px;   
}
#delete_all_Box .modalContainer{
    width:480px;   
}
#delete_objects_Box .modalContainer{
    width:480px;   
}
#convert_objects_Box .modalContainer{
    width:480px;   
}

/*** Default Alerts ***/
.alert {
    font-size: 13px;
    padding: 2px 20px 2px 14px;
    margin: 5px 0;
    border: 1px solid transparent;
}

.alert-error{
    background-color: #f2dede;
    border-color: #960000;
    color: #960000;
}

.alert-warning{
    background-color: #f9edbe;
    border-color: #B89000;
    color: #B89000;
}

.alert-info{
    background-color: #d9edf7;
    border-color: #006ABC;
    color: #006ABC;
}

.alert-success{
    background-color: #dff0d8;
    border-color: #1D6000;
    color: #1D6000;
}


#main {
    margin-top: 0px;
}

#mainMAP {
    position: absolute;
    margin: 0px 0 0 252px;
}

#crosshair {
    pointer-events:none;
    position: absolute;
    top: calc(50% - 15px);
    left: calc(50% - 15px);
}

#main h2 {color: #1F3A63; 
    padding-top: 30px; 
    margin-left: 30px;}

#main h1{
    color: #1F3A63; 
    line-height: 46px;
    margin: 32px 0 0 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

#opensb{
    position: fixed;
    z-index: 2;
    width: 25px;
    background: #ECEDEF;
    top: 0;
    bottom: 0;
    left: 0px;
    border-right: 1px solid #D6D6D6;
}

.opensb{
    position: fixed;
    z-index: 2;
    width: 25px;
    background: #ECEDEF;
    top: 0;
    bottom: 0;
    left: 0px;
    border-right: 1px solid #D6D6D6;
}



#owner{
    position: fixed;
    bottom: 70px;
    left: -41px;
    cursor: pointer; 
    z-index:2000;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-size: 12px;
    color: #A9A9A9;
}
.owner{
    position: fixed;
    bottom: 70px;
    left: -41px;
    cursor: pointer; 
    z-index:2000;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-size: 12px;
    color: #A9A9A9;
}

#closesb{
    position: fixed;
    top: 32px;
    left: 0px;
    bottom: 0px;
    bottom: 2px;
    width: 25px;
    background: #FAFAFA url(/se/images/menu_indent.gif) repeat-y left top;
    cursor: pointer; 
    z-index: 1;
}

#zoomin, #zoomout {  
    position:fixed; color: black;
    width: 20px; height: 20px;  right: 10px;
    padding: 0px 10px 10px 10px;
    text-align: center;
    font-size: 18pt;
    font-weight: bold;
    background:  #EAEAEA;
    opacity:0.7;
    filter:alpha(opacity=40);
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px #888;
    box-shadow: 0 0 5px #888;
    border-radius: 2px;
    cursor: pointer;
    
}

#zoomin {bottom: 70px;}
#zoomout {bottom: 30px;}


.rsButton{
    color: #505050;
    border-color:#a0a0a0;
    border-style:solid;
    border-width:1px;
    background-color:#F0F0F0;
    margin-right :30px;
    margin-bottom :10px;
    min-width:100px;
    padding-left:15px;
    padding-right:15px;
    height:25px;
    border-radius:20px;
    cursor:pointer;
    font: normal 12px/1.8em Arial, Helvetica, sans-serif;
}

.rsButton:active{ outline:0;}
.rsButton:focus{ outline:0;}

.rsButton:hover { background:  url(/se/images/bg_blue3.gif) repeat-x; }

input[type="button"],input[type="submit"] { -webkit-appearance: none;  }

/*--Function Tables--*/
.func{
    margin: -30px 0 0 30px;
    padding-top: 50px;
}

.func table { 
    border: 0px; 
    margin-left:0px; 
    font: 1em SegoeUILight;
}

.func td { 
    height: 30px; 
    padding: 8px 30px 0 0; 
    border: 0px;
}

.func input[type="text"],.func select, .func textarea{
  border-radius: 1px;
  -moz-border-radius: 1px;
  padding: 5px 9px 7px 9px;
  background-color: #fbfbfb;
  border: 1px solid #c8c8c8;
  width: 150px;
  color: #838383;
  outline: none;
  -moz-box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
  -webkit-box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
  box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
}

.func input:focus{border: 1px solid #5D9FEF;}

.func select { width: 170px;}

#tip
{
    border-width: 1px;
    border-color: #e5e5e5;
    border-top-style: solid;
    padding-top: 5px;
    bottom: 20px;
    position: fixed;
    width: 400px;
    text-align: justify;
    margin-left: 30px;
}


.color /*input field for color in palettes and displayO*/
{
    border: 0px;
    text-align: center;
    width: 48px;
}
#alerticon {
    position: absolute;
    margin-top: -10px;
    background:  url(/se/images/alert3.png) no-repeat;
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
}

.alerticon {
    position: absolute;
    margin-top: -10px;
    background:  url(/se/images/alert3.png) no-repeat;
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
}



#pdficon{
    position: absolute;
    margin-top: -8px;
    margin-left: 50px;
    background: url(/se/images/pdf-icon.png) no-repeat;
    background-size: 25px 25px;
    width: 25px; 
    height: 25px;
    cursor: pointer;
}

.pdficon{
    position: absolute;
    margin-top: -8px;
    margin-left: 50px;
    background: url(/se/images/pdf-icon.png) no-repeat;
    background-size: 25px 25px;
    width: 25px; 
    height: 25px;
    cursor: pointer;
}



#csvicon{
    position: absolute;
    margin-top: -8px;
    margin-left: 50px;
    background: url(/se/images/csvicon.jpg) no-repeat;
    background-size: 25px 25px;
    width: 25px; 
    height: 25px;
    cursor: pointer;
}

.csvicon{
    position: absolute;
    margin-top: -8px;
    margin-left: 50px;
    background: url(/se/images/csvicon.jpg) no-repeat;
    background-size: 25px 25px;
    width: 25px; 
    height: 25px;
    cursor: pointer;
}



#zipicon{
    position: absolute;
    margin-top: -6px;
    margin-left: 50px;
    background: url(/se/images/zipicon.jpg) no-repeat;
    background-size: 25px 25px;
    width: 25px; 
    height: 25px;
    cursor: pointer;
}

.zipicon{
    position: absolute;
    margin-top: -6px;
    margin-left: 50px;
    background: url(/se/images/zipicon.jpg) no-repeat;
    background-size: 25px 25px;
    width: 25px; 
    height: 25px;
    cursor: pointer;
}



#linkicon{
    position: absolute;
    margin-top: -8px;
    margin-left: 50px;
    background: url(/se/images/linkicon.jpg) no-repeat;
    background-size: 25px 25px;
    width: 25px; 
    height: 25px;
    cursor: pointer;
}

.linkicon{
    position: absolute;
    margin-top: -8px;
    margin-left: 50px;
    background: url(/se/images/linkicon.jpg) no-repeat;
    background-size: 25px 25px;
    width: 25px; 
    height: 25px;
    cursor: pointer;
}

/*Style for parameters in studies pages*/
.params {width:180px; border:none;}


/*style rf_object*/
#ObjSeparator{ background: #F0F0F0;text-shadow: 0 1px 0 rgba(255,255,255,.5); padding: 6px 30px; margin: 20px 0 0px 0; font-weight: bold; }
.ObjSection{margin-left: 50px; font: 11px Verdana;}
.ObjTable table{ margin-left: 0px; border: 0px;}
.ObjTable td {padding: 0; }
.ObjTable .col1{padding-left: 30px; width: 175px;}
.ObjTable input[type="text"], .ObjTable select{ padding: 4px 10px;  border: 0px; font: 11px verdana; outline: none; color: rgb(85, 85, 85);}
.ObjTable input[type="text"]:focus, .ObjTable select:focus { background-color: #fafafa;}
.ObjTable .c1{display: inline-block;}
.ObjTable .id2 {text-align: right; padding-right: 10px;}

#Catalog_Box .mCont{height: 300px; overflow-y: auto; overflow-x: auto; padding-right: 17px; margin-right: 30px; margin-left: 30px;}
#Catalog_Box .mCont td{cursor: pointer;}

.table-ds td a:hover{text-decoration: underline; cursor: pointer;}
.table-ds td a{color: green;text-decoration: none;}

/*** Buttons ***/
.btn-apps {
    height: 25px;
    line-height: 11px !important;
    margin: 0;
    margin-right: 30px;
    vertical-align: middle;
    border:1px solid #aaa;
    border-radius:1px;
    background-color:#f7f7f7;
    padding: 0px 10px; 
    cursor: pointer;
    min-width: 100px;
    font-size: 13px;
}

.btn-apps:last-child{margin-right: 0px;}
.btn-apps:focus { outline:0; }
.btn-apps:hover, .btn-apps:active {outline:0; color:#333; background-color:#ebebeb; border-color:#bbb}
.btn-apps>i { padding-right: 12px; }
.btn-apps>svg { margin-right: 12px; }
.btn-apps:disabled:hover { background-color:#F7F7F7; color: #808080; cursor:default; }

.buttons .btn-apps:first-child { margin-left:0; }
.buttons {margin-bottom: 20px;}

form tr:hover{background-color: #F7F7F7;}

/*** Default Alerts ***/
.alert {
    font-size: 13px;
    padding: 2px 20px 2px 14px;
    margin: 15px 0;
    border: 1px solid transparent;
}

.alert-error{
    background-color: #f2dede;
    border-color: #960000;
    color: #960000;
}

.alert-warning{
    background-color: #f9edbe;
    border-color: #B89000;
    color: #B89000;
}

.alert-info{
    background-color: #d9edf7;
    border-color: #006ABC;
    color: #006ABC;
}

.alert-success{
    background-color: #dff0d8;
    border-color: #1D6000;
    color: #1D6000;
}


/** Default Alerts Icon no border*/
.alert-icon {
    font-size: 13px;
    padding: 2px 0px;
    margin: 5px 0;
}
.alert-icon .fa{
    margin-right: 5px;
}

.alert-error-icon{
    color: #960000;
}

.alert-warning-icon{
    color: #B89000;
}

.alert-success-icon{
    color: #1D6000;
}

.alert span, .modalContainer .msg span {
    display: none;
}

[data-fieldvalidate="fail"]{
    border-color: #960000 !important;
}

[data-fieldvalidate="warning"]{
    border-color: #B89000 !important;
}

[data-fieldvalidate="pass"]{
    border-color: #1D6000 !important;
}


/*** Error Page Message ***/
.errorPageMsg {padding-top:100px; width:60%;margin:0 auto}
.errorPageMsg h1 {margin-bottom:15px;padding-left:10px; text-align: center;}
.errorPageMsg p {margin:0 0 5px; text-align: center;}

.appSelected{ background-color: #F7F7F7;}

/*** Dropdown Group btn***/
.btnGroup {
    cursor: pointer;
    height: 25px;
    width: 25px;
    padding: 0px 12px 0px 12px;
    border: 1px solid #aaa;
    border-right: 0px;
    border-radius: 1px;
    background-color: #f7f7f7;
    font-size: 13px;
}

.btnGroupGo{
    min-width: 30px;
}

.btnGroupGo>i {
    padding-right: 0px;
}


.btnGroup:focus{
    outline:0;
}

/** jform style css **/

.jform h3, .jfTitle {
    color: #0D3D7F;
    font-family: 'Open+Sans', sans-serif;
    font-weight: normal;
    margin: 0px;
    white-space: nowrap;
}

.jform h3:after, .jfTitle:after {
    content: '';
    display: block;
    margin: 2px 0 15px 0;
    border-top: 1px dashed #e3e3e3;
}

.jform h4, .jfTitle {
    color: #0D3D7F;
    font-family: 'Open+Sans', sans-serif;
    font-weight: normal;
    margin: 0px;
    white-space: nowrap;
}

.jform h4:after, .jfTitle:after {
    content: '';
    display: block;
    margin: 2px 0 15px 0;
    border-top: 1px dashed #e3e3e3;
}

.jform .subSeparator:after {
    content: '';
    display: block;
    margin: 2px 0 5px 0;
    border-top: 1px dashed #e3e3e3;
}

.jform .jmessage {
    padding: 2px 20px 2px 14px;
    margin-bottom: 15px;
}

.jform{padding: 0px 25px 25px 25px;}

.jinput {
    width:425px;
    height:25px;
}

.jform .btn
{
    min-width: 100px;
    height: 25px;
}

.jfUnit {
    margin-left:-60px;  
    display:inline-block; 
    width: 60px; 
    text-align: center;
}

.jselect{
   font-family: Arial, 'Open+Sans', sans-serif;
   font-size: 12px;
   width:100%;
   height:25px;
   border: 1px solid #d9d9d9;
}

.jform select[multiple].jselect{
    height:100px;
}

.hpat360lbl{
    display:inline-block; 
    text-align: center;
    width: 16.667%; 
}

.jtable{
    display: table;
    border-collapse: separate;
    border-spacing: 0px 3px;
    width:100%;
    max-width:960px;
    font-family: Arial, 'Open+Sans', sans-serif;
}

.jtable .row{
    display: table-row;
    height:25px;
    margin-bottom: 5px;
}

.jtable .row .cell{
    display: table-cell;
    border-spacing: 0px 0px;

}

.jtable .row .cell.title{
    padding-right: 25px;
    line-height: 25px;
    font-size: 14px;
    white-space: nowrap;
    width: 30% !important;
    text-align: right;
    vertical-align: top;

    white-space:pre-wrap ;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.jtable .row .cell.value{
    width: 70% !important;
}

.jtable .row .btn-apps{
    border: 1px solid #d9d9d9;
    color: #000;
    cursor: pointer;
    margin: 0px;
    border-left: 0;
    font-size: 12px;
}

.jtable .row .cell.unit{
    width:1%;
    min-width: 76px;
    border: 1px solid #d9d9d9;
    height: 25px;
    padding: 1px 12px 0 12px;
    color: #000;
    border-left: 0;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
}

.jtable .row .cell.btn{
    width:1%;
    border: 1px solid #d9d9d9;
    height: 25px;
    color: #000;
    border-left: 0;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
}

.jtable .row .cell.btn{
    background-color: #f7f7f7;
    cursor: pointer;

}

.jtable .row .cell.btn .btn-jform{
    width: 100%;
    min-width: 75px;
    height: 22px;
    background-color: transparent;
    line-height: 20px;
    padding: 0px 12px 0 12px;
    border: 0px;
    font-size: 12px;
    cursor: pointer;
    box-sizing: border-box;
}

.jtable .row .cell.btn .btn-jform:focus { outline:0; }
.jtable .row .cell.btn .btn-jform:hover, .jtable .row .cell.btn .btn-jform:active {outline:0; color:#333; background-color:#ebebeb; border-color:#bbb}
.jtable .row .cell.btn .btn-jform>i { padding-right: 12px; }


.jinput{
    width:100%;
    font-size: 12px;
    line-height: 25px;
    text-indent: 5px !important;
    border: 1px solid #d9d9d9;
}

.jinput:read-only{ 
    background-color: #f7f7f7;
}

.jinput:-moz-read-only { 
    background-color: #f7f7f7;
}

.jinput:disabled,.jselect:disabled, .jtextarea:disabled{
    cursor:default;
    background-color:#f7f7f7; 
    color:#545454;
}

.jinput:focus, .jselect:focus{
    border-color:#66afe9;
    outline:0;
}

.jtextarea{

    width:100%;
    font-family: 'Open+Sans', sans-serif;
    font-size: 12px;
    border: 1px solid #d9d9d9;
    resize:vertical; 
    min-height:70px;
    max-height:300px;
}

.jtxta{
    min-height:20px !important;
    height: 25px;
    line-height:25px;
    padding-left: 5px;
    padding-right: 5px;
}

.jtextarea:read-only { 
    background-color: #f7f7f7;
}

.jarray .btn-actions{
    display:inline;
    position:absolute;
    right:0px;
}
.jarray .btn-actions span{
    margin-left: 20px; 
    display: inline-block;
    cursor:pointer;
    font-size:12px;
    color:#0D3D7F;
}

.jarray_elements h5{
    cursor: pointer;
    background-color: #f7f7f7;
    line-height: 35px;
    padding-left: 15px;
}

.jarray_elements h5 + div {
    display: none;
}

.jcheckboxLabel{
    font-size: 14px;
}

.jform select[readonly] {
    background: #F8F8F8;
    cursor: no-drop;
}

.jform select:not([multiple])[readonly] option {
    display: none;
}

.jform .jattenuationLabel,
.jform .jattenuationValue {
    display: inline-block;
    width: 16.66669%;
}

.jform .jattenuationLabel {
    text-align: right;
    line-height: 25px;
}

.jform .jattenuationValue input {
    width: 100%;
    margin-left: 10px;
}

.jform .jdiretivo input {
    width: 100px;
}

/*Style for coordinates DMS in form*/
.jdms-side{
    width:32%;
}
.jdms-center{
    width:32%;
    margin-right:2%;
    margin-left:2%;
}

.jdms-d{
    width:29%;
}
.jdms-m{
    width:29%;
    margin-right:1%;
    margin-left:1%;
}
.jdms-s{
    width:29%;
    margin-right:1%;
}
.jdms-h{
    width:15% !important;
}

.jseparator ul li{
    list-style:initial;
    padding-bottom: 10px;
}

.jseparator tr:hover{
    background-color: transparent !important;
}

.jform input[type="file"]{
    font-size: 14px;
    height: initial !important;
    line-height: initial !important;
    padding: initial !important;
}


/* ----------- Jlist Buttons------------------------------------ */
.btnaction:hover,.btnaction:focus,.btnaction:active {color:#333;background-color:#ebebeb;border-color:#bbb}
.btnaction {
    width: 20px;
    height: 20px;
    line-height: 14px;
    margin: 0;
    margin-left: 3px;
    vertical-align: middle;
    border:1px solid #aaa;
    border-radius:1px;
    background-color:#f7f7f7;
    cursor:pointer;
}

.wfButtons button, .wfButtons select{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.wfButtons > button:first-child{ margin-left: 0; }
.wfButtons button:focus, .wfButtons button:focus {outline:0;}
.wfButtons button>i { padding-right: 10px; }
.wfButtons svg { margin-right: 10px; } 
.wfButtons button:disabled:hover { background-color:#F7F7F7; color: #808080; cursor:default; }
.wfButtons button:hover,.wfButtons button:focus,.wfButtons button:active{color:#333;background-color:#ebebeb;border-color:#bbb}

.wfButtons button {
    margin-left: 25px;
    border:1px solid #aaa;
    border-radius:1px;
    background-color:#f7f7f7;
    cursor:pointer;
    padding: 0 10px;
    height: 25px;
    line-height: 11px !important;
    font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
}

.wfButtons .tsklist { margin-left:50px; height: 28px; padding-left:8px; min-width: 150px; }
.wfButtons .tskbtn {padding: 6px 0 6px 8px; color: #333; border-color: #bbb;margin-left: 0px; vertical-align: middle; border: 1px solid #aaa; border-radius: 1px; background-color: #f7f7f7; cursor: pointer; height: 28px !important; border-left: 0;}

.wfButtons {padding-top: 15px; }


#wfform {
    position:absolute;
    top: 110px;
    background: white;
    padding-right: 25px;
    padding-bottom: 25px;
}

#tblFilter {
    /* position: absolute;
    top: 55px; */
    margin-top: 15px;
    /*width: 100%;*/
    height: 25px;
    padding: 0 22px;
    border: 1px solid #EEE;
    border-bottom: 0px;
    background-color: #F8F8F8;
    font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    z-index: 1;
    text-align: left;
}
#tblFilter input { text-align: center; height: 15px !important; margin-top: -3px; border: 1px solid #EEE !important; font: 11px Verdana, Arial, Helvetica, sans-serif;}
#tblFilter .input {padding-right: 10px; margin-right: 10px; border-right: 1px solid #BFBFBF;}

#tbl{
    position: relative;
}

#tbl .sort{margin-left: 10px;}
#filterRow input { width: 100%; min-width: 35px; }
.wfcell { max-width: 350px; text-overflow: ellipsis; overflow: hidden; }
.wfcell img { padding-top:7px;}

/* -------------------------------------------------------------------- */

.listingOpt { border: none; }
.listingOpt td { border: none; }
.pointer { cursor: pointer; }
button[disabled].pointer { cursor: default; }
.docCount td { border: 1px solid #EEE; }
.docCount, tr.docCount:hover { background-color: #F8F8F8;}
.docCount input { text-align: center; height: 15px !important; margin-top: -3px; border: 1px solid #EEE !important;}
.docCount .input {padding-right: 10px; margin-right: 10px; border-right: 1px solid #BFBFBF;}
#filterRow { background-color:#F8F8F8; padding-bottom: 2px;}
#filterRow td { border: 1px solid #BFBFBF; }
#filterRow input { margin-bottom: 2px; border: 1px solid #BFBFBF;}

#table-filter th a { color:#1F3A63;}
#table-filter th a:hover { text-decoration: none;}
#filterInput { display: none; }
#filterInput th { background-color:#EFFEE4; padding-bottom: 2px; }
#act:hover{color: white;cursor: pointer;}

.number {text-align: right;}

/* Document Compare */
table.history td.highlight { background-color: #FDFF9E; }

/** Planning */
.chnl-tbl { font-size: 14px; }
.chnl-tbl .btn-act { cursor: pointer; }

.chnl-tbl button { height: 25px;
    line-height: 11px !important;
    margin: 0;
    margin-right: 30px;
    vertical-align: middle;
    border: 1px solid #aaa;
    border-radius: 1px;
    background-color: #f7f7f7;
    cursor: pointer;
    width: 25px;
    font-size: 13px; }

/********* Custom File Upload *********/
.input-file input[type="file"] {
    display: none;
}

.custom-file-upload {
    display: inline-block;
    padding: 1px 0px;
    cursor: pointer;
}

.custom-file-upload i { font-size: 14px; padding-right: 5px; color: #006ABC;}

/** ---------------- BEGIN: Attachment page ---------------- **/
.docAtch table { table-layout: fixed; width: 100%;}
.docAtch table td{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.docAtch table th{ text-align: center; }
.docAtch table tr, table td {padding: 0 10px;}
.docAtch table tr:hover{background-color: transparent !important;}
.docAtch table tr th:nth-child(1){ padding: 0 10px; width: 20px; }
.docAtch table tr th:nth-child(7){ padding: 0; width: 40px; }
.docAtch table tr th:nth-child(8){ padding: 0 5px; width: 20px; }
.docAtch table tr td:nth-child(1),
.docAtch table tr td:nth-child(5),
.docAtch table tr td:nth-child(6),
.docAtch table tr td:nth-child(7),
.docAtch table tr td:nth-child(8){ text-align: center; }
.docAtch i {cursor: pointer; text-align: center;}
.docAtch i.fa.fa-times { color: #960000; font-size: 14px; }

.uploads i.fa.fa-upload { padding-right: 5px; color: #006ABC; cursor: pointer;}
#uploads .custom-file-upload { display: inline-block; cursor: pointer; font-size: 12px; line-height: 25px;}

.uploads h2 { border-bottom: 1px dotted #C0C0C0; color: #1F3A63; }

.uploads h4 {
    color: #0D3D7F !important;
    font-family: 'Open+Sans', sans-serif;
    font-weight: normal;
    margin: 25px 0px 0px 0px;
}

.uploads h4:after {
    content: '';
    display: block;
    margin: 2px 0 15px 0;
    border-top: 1px dashed #e3e3e3;
}

.uploads .checkList ul{padding: 0 20px 20px 20px;}
.uploads .checkList li{padding: 5px 0px; text-align: justify;}
.uploads .checkList input[type='checkbox']{ float: left; margin-left: -30px; }
.uploads .checkList li label{ display: block; margin: 0 20px 0 0px; }
.uploads input[type="file"] { display: none; }
.uploads .flexDisplay .left { padding-right: 25px;}
#modalForm .flexDisplay .left { padding-right: 25px;}

/** ---------------- END: Attachment page ---------------- **/


/*Form fields using CSS3 flex*/
.flexDisplay {
    display: flex;
    padding: 3px 0;
    flex-flow: row;
}

.flexDisplay > .left {
    order: 1;
}

.flexDisplay > .right {
    order: 2;
}

.flexForm .flexDisplay > .left{
    width: 30%;
    display: flex;
    justify-content: flex-end;
}

.flexForm .flexDisplay .left label:only-child{
    margin-right: 25px;
}

.flexForm .flexDisplay > .right {
    width: 70%;
    display: flex;
}

.flexForm .flexDisplay .left label{
    text-align: right !important;
    line-height: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.flexForm .flexDisplay .right.file{
    padding-left: 30px;
    line-height: 25px;
    font-size: 12px;
}

.flexDisplay button{
    width: auto;
}

.flexForm {
    font-size: 14px;
    font-family: Arial, 'Open+Sans', sans-serif;
}



.flexDisplay select, .flexDisplay textarea{
    border-radius: 1px;
    -moz-border-radius: 1px;
    padding: 3px;
    border: 1px solid #d9d9d9;
    width: 100%;
    outline: none;
    font-family: Arial, 'Open+Sans', sans-serif;
}

.mCont .flexDisplay textarea{ width: 95%; border: 1px solid #c8c8c8;}

.flexForm .flexDisplay input[type="text"] {
    padding: 3px !important;
    margin: 0 !important;
    font-size: 12px;
}

.flexForm .flexDisplay input[type="checkbox"]{
    margin: 5px 3px 0 0px;
}

.flexForm .flexDisplay .checkbox{
    display: flex;
    margin-right: 25px;
    line-height: 25px;
}

.flexForm .flexDisplay .checkbox label{
    position: relative;
    vertical-align: middle;
    bottom: 1px;
}

.flexForm .flexDisplay .button{
    cursor: pointer;
    background-color: #f7f7f7;
}

.flexForm .flexDisplay .unit,
.flexForm .flexDisplay .button,
.flexForm .flexDisplay .icon-helper{
    min-width: 100px;
    color: #000;
    box-sizing: border-box;
    border: 1px solid #d9d9d9;
    border-left: 0;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    padding: 0px 12px 0 12px;
}

.flexForm .flexDisplay .icon-helper{
    min-width: 25px !important;
    width: 25px !important;
    padding: 0px;
    background-color: #f7f7f7;
    border-color: #d9d9d9;
    border-style: solid;
    border-width: 1px 1px 1px 0px;
}

.flexForm .flexDisplay .right .fa-question-circle{ line-height: 25px; }


.flexForm .flexDisplay .icon-required{
    min-width: 25px !important;
    width: 25px !important;
    text-align: center;
    vertical-align: middle;
}
.flexForm .flexDisplay .icon-required.mobile{
    display: none;
}

.flexForm .flexDisplay .left.no-icon{
    padding-right: 25px;
}

.flexForm .flexDisplay .left .fa-asterisk.optional,
.flexForm .flexDisplay .left .fa-asterisk.required{
    font-size: 8px;
    line-height: 25px;
}

.flexForm .flexDisplay .left .fa-asterisk.optional{ color: #B89000; }
.flexForm .flexDisplay .left .fa-asterisk.required{ color: #960000; }


.flexForm .flexDisplay button:focus { outline:0; }
.flexForm .flexDisplay button:hover, .flexForm .flexDisplay button:active {outline:0; color:#333; background-color:#ebebeb;}
.flexForm .flexDisplay button>i { padding-right: 12px; }

/*** Dropdown Group btn***/
.flexDisplay .btnGroup {
    padding: 0px 12px 0px 12px;
    border: 1px solid #aaa;
    border-right: 0px;
    border-radius: 1px;
}

.flexForm .flexDisplay .flexForm .flexDisplay .flexError{
    width: 100%;
}

.flexDisplay .flexBtnHidden{
    display: none;
}

.flexDisplay button{
    vertical-align:top;
}

.buttons.flexDisplay button, .buttons.flexDisplay .btnGroup{
    vertical-align:top;
    margin-bottom: 10px;
}

.mCont .flexDisplay select{
    width: 95% !important;
}

.mCont input[type="text"] {
    border: 1px solid #c8c8c8;
}

.tcontainer {
    box-sizing: border-box;
    display:flex;
    flex-direction: row;
    height: 100%;
    padding-left: 25px;
}

.tsidebar {
	min-width: 275px;
	border-right: 1px solid #D6D6D6;
	background: #FAFAFA ;
	padding: 35px 0px 25px 0px;
	overflow: auto;
	display: none;
}
.tsidebar h2 {
    font-family: Arial, 'Open+Sans', sans-serif;
   	margin: 0;
	padding: 0px 20px 20px 15px;
	white-space: pre-wrap;
	font-size: 24px;
}
.tsidebar ul {
	margin: 0px;
	padding: unset;
}
.tsidebar li{   
	padding: 0px 10px 0px 15px;
	border: 1px solid #FAFAFA;
	cursor: pointer;
	list-style: none;
	line-height: 1.9em;
	color: #000052;
	font-size: 14px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-family: Arial, 'Open+Sans', sans-serif;
}

.tsidebar li:hover{
	color: #FFFFFF;
	background:  #0c2340;
	cursor:pointer;
}


.tform h2 {
    font-family: Arial, 'Open+Sans', sans-serif;
    margin: 0;
    padding: 0px 20px 20px 0px;
    white-space: pre-wrap;
    font-size: 24px;
}

#menuIcon {
	position: fixed;
	top: 80px;
	left: 5px;
	display: block;
	width: 15px;
} 

#menuIcon:hover{
color: #AAA;
}


.tmenu-elt {
	color: #ccc;
	text-align: center;
	font-size: 20px;
	margin:2px 5px 0px 5px;
	max-height: 40px;
	flex:1 1 0;
	overflow: hidden;
}

.tmenu-elt p {
    color: #ccc;
    font-size: 9px;
    margin: 0px 0px 2px 0px;  
    white-space: nowrap;  
}

.tmenu-elt svg {
    height:20px;
}

.tmenu-elt:hover {
    color: white;
    background-color: transparent;
}

.tm-active {
    color: #7f9df5;
}

.tpage {
    display:block;
    padding: 75px 0px 0px 45px;
    height: 100%;

}
.tpage h2 {
    font-family: Arial, 'Open+Sans', sans-serif;
    margin: 0;
    padding: 0px 20px 20px 0px;
    white-space: pre-wrap;
    font-size: 24px;
} 

.tpage hr {
    margin-bottom: 35px;
} 

/* start CSS Spinner  ********************* */ 

.ouro {
    position: relative;
    display:inline-block;
    height: 46px;
    width: 46px;
    margin: 1em 2em 1em 1em;
    border-radius: 50%;  
    background: none repeat scroll 0 0 #DDDDDD;
    overflow:hidden;
    box-shadow: 0 0 10px rgba(0,0,0,.1) inset, 0 0 25px rgba(0,0,255,0.075);
}

.ouro > span {
    position: absolute;
    height: 100%; width: 50%;
    overflow: hidden;
}
.ouro .left  { left:0   }
.ouro .right { left:50% }

.ouro .anim {
    position: absolute;
    left: 100%; top: 0;
    height: 100%; width: 100%;
    border-radius: 999px;
    background: none repeat scroll 0 0 #0c2340;
    opacity: 0.8;
    animation: ui-spinner-rotate-left 3s infinite;
    animation-delay: 0s;
    animation-duration:4s;
    animation-timing-function: linear;
}
.ouro .left .anim {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    transform-origin: 0 50% 0;
    animation-delay: 2s;
}
.ouro .right .anim {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    left: -100%;
    transform-origin: 100% 50% 0;
    animation-name: ui-spinner-rotate-right;
    animation-delay:0;
}

@keyframes ui-spinner-rotate-left{
  0%{transform:rotate(0deg)}
  25%{transform:rotate(180deg)}
  50%{transform:rotate(180deg)}
  75%{transform:rotate(360deg)}
  100%{transform:rotate(360deg)}
}
@keyframes ui-spinner-rotate-right{
  0%{transform:rotate(0deg)}
  25%{transform:rotate(0deg)}
  50%{transform:rotate(180deg)}
  75%{transform:rotate(180deg)}
  100%{transform:rotate(360deg)}
}

/* end CSS Spinner  ********************* */ 



/* Mobile first / bootstrap breakpoints */

@media (min-width: 0px) {
    .tmenu-bar {display:flex; margin-left:0px;}
    #logo {display:none;}
    #title {display:none;}
    #rfmenu {display:none;}
    #ilogout, #network, #chatopen {display:none;}
}

@media (min-width: 576px) {
    .tmenu-bar {display:flex; margin-left:0px;}
    #logo {display:none;}
    #title {display:none;}
    #rfmenu {display:none;}
}

@media (min-width: 768px) { 
    .tmenu-bar {display:flex; margin-left:290px;}
    #logo {display:block;}
    #title {display:block;}
    #rfmenu {display:none;}
}

@media (min-width: 992px) {

.tmenu-bar {display:none; margin-left:0px;}
#title {display:block;}
#logo {display:block;}
#rfmenu {display:block;}
#ilogout, #network, #chatopen {display:block;}
}

@media(min-width:960px){
    .navigation{display:block}
    #ibars, #ihome{display:none;}
}

@media (max-width: 960px) {
    .navigation{display:none}
    #ibars, #ihome{display:block}

}
/*NAVIGATION TABS*/
.frmnav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    font-size: 14px;
    position:static;
}
.frmnav-tabs{border-bottom:1px solid #ddd}
.frmnav-tabs>li{
    float:right;
    margin-bottom:-1px;
    color: s#295473;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    line-height: 20px;
    padding: 6px 10px 7px;
    /*border-bottom-color: transparent;*/
}
.frmnav-tabs>li>a{ line-height:1.428571429;}

.frmnav:before, .frmnav:after { display: table; content: " ";}
.frmnav:after { clear: both; }

.frmnav-tabs>li.active>a, .frmnav-tabs>li.active>a:hover, .frmnav-tabs>li.active>a:focus {
    font-weight: bold;
    color: rgb(39, 37, 37);
}
.frmnav-tabs>li.active>a, .frmnav-tabs>li.active>a:hover, .frmnav-tabs>li.active>a:focus {
    color: #295473;
    background-color: #fff;
    border-bottom-color: transparent;
    line-height: 20px;
    padding-top: 6px;
    border-top-width: 0;
}
.frmnav-tabs>li.active{
    border-bottom-color: transparent;
    border-top-width: 0;
    border-top: 2px solid #fcfcfc;
    -webkit-box-shadow: 0 -2px 0 #295473;
    -moz-box-shadow: 0 -2px 0 #295473;
    box-shadow: 0 -2px 0 #295473;
}


/*
@media (max-device-width : 900px){
    .form { width: 90%; margin: 80px auto;}
	#coordlon, #coordlat, #chatopen, #network, #exit{display: none;}
	#dev_exp {display: block;}
}

@media only screen and (max-device-width : 480px) and (orientation : portrait) {
    .block3, .menu {display: none;}
    .content {overflow-x: hidden;}
    .sign-link-phone {display: inline-block;} 
	
    
    #dev_exp, #dev_coll  {margin-top: 12px;}
}

@media only screen and (max-device-width : 480px) and (orientation : landscape) {
    #menutabs{display: none;}
}

@media only screen and (device-width: 768px) {
    #coordlon, #coordlat {display: none;}
}

*/

/*
@media all and (max-width: 640px) {
    .flexDisplay {
        flex-direction: column;
        padding-bottom: 10px;
    }
    .flexForm .flexDisplay > .left {
        text-align: left;
    }
    .flexDisplay > .left, .flexDisplay > .right{
        width: 100% !important;
    }
    .flexDisplay button{
        width: 100%;
        margin-right: 0;
    }

    .flexDisplay .flexBtnHidden{
        display: block;
    }

    .flexDisplay .btnGroup, .flexDisplay .btnGroupGo{
        display: none;
    }

    .flexForm .flexDisplay .button{width: 100px; }
    .flexForm .flexDisplay .icon-helper{ display: none; }
    .flexForm .flexDisplay .icon-required{ display: none; }
    .flexForm .flexDisplay .icon-required.mobile{ display: inline-block; }
    .flexForm .flexDisplay > .left{ justify-content: flex-start; }


    form{
        padding: 0;
    }
    .jform{
        padding-right: 0;
    }

    #jformTitle h1{
        white-space: normal !important;
    }
}

*/

/*@media (min-width: 1200px) {}  */