* {
    margin: 0;
    padding: 0;
    font-family: Segoe UI;
}

body {
    background-color: #e7e7e7;
}

#contentDiv {
    display: table;
    margin: 10px auto;
    text-align: left;
    border: 1px solid #595656;
    background-color: #EFF2F6;
}

#header {
    border-bottom: 1px solid #9a9a9b;
    margin: -30px 0 10px 0;
    background-color: #fff;
    height: 100%;
}

    #header h2 {
        font-size: 16px;
        margin: 30px 0 0 15px;
        padding: 10px 0 0 0;
    }

.Result {
    font-size: 13px;
    font-weight: normal;
    margin: 0 0 10px -15px;
}

#header h4 {
    font-size: 13px;
    font-weight: normal;
    margin: 0 0 10px 15px;
}


#contentDiv label {
    font-size: 12px;
    float: left;
}

#panel1, #panel2 {
    margin: 0 0 0 35px;
    width: 449px;
}

.fileUpload {
    font-size: 12px;
    color: #272626;
    border: 1px solid #9ba6b1;
    width: 339px;
    height: 21px;
    margin: 0 10px 0 0;
    cursor: pointer;
}

#line {
    color: #9a9a9b;
    margin: 37px 0 0 -36px;
    display: block;
}

.bottomLine {
    border-bottom: 1px solid #9a9a9b;
    margin: 37px 0 0 0;
    display: block;
}

#checkBoxes, #checkboxes-advanced, #checkBoxes2, #panelQuarter, #pnGeozone {
    font-size: 12px;
    color: #272626;
}

    #checkBoxes td input {
        /*border: 1px solid black;*/
        margin: 0 11px 20px 0;
        float: left;
    }

    #checkBoxes td span {
        display: block;
        float: left;
        margin: -1px 0 0 0;
        text-align: left;
    }

#ValidationForm {
    margin: 0 0 0 35px;
    width: 449px;
    display: block;
    float: left;
}

#ValidationForm_Elements {
    display: block;
    float: left;
    width: 350px;
    margin: 0 0 0 15px;
}

    /*                                  in       in
                                  table <- thead <- td  */
    #ValidationForm_Elements th, .table thead td, #Table1 tr:first-child td {
        border: 1px solid #CACBCC;
        color: white;
        font-size: 13px;
        background-color: #558ED5;
        padding: 5px;
        min-width: 175px;
        width: auto;
        margin: 0;
        font-weight: bold;
    }

    /*                                  in       in
                                  table <- tbody <- td  , #Table1:nth-child(2n) td*/
    #ValidationForm_Elements td, .table tbody td, #Table1 tr td, #mapping-table thead tr:first-child td{
        border: 1px solid #CACBCC;
        color: black;
        font-size: 13px;
        background-color: #F2F2F2;
        padding: 5px;
        min-width: 175px;
        width: auto;
        margin: 0;
    }

#mapping-table thead tr:first-child td {
    font-weight: normal;
    border: none;
}
    #mapping-table thead tr:first-child td select{
        margin-left: 1px;
        width: 200px;
    }

        /*                                         in       in    in 
                                             table <- tbody <- td <- select */
        #ValidationForm_Elements td select, .table tbody td select, #SelectMapping select {
            width: 200px;
            display: block;
        }

#panelQuarter, #pnGeozone {
    margin: -35px 0 0 25px;
}

    #panelQuarter table input, #pnGeozone table input {
        display: block;
        color: #000;
        border: 1px solid #C4C8CE;
        margin: 10px 0 0 0;
        font-size: 12px;
    }

        #panelQuarter table input:focus, #pnGeozone table input:focus, .fileUpload:focus, #checkBoxes td input:focus {
            outline: none;
            border: 1px solid #61A6E4;
        }

    #panelQuarter table td span, #pnGeozone table td span {
        display: block;
        float: left;
        margin: 10px 10px 0 0;
        text-align: left;
        width: 100px;
    }

#UploadDiv, #ProccessData, #Proccessing {
    display: block;
    text-align: right;
}

.UploadButton {
    margin: 10px 10px 10px 0;
    border: 1px solid #666666;
    background: url(../Images/buttonnormalgradient.png) repeat-x;
    cursor: pointer;
    height: 21px;
    width: 130px;
}

    .UploadButton:hover {
        background: url(../Images/buttonselectedgradient.png) repeat-x;
        border: 1px solid #336699;
    }


.error {
    margin: 5px 0 0 0;
    font-size: 12px;
}

.errorLabel {
    margin: 5px 0 0 10px;
    font-size: 12px;
}

#message, #linkToImportSession {
    margin: 0 0 0 20px;
    display: block;
}

.unmapped-columns {
    width: 80px;
}

select.ng-invalid {
    background: red;
    
}

select.ng-invalid option {
    background: white;
}

@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glyphicon-remove:before {
  content: "\e014";
}
.pull-right {
    float: right;
}

/*START: Page Submit Import*/
#progerssLabelHeader {
    font-weight: bold;
}
    #progerssLabel {
        display: block;
        margin: 0 0 0 25px;
    }
/*END: Page Submit Import*/