﻿a, span
{
    cursor:pointer;
}

/* BEGIN placeholder select tag */
select:invalid {
  color: gray;
}
option[value=""][disabled] {
  display: none;
}
option {
  color: black;
}
/* END placeholder select tag */

.operation 
{
    cursor:pointer;
    font-size:20px;
    margin-right:20px;
}
/*
.checkbox {
  padding-left: 40px; }
  .checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px; }
    .checkbox label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #cccccc;
      border-radius: 3px;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
    .checkbox label::after {
      display: inline-block;
      position: absolute;
      width: 16px;
      height: 16px;
      left: 0;
      top: 0;
      margin-left: -20px;
      padding-left: 3px;
      padding-top: 1px;
      font-size: 11px;
      color: #555555; }
  .checkbox input[type="checkbox"] {
    opacity: 0; }
    .checkbox input[type="checkbox"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .checkbox input[type="checkbox"]:checked + label::after {
      font-family: 'FontAwesome';
      content: "\f00c"; }
    .checkbox input[type="checkbox"]:disabled + label {
      opacity: 0.65; }
      .checkbox input[type="checkbox"]:disabled + label::before {
        background-color: #eeeeee;
        cursor: not-allowed; }
  .checkbox.checkbox-circle label::before {
    border-radius: 50%; }
  .checkbox.checkbox-inline {
    margin-top: 0; }

.checkbox-primary input[type="checkbox"]:checked + label::before {
  background-color: #428bca;
  border-color: #428bca; }
.checkbox-primary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-danger input[type="checkbox"]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f; }
.checkbox-danger input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-info input[type="checkbox"]:checked + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de; }
.checkbox-info input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-warning input[type="checkbox"]:checked + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e; }
.checkbox-warning input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-success input[type="checkbox"]:checked + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c; }
.checkbox-success input[type="checkbox"]:checked + label::after {
  color: #fff; }
    */
/*.radio {
  padding-left: 20px; }
  .radio label {
    display: inline-block;
    position: relative;
    padding-left: 5px; }
    .radio label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #cccccc;
      border-radius: 50%;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out;
      transition: border 0.15s ease-in-out; }
    .radio label::after {
      display: inline-block;
      position: absolute;
      content: " ";
      width: 11px;
      height: 11px;
      left: 3px;
      top: 3px;
      margin-left: -20px;
      border-radius: 50%;
      background-color: #555555;
      -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
      -o-transform: scale(0, 0);
      transform: scale(0, 0);
      -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
  .radio input[type="radio"] {
    opacity: 0; }
    .radio input[type="radio"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .radio input[type="radio"]:checked + label::after {
      -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      -o-transform: scale(1, 1);
      transform: scale(1, 1); }
    .radio input[type="radio"]:disabled + label {
      opacity: 0.65; }
      .radio input[type="radio"]:disabled + label::before {
        cursor: not-allowed; }
  .radio.radio-inline {
    margin-top: 0; }*/

.radio-primary input[type="radio"] + label::after {
  background-color: #428bca; }
.radio-primary input[type="radio"]:checked + label::before {
  border-color: #428bca; }
.radio-primary input[type="radio"]:checked + label::after {
  background-color: #428bca; }

.radio-danger input[type="radio"] + label::after {
  background-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::before {
  border-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::after {
  background-color: #d9534f; }

.radio-info input[type="radio"] + label::after {
  background-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::before {
  border-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::after {
  background-color: #5bc0de; }

.radio-warning input[type="radio"] + label::after {
  background-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::before {
  border-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::after {
  background-color: #f0ad4e; }

.radio-success input[type="radio"] + label::after {
  background-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::before {
  border-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::after {
  background-color: #5cb85c; }
.sizeTrace
{
    cursor:pointer;
    font-size:60px;
    margin-right:20px;
}
textarea
{
    max-width: 100%;
    width: 100%;
}

#jstree, #controlJstree, #searchJsTree
{
  height:555px;
  overflow:auto;
}

#overlay
{
    display: none;
    position: fixed;
    top:0; right:0; bottom:0; left:0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10000;
}

#overlay:target
{
    display: block;
}

.popup_block
{
    background: #fff;
    padding: 10px;
    border: 5px solid #ddd;
    position: relative;
    margin: 4% auto;
    width: 30%;
    height:auto;
    max-height:90%;
    margin-top:5%;
    border-radius: 10px;
}

.presentation
{
    display:inline-block;
    vertical-align:top;
    margin-top:8%;
    margin-left:1%;
    width:40%;
}

.licenceLogo
{
    display:inline-block;
    vertical-align:top;
    margin-top:2%;
    margin-left:35%;
    width:40%;
}

.login-box
{
    display:inline-block;
    vertical-align:top;
    margin-top:5%;
    width:40%;
    border:solid;
    border-color:white;
    border-width:1px;
    border-radius:10px;
}

.ONEDocWebLogo
{
    width:70%;
    height:70%;
}

.IntelliaLogo
{
    width:50%;
    height:50%;
}

.file:hover
{
    color:#3C8DBC;
    cursor:pointer;
}

#ocrResult
{
    height:430px;
    margin-bottom:10px;
    min-height:430px;
    min-width:100%;
}

#bookmarks ul
{
    margin-left:-10%;
    cursor:pointer;
}

/* This file was created in SCSS (SASS). Please change the .scss file, not the .css file. */
.lt-imageviewer-viewdiv + .lt-imageviewer-forecanvas {
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

canvas.lt-imageviewer-forecanvas.hide-for-transitions {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  opacity: 0;
}

.lt-imageviewer .lt-thumb-item {
  /* Box Shadow (view, item, image border) */
  box-shadow: #333 1px 1px 4px -1px;
}

.lt-imageviewer .lt-thumb-view, .lt-imageviewer .lt-thumb-view * {
  /* CSS Transitions (view, all elements inside) */
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  /*-moz-transition-property: color, border-color, background-color;
         -o-transition-property: color, border-color, background-color;
         -webkit-transition-property: color, border-color, background-color;
         transition-property: color, border-color, background-color;*/
  -moz-transition-property: color, border-color, background-color;
  -o-transition-property: color, border-color, background-color;
  -webkit-transition-property: color, border-color, background-color;
  transition-property: color, border-color, background-color;
}

.lt-imageviewer .lt-thumb-view {
  /* View */
  border: 0 solid transparent;
  background-color: transparent;
  margin: 0;
  padding: 0;
}

.lt-imageviewer .lt-thumb-item {
  /* Item */
  margin: 4px;
  padding: 4px;
  padding-bottom: 20px;
}

.lt-imageviewer .lt-thumb-item.lt-thumb-item-selected {
  /* Selected Item in selection mode */
  border-color: #257bd5;
  background-color: #86baed;
}

.lt-imageviewer .lt-thumb-item-text {
  /* Item Text */
  color: #333;
  font-size: 14px;
  bottom: 0;
  width: inherit;
  text-align: center;
}
.popup_search
{
    background: #fff;
    padding: 10px;
    border: 5px solid #ddd;
    position: relative;
    margin: 1% auto;
    width: 40%;
    max-height:90%;
    margin-top:1%;
    border-radius: 5px;
    overflow: auto;
}

.checkBoxLabel
{
    width:95%;
    font-weight:normal;
}

.with-button
{
  display: inline-block;
  width: 88%;
  vertical-align: top;
  height: 25px;
  padding: 0px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.with-input
{
  display: inline-block;
  width: 12%;
  vertical-align: top;
  height: 27px;
  margin-top:-1px;
  padding:0;
}

.jstree-children .glyphicon-remove, .jstree-children .glyphicon-file, .jstree-children .glyphicon-pencil
{
    color:indianred;
}

.jstree-children .glyphicon-ok,.jstree-children .fa-folder
{
    color:lightgreen;
}

.jstree-children .glyphicon-folder-open
{
    color:lightgoldenrodyellow;
}

.statable
{
    width:100%;
}

.statable td
{
    width:50%;
}

.statCanvas
{
    display:inline-block;
}

.imgBtn{
   width:20px; 
   height:20px;
   cursor:pointer;
}
.Btnproc{
    margin-left:3px;
}
.fontproc{
     margin-left:7px;
     font-size:13px;
     cursor:pointer;   
}
.fontcont{
     font-size:12px;
     cursor:pointer;
}

.intelliaLocation
{
    width:100%;
}

.ONEDocWebLogoSignIn
{
    width:70%;
    margin-left:15%;
    margin-top:1%;
}

.description
{
    display: block;
    font-size: 20px;
    margin-left:1%;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-top:10px;
    font-weight: 300;
    color:white;
}

.blue
{
    color:#3c8dbc;
}


.nav-tabs-custom > .tab-content {
    overflow-x: hidden;
    overflow-y : scroll;
    padding-bottom:10px;
}

@media (min-width: 1200px) { 
    #odw-auth-form .form-control{ 
        height: 46px;
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333;
    }   

    #odw-auth-form label{
        font-size: 1.1em;
    }
    #odw-auth-form a{
        font-size: 1.2em;
        font-weight :bold;
    }
    #odw-auth-form .login-box, #odw-auth-form  .register-box {
        width: 100%;
    }
    #odw-auth-form .IntelliaLogo{
        width: 50% !important;
    }
    #odw-auth-form .form-control-feedback{
        padding: 5px 0;
    }
    #odw-auth-form .presentation{
            width: 54%;
    }
    #odw-auth-form .btn{
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333;
    }
    .radio-container {
        display: block;
        position: relative;
        padding-left: 35px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 22px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    /* Hide the browser's default radio button */
    .radio-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

    /* Create a custom radio button */
    .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 25px;
        width: 25px;
        background-color: #b1abab;
        border-radius: 50%;
    }

    /* On mouse-over, add a grey background color */
    .radio-container:hover input ~ .checkmark {
        background-color: #ccc;
    }

    /* When the radio button is checked, add a blue background */
    .radio-container input:checked ~ .checkmark {
        background-color: #3c8dbc;
    }

    /* Create the indicator (the dot/circle - hidden when not checked) */
    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    /* Show the indicator (dot/circle) when checked */
    .radio-container input:checked ~ .checkmark:after {
        display: block;
    }

    /* Style the indicator (dot/circle) */
    .radio-container .checkmark:after {
 	    top: 9px;
	    left: 9px;
	    width: 8px;
	    height: 8px;
	    border-radius: 50%;
	    background: white;
    }

}

#popup_body {
    background-repeat: no-repeat;
    background-position-x: center;
}

#checkBoxes input[type="checkbox"] {
    width : 20px !important;
}

#checkBoxesIndexSystem input[type="checkbox"] {
    width : 20px !important;
}
#indexValues.box-body, #indexName.box-body, #treeLvlName.box-body, #dossierName.box-body{
    overflow-y:scroll;
    overflow-x: hidden;
    overflow-x: -moz-hidden-unscrollable;
}

@media (max-width: 767px) {
    .description {
        text-align: center;
        font-size: 1.1em !important;
    }
}

input::-webkit-calendar-picker-indicator {
    opacity: 100;
}

input::-webkit-search-cancel-button {
    height: 10px;
    width: 10px;
    display: inline-block;
    opacity: 100;
    background-position: center;
    background-repeat: no-repeat;
}

/*icone par défault dans input ReadOnly*/
input[readOnly].default-cursor {
    cursor: default;
}

#indexSearchPreSet{
    max-height : 18.5em;
    overflow-y: auto;
    overflow-x: hidden;
}

/*tracabilité pour trier les date nous avons ajouté un span qu'il ne faut pas etre afficher*/
[id^=dataTableTrace] span.data-table123
{
    display:none;
}

span.data-table-date
{
    display:none;
}

[id^=dataTable] span.data-table123
{
    display:none;
}
/*************Index WorkFlow**************/
.labelWorkFlow{
    font-size : 12px;
}

#indexWorkFlow{
    padding-bottom : 1%;
}

.tesssst{
    margin-right : 10px;
}

.CursorWorkFlow{
    cursor: pointer;
}
/*************END Index WorkFlow**************/


/*************Import via server**************/
.disabledbutton {
    pointer-events: none;
    opacity: 0.4;
}
/*************END Import via server**************/
