/*/////////////////////////////////////Tabs and dashadboard css///////////////////////////////////////// */
.tabs {
    background: #ffffff;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font-size: xx-small;
    list-style-type: none;
    min-height: 5px !important;
    height: 20px !important;
    border-bottom: solid 1px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    box-shadow: rgba(255, 255, 255, 0.0666667) 0px 1px 0px 0px;

}

.shadow-top-light-border{
    margin-top: 10px;
    padding-top: 10px;
    box-sizing: border-box;
    border-top: solid 1px rgba(0, 0, 0, 0.3);
    box-shadow: rgba(255, 255, 255, 0.0666667) 0px 1px 0px 0px;
}
.shadow-bottom-light-border{
    margin-bottom: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
    border-bottom: solid 1px rgba(0, 0, 0, 0.3);
    box-shadow: rgba(255, 255, 255, 0.0666667) 0px 1px 0px 0px;
}
.back-ground{
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 150px;
    opacity:0.3;
    z-index:99;
    color:white;
}
.shadow-top-bottom-light-border{
    border-top: solid 1px rgba(0, 0, 0, 0.3);
    border-bottom: solid 1px rgba(0, 0, 0, 0.3);
    margin-bottom: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    padding-top: 10px;
    box-sizing: border-box;
    box-shadow: rgba(255, 255, 255, 0.0666667) 0px 1px 0px 0px;
}
.shadow-buttom-border{
    border-bottom: solid 1px rgba(0, 0, 0, 0.9);
    box-sizing: border-box;
    box-shadow: rgba(255, 255, 255, 0.9666667) 0px 1px 0px 0px;
}
.tab-title{
   min-height: 5px !important;
   height: 20px !important;
}
.tabs li {
    margin: 0px 0px 0px 10px;
    display: inline-block;
    cursor: pointer;
    font-size: 1.3em;
    min-height: 5px !important;
    height: 20px !important;
}
.tabs li.active {
    color: #000;
    background: #dbeaf0;
    cursor: auto;
}
.tabs li:first-child {
    margin-left: 0px;
}
.tabs-data {
    background: Menu;
    height: 100px !important;
    min-height: 60px;
    border-bottom: none;
    box-sizing: border-box;
    box-shadow: rgba(255, 255, 255, 0.0666667) 0px 1px 0px 0px;
}
.bg-tool-menu{
    color: #f2f1f0;
    background-color: #014188;
    border-bottom: solid 1px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    box-shadow: rgba(255, 255, 255, 0.0666667) 0px 1px 0px 0px;
}
.tabs-data h1 {
    font-size: 1.6em;
}
.nav-tabs > li > a{
    padding: 5px 5px 5px 5px !important;
}

.btn-menu-item{
    color: #333;
    background-color: transparent;
}
.btn-figure-zoomin-icon{
    color: #333;
    background-color: transparent;
}
.btn-figure-zoomout-icon{
    color: #333;
    background-color: transparent;
}
.btn-figure-move-icon{
    color: #333;
    background-color: transparent;

}

.a-color-text{
    color: #CDDBE7 !important;
}

.a-color-text:hover{
    color: rgba(205, 219, 231, 0) !important;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #000000 !important;
    background-color: #f2f1f0 !important;
}

.nav-tabs > li > a:hover{
    color: #000000 !important;
}

.menu-item-icon{
    font-size: 2.2rem;
}
.figure-menu-icon{
    font-size: 1.2rem;


}
.col-md-6{
    border: 5px;
     border-left-color:  red !important;
}
.modal-title-hight{

    margin: 0px;
    line-height: 1px !important;
    color: black;
    background-color: #f2f1f0 !important ;
    border-bottom: 1px solid #f2f1f0;


}
                                         /*///////////////////////////////////////////////////////////////////////////////////// */



                                   /*///////////////////////////Sce Connection CSS///////////////////////////////////////////// */
.SCE-modal-content{
    position: relative;
    background-color: #f2f1f0 !important;
    border: 1px solid #999;
}
.SCE-modal-body {

    position: relative;
    padding: 20px;
    background-color: #f2f1f0 !important ;
}
.SCE-modal-header {
    position: relative;
    background: linear-gradient(#b9b9b9,#979797);
    border-radius: 4px 4px 0px 0px ;
    padding-bottom: 2px !important;
    padding-top: 2px !important;
    border: 1px solid #999;
}
.SCE-port-INPUT{

    max-width: 80px;

}
.SCE-IP-INPUT{
    min-width: 350px;
}
.SCE-UL{
    border: solid 1px rgba(0, 0, 0, 0.2);
    min-width: 200px;

    background-color: #ffffff !important;
    box-sizing: border-box;
    box-shadow: rgba(255, 255, 255, 0.0666667) 0px 1px 0px 0px;
}
.SCE-li{
    border-bottom: solid 1px rgba(0, 0, 0, 0.2);
    background-color: #ffffff !important;

}
table{
    float: left !important;
}

.table-Sce-condensed > thead > tr > th, .table-Sce-condensed > tbody > tr > th, .table-Sce-condensed > tfoot > tr > th, .table-Sce-condensed > thead > tr > td, .table-Sce-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td{
    padding: 0px !important; ;
}
table.scroll {



}
.sce-table{
    margin-top: 8px !important;
    margin-left: 20px !important;


}
.sce-table >tbody>tr>td{
    padding: 0px !important;
    margin-bottom: 2px !important;
    margin-top: 1px !important;
}
table.scroll tbody,
table.scroll thead tr { display: block; }

table.scroll tbody {
    height: 73px;
    overflow-y: auto;
    overflow-x: hidden;
    font-size: smaller;
    background-color: Menu !important;
    border: medium !important;
}
table.td{
    padding: 0px !important;
    margin: 0px !important;
 
}
table.scroll tbody td,
table.scroll thead th {
    width: 100px !important;
    
}
table.scroll thead th:last-child {

}
thead tr th {
    height: 10px;
    line-height: 5px;
    font-weight: lighter;
    font-size: 11px;
    /*text-align: left;*/
}
tbody td:last-child, thead th:last-child {
}
                                   /*////////////////////////////////////////////////////////////////////////////////// */


                                   /*////////////////////////////////////////Grid css///////////////////////////////// */
.Data-Grid{
    min-height: 400px;
    max-height: 401px;
}
.modal-content{
    background-color: #e8e8e8 !important;
}
.modal-header{
    background: linear-gradient(#b9b9b9,#979797);
    border-radius: 4px 4px 0px 0px ;
    padding-bottom: 2px !important;
    padding-top: 2px !important;
}
.modal-footer{
    padding: 0px 20px 10px 20px !important;
    margin: 0px 0px 0px 0px !important;
}

.modal-btn{
    min-width: 60px !important;
    border-radius: 15px !important;
    margin-left: 3px !important;
    margin-right: 3px !important;
    background: linear-gradient(#e9e9e9,#fbfbfb);
}
.btn-rounded{
    margin-left: 3px !important;
    margin-right: 3px !important;
    background: linear-gradient(#e9e9e9,#fbfbfb);
}
.figure-img{
    width:60px;
    height:40px;
    border:0;
    margin-right: 20px;
}
.figure-textbox{
    max-width: 50px;
    border:2px solid #979797;
    border-radius:10px;
}
.me5a-primary > .panel-heading {


    background-color: #014188 !important;
    max-height: 25px !important;
    font-size: smaller !important;


}
.me5a-primary > .figure-option {

    background-color: #f2f1f0 !important;
}
.me5a-primary {
    border-color:  transparent !important;
    }
.preview {
    height:150px;
    width: 150px;
    border: 1px black solid;
}
.local-storage-table{
    margin: 35px;
}
.local-storage-tabletd{
    padding-bottom: 10px;
}
.figure-head{

    cursor: move !important;
}
.remove-button{
    cursor: auto !important;
}
.figure-zoomout{
    cursor: -webkit-zoom-out !important;
}
.figure-move{
    cursor: -webkit-grab !important;
}
.dropdown-menu {
     position: absolute;
     top: 100%;
     left: 0;
     z-index: 1000;
     display: none;
     float: left;
     min-width: 30px;
     padding: 5px 0;
     margin: 2px 0 0;
     font-size: 14px;
     list-style: none;
     background-color: #fff;
     background-clip: padding-box;
     border: 1px solid #ccc;
     border: 1px solid rgba(0, 0, 0, .15);
     border-radius: 4px;
     -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
     box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
 }


.select_join {
    overflow: hidden;
    width: 150px;
    background: url('http://s24.postimg.org/lyhytocf5/dropdown.png') no-repeat right #b9b9b9;
    border: #b9b9b9 1px solid;
    -webkit-border-radius: 3px;
    border-radius: 10px;
     -webkit-box-shadow: inset 0px 0px 10px 1px #b9b9b9;
     box-shadow: inset 0px 0px 10px 1px #b9b9b9;
}
.select_join select {
    background: transparent;
    width: 170px;
    font-size:7pt;
    color:grey;
    border: 0;
    border-radius: 0;
    height: 28px;
    -webkit-appearance: none;
}
.select_join select:focus {
        outline: none;
}
.select_join-scripter {
    font-family: cursive;
    -webkit-text-fill-color: #23158a;
    margin-left:-37px ;
    background-color: Menu;
    overflow: hidden;
    width: 245px;
    border: #b9b9b9 1px solid;
    -webkit-border-radius: 3px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0px 0px 10px 1px #b9b9b9;
    box-shadow: inset 0px 0px 10px 1px #b9b9b9;
}
.select_join-matrix {
       overflow: hidden;
       width: 150px;
       border: #b9b9b9 1px solid;
       -webkit-border-radius: 3px;
       border-radius: 10px;
       -webkit-box-shadow: inset 0px 0px 10px 1px #b9b9b9;
       box-shadow: inset 0px 0px 10px 1px #b9b9b9;
   }
.select_join-registraion {
    overflow: hidden;
    width: 177px;
    border: #b9b9b9 1px solid;
    -webkit-border-radius: 3px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0px 0px 10px 1px #b9b9b9;
    box-shadow: inset 0px 0px 10px 1px #b9b9b9;
                                   }
.select_join-selectiongrups {
    overflow: hidden;
    width: 50px;
    border: #b9b9b9 1px solid;
    -webkit-border-radius: 3px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0px 0px 10px 1px #b9b9b9;
    box-shadow: inset 0px 0px 10px 1px #b9b9b9;
}
.select_join select {
    background: transparent;
    width: 170px;
    font-size:7pt;
    color:grey;
    border: 0;
    border-radius: 0;
    height: 28px;
    -webkit-appearance: none;
}
.select_join select:focus {
    outline: none;
}

.scriptor-textbox{
    border:2px solid #979797;
    border-radius:10px;
}

.scatterplot-textbox{
    border:2px solid #979797;
    border-radius:10px;
}
#searchtext span{
    background-color:#FF9;
    color:#555;
}
.well-sm-slide {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    padding: 9px;
    border-radius: 3px;
    }
.panel-btn{
    margin-right:20px !important;
  
}
.slider{
    background: #f2f1f0 ;
    max-width: 64px;
    max-height: 45px;
    border:0px;
}
.selectionbtn-xs,
    .selectionbtn-xs > .btn {
     padding: 0px 0px;
     font-size: 12px;
     line-height: 1.5;
     border-radius: 3px;
}
.selectiongroup-tabale-actiontd{
    min-width: 136px !important;
}