/* Tables List
    ----------------------------------------------------------*/

     #divTablesList ul {
      float: left;
      width: 120em;
      margin: 0;
      padding: 0;
      list-style: none;
    }

     #divTablesList li {
      float: left;
      width: 30em;
      margin: 0;
      padding: 0;
    }

.surveysHeader li{
    width:112px;
    text-wrap: normal;
    margin: 2px 2px 2px 2px;
}

.tabnav{
    width:90px;
    text-wrap: normal;
    font-size: small;
    text-align:center;
    padding: 2px 2px 2px 2px;
    
}


div.k-edit-form-container {
        width: 800px;
    }
 
div.k-edit-form-container div.k-edit-field textarea, input.k-textbox {
    width: 90%;
    max-width: none;
}

.k-grid td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div.k-tooltip-content {
        width: 500px;
        background-color:#f9fBbB;
        font-size:x-small;
    }


/* MODAL SCREEN */

#mask{  
    position:fixed; /* important */  
    top:0px; /* start from top */  
    left:0px; /* start from left */  
    height:100%; /* cover the whole page */  
    width:100%;  /* cover the whole page */  
    display:none; /* don't show it '*/  
  
    /* styling bellow */  
    background-color: black;  

    z-index: 20000 !important ;
}  
  
.modal_window {
    position: absolute; /* important so we can position it on center later */
    display: none; /* don't show it */
    /* styling bellow */
    color: white;
    z-index: 20001 !important;
}

/* style a specific modal window  */
#modal_window {
    padding: 50px;
    border: 1px solid gray;
    background: #246493;
    color: black;
}

.close_label {
    color: #a0a0a0;
}

.closeModalImage {
    content: url(../../Content/Images/closeBtn.png);
    height: 32px;
    width: 32px;
}

#windICIPModalPopup {   
   /* background: #fafafa;
    width: 1600px;
    height: 800px;*/
	overflow:auto;
    width:0px;
    height:0px;
    text-align: center;
    color: #4e515e;
    padding: 10px;
    margin: 10px; 
		position:fixed; width: auto !important; top: 30px !important; bottom: 30px !important; left: 30px; right: 30px; height: auto !Important;
}

.RFWhiteBackground {
    background: #fafafa;
}

.windICIPModalPopupRelateView {   

    position:fixed;
    background: #fafafa;
    width: 1600px !important;
    height: 800px !important;
    text-align: center;
    color: transparent;
    padding: 10px;
    margin:  150px !important;   
}

.dataContainerSurvey {
     z-index: 20002 !important ;
}

.surveyCatalogContainer, surveyFieldAliasContainer {
    display:none;
    background: #fafafa;
    width: 70%;
    padding: 10px;

    position:fixed;
    top:50%;
    left:50%;
    margin:-360px 0 0 -640px;
}


/*.dataContainerSurveyModal,*/
.dataContainerSurveyCatalog,  .dataContainerSurveyFieldAlias 
{
        background: #fff;
        /*border: #C0C0C0 double 5px;*/
        padding: 40px;
        color: #C0C0C0;
}

.SurveyGrid {
    z-index: 20010 !important ;
    width:90%;
}

/* grid Toolbar */

#grid .k-toolbar
{
    min-height: 27px;
}
.category-label
{
    vertical-align: middle;
    padding-right: .5em;
}
#category
{
    vertical-align: middle;
}
.toolbar {
    float: right;
    margin-right: .8em;
}


/* Survey's DDL ContextMenu*/

#listview-context-menu {
        padding: 0;
        margin-bottom: -1px;
        min-height: 300px;
    }
    .product {
        position: relative;
        height: 62px;
        margin: 0;
        padding: 0;
        border-bottom: 1px solid rgba(128,128,128,.3);
    }
    .product img {
        width: 40px;
        height: 40px;
        border-radius: 40px;
        margin: 10px;
        border: 1px solid #000;
        float: left;
    }
    .product h3 {
        margin: 0;
        padding: 15px 5px 1px 0;
        overflow: hidden;
        line-height: 1em;
        font-size: 1.1em;
        font-weight: bold;
    }
    .product p {
        font-size: .9em;
    }
    .product .date {
        float: right;
        margin: -8px 15px 0 0;
    }
    .k-listview:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    
    @media screen and (max-width: 620px) {
        .product h3 {
           max-width: 100px;
           white-space: nowrap;
           text-overflow: ellipsis;
           height: 15px;
        }
     
    }

    /* DropZoneJS*/
    #dropzoneJsForm {
        background: #fff;
        border: #C0C0C0 double 5px;
        /*width: 90%;
        height: 300px;*/
        padding: 40px;
        text-align: center;
        font-size:large;
        color: #C0C0C0;
    }

    #divDropZoneJS {
        display:none;
        background: #fafafa;
         width: 60%;
          text-align: center;
          padding: 10px;
    }

/*.chapterRow{
border : solid 1px red;
}*/

.chapterRowTemplateTitle {
font-weight: bold;
font-size : x-large;
height:50px;
padding: 5px 5px 5px 50px !important;
}

.chapterRowTemplateSpacer {
    width: 20px;
}
.chapterRowTemplateLabel {
    font-weight: bold;
    text-align: right;
}

.chapterRowTemplateLabelCentered {
    font-weight: bold;
    text-align: center;
}

.chapterRowTemplateEdit {
    text-align: right;
}

.chapterRowTemplateField {
    background: #efefef;
}

.chapterAltRowTemplateField {
    background: #00bdce;
}

/*.k-grid .k-header {
    display:none;
}*/

.k-grid td {
    border: 0 !important;
}

.k-grid td.chapterRowTemplateField {
    padding: 5px;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.15) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.05)), color-stop(100%,rgba(0,0,0,0.15)));
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.15) 100%);
    background: -o-linear-gradient(top,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.15) 100%);
    background: -ms-linear-gradient(top,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.15) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.15) 100%);
    border: 1px solid white;
}

.k-grid .k-alt td.chapterAltRowTemplateField {
    padding: 5px;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0.1)));
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,189,206,0.1) 100%);
    background: -o-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.1) 100%);
    background: -ms-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.1) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.1) 100%);
    border: 1px solid white;
}

/*.k-grid .k-alt td.chapterAltRowTemplateField {
    padding: 5px;
    background: -moz-linear-gradient(top,  rgba(0,189,206,0.2) 0%, rgba(0,189,206,0.1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,189,206,0.2)), color-stop(100%,rgba(0,189,206,0.1)));
    background: -webkit-linear-gradient(top,  rgba(0,189,206,0.2) 0%,rgba(0,189,206,0.1) 100%);
    background: -o-linear-gradient(top,  rgba(0,189,206,0.2) 0%,rgba(0,189,206,0.1) 100%);
    background: -ms-linear-gradient(top,  rgba(0,189,206,0.2) 0%,rgba(0,189,206,0.1) 100%);
    background: linear-gradient(to bottom,  rgba(0,189,206,0.2) 0%,rgba(0,189,206,0.1) 100%);
}*/

.k-grid  .k-grid-header  .k-header  .k-link {
    height: auto;
}
  
.k-grid  .k-grid-header  .k-header {
    white-space: normal;
		font-weight:bold;
}


/*#region MAPs */

.MapSection {
    z-index: 5 !important;
    position:relative;
    background: #fff;
    /*width:600px;*/
    padding:10px 10px 10px 10px;
     width:100%;
    height:400px;
}

.MapSectionMAX {
    position:absolute;
    left:0;
    top:0px;
    z-index: 6 !important;
    background: #fff;
    /*border: solid 1px red;
    width:600px;*/
    padding:10px 10px 10px 10px;
     width:100%;
    height:100%;
}

#mapCoordinates{

    position:absolute; 
    right:15px; 
    top:5px; 
    color:#000; 
    z-index:50;
    font-size: 0.8em;
    font-weight: bold;
}

#lblLatitude, #lblLongitud {
    font-weight: bold;
}

.MapContainer {
    z-index: 5 !important;
    position:relative;
    background: #fff;
    /*width:600px;
    padding:20px 20px 20px 20px;*/
     width:100%;
     float:left;
    /*height:380px;*/
    height:95%;

}

.MapToolbar {
    z-index: 5 !important;
    position:relative;
    background: #fff;
    /*width:600px;*/
    padding:10px 10px 10px 10px;
     width:20%;
     float:right;
    height:580px;

}


.MapContainerFixed {
    position:fixed;
}

.ChapterContactInformationContainerUnDockedMap{
    position:relative;
    top: 548px;
}





.dijitMenuItemIconCell{
    display:none;
   /* 
    height:30px;
    width:20px;
    
    text-align:left;
    padding: 1em 1em 1em 1em;
    background:#fff;
    color:#00bdce;
    font-weight:bold;
   */
}

.dijitMenuItemLabel{
    height:30px;
    width:80px;
    text-align:left;
    padding: 1em 1em 1em 1em;
    background:#fff;
    color:#00bdce;
    font-weight:bold;
}

   .dijitMenuItem:hover, .dijitMenuItemLabel:hover, .dijitMenuItemIconCell:hover {
       background:#00bdce;
        color:#fff;
     font-weight:bold;
    }
/*#endregion MAPs */

/*.RealFilesList {
    width:800px !important;
}

.RealFilesListPager {
    width:800px !important;
    height: 30px !important;
}*/



li.rfListItem, li.noteListItem {
     list-style:none;
		padding: .5em;
}

li.rfListItem:nth-child(even),li.noteListItem:nth-child(even) { background: rgba(241, 241, 241, 0.4); }

.addFileContainer{
    padding:20px;
}


/*#region WINDMaps*/

.divCapitalPrimaryPhoto {
    
    padding:5px 5px 5px 5px;
    text-align: center;
    /*width: 276px;*/
    /*min-height: 256px;*/

}

/*#endregion WINDMaps*/