.dn{
  display: none;
}
.dni{
  display: none!important;
}
#message {
    top: 8%;
    position: fixed;
    z-index: 9999;
    max-width: 550px;
    margin: 10px auto;
    right: 0px;
    left: 0px;
    font-size: 16px;
    text-shadow: 2px 2px rgba(158, 158, 158, 0.12);
}
@media (min-width: 768px){
#message {
    width: 550px;
}
}

.btn-round {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.btn-round.btn-lg {
    width: 48px;
    height: 48px;
}

.btn-round.btn-sm {
    width: 34px;
    height: 34px;
}

.btn-round.btn-xs {
    width: 24px;
    height: 24px;
}

.btn-margin{ margin: 3px; }
.btn-margin-left{ margin-left: 3px; }
.btn-margin-right{ margin-right: 3px; }
.btn-margin-bottom{ margin-bottom: 3px; }
.btn-margin-top{ margin-top: 3px; }


img[data-img-modal="true"]{
  cursor: pointer;
}


input[data-btn-x="true"]::-webkit-search-cancel-button {
  -webkit-appearance: none;/* Remove default */

  height: 10px;
  width: 10px;
  /*background: red;*/
  background-image: url('../images/close_search.png');
  background-size: cover;
}


.logout_img{
  height: 30px;
  margin: -10px;
  padding-right: 7px;
}

.table-hover>tbody>tr:hover {
  background-color: #dddddd;
}


.exitfullscreen{ display:none; }
@media all and (display-mode: fullscreen) {
  .fullscreen{ display:none; }
  .exitfullscreen{ display: inherit; }
}

.flags{
  width: 23px;
  height: 17px;
}


.notify .heartbit {
     animation: 1s ease-out 0s normal none infinite running heartbit;
    border: 5px solid #fff;
    border-radius: 70px;
    height: 25px;
    position: absolute;
    right: -1px;
    top: 1px;
    width: 25px;
    z-index: 10;
}@keyframes heartbit {
  0% {
   opacity: 0;
   transform: scale(0);
  }
  25% {
   opacity: 0.1;
   transform: scale(0.1);
  }
  50% {
   opacity: 0.3;
   transform: scale(0.5);
  }
  75% {
   opacity: 0.5;
   transform: scale(0.8);
  }
  100% {
   opacity: 0;
   transform: scale(1);
  }
}


.files .file{
  padding-top:15px;
  padding-bottom:15px;
  text-align: center;
}
.files .file-border{
  border: 1px solid black;
  margin: -10px;
  padding: 10px;
}
.files .file-icon{
  width: 100%;
  height: 100%;
  background: #ccc;
}
.files .file-edit{
  position: absolute;
  top: 20px;
  left: 20px;
  width:20px;
  height:20px;
  background-color:#ccc;
  display: none;
}
.files .file-delete{
  position: absolute;
  top: 20px;
  right: 20px;
  width:20px;
  height:20px;
  background-color:#ccc;
  display: none;
}
.files .file-select{
  position: absolute;
  bottom: 20px;
  left: 20px;
  display: none;
}
.files .file-view{
  position: absolute;
  bottom: 20px;
  right: 20px;
  width:20px;
  height:20px;
  background-color:#ccc;
  display: none;
}

.file:hover .file-edit{ display: inherit; }
.file:hover .file-delete{ display: inherit; }
.file:hover .file-select{ display: inherit; }
.file:hover .file-view{ display: inherit; }

 /*input[checked]:root {
   cursor: pointer;
  width: 10%!important;
  border: 10px solid blue!important;
}*/

div.file-border !< input[checked] {
  cursor: pointer;
  width: 10%!important;
  border: 10px solid blue!important;
}





/* Main Classes */
.custom-checkbox[type="checkbox"]:before{
    position: relative;
    display: block;
    width: 11px;
    height: 11px;
    border: 1px solid #808080;
    content: " ";
    background: #FFF;
}
.custom-checkbox[type="checkbox"]:after{
    position: relative;
    display: block;
    left: 2px;
    top: -11px;
    width: 7px;
    height: 7px;
    border-width: 1px;
    border-style: solid;
    border-color: #B3B3B3 #dcddde #dcddde #B3B3B3;
    content: " ";
    background-image: linear-gradient(135deg, #B1B6BE 0%,#FFF 100%);
    background-repeat: no-repeat;
    background-position:center;
}
.custom-checkbox[type="checkbox"]:checked:after{
    background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAQAAABuW59YAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAB2SURBVHjaAGkAlv8A3QDyAP0A/QD+Dam3W+kCAAD8APYAAgTVZaZCGwwA5wr0AvcA+Dh+7UX/x24AqK3Wg/8nt6w4/5q71wAAVP9g/7rTXf9n/+9N+AAAtpJa/zf/S//DhP8H/wAA4gzWj2P4lsf0JP0A/wADAHB0Ngka6UmKAAAAAElFTkSuQmCC'), linear-gradient(135deg, #B1B6BE 0%,#FFF 100%);
}
.custom-checkbox[type="checkbox"]:disabled:after{
    -webkit-filter: opacity(0.4);
}
.custom-checkbox[type="checkbox"]:not(:disabled):checked:hover:after{
    background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAQAAABuW59YAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAB2SURBVHjaAGkAlv8A3QDyAP0A/QD+Dam3W+kCAAD8APYAAgTVZaZCGwwA5wr0AvcA+Dh+7UX/x24AqK3Wg/8nt6w4/5q71wAAVP9g/7rTXf9n/+9N+AAAtpJa/zf/S//DhP8H/wAA4gzWj2P4lsf0JP0A/wADAHB0Ngka6UmKAAAAAElFTkSuQmCC'), linear-gradient(135deg, #8BB0C2 0%,#FFF 100%);
}
.custom-checkbox[type="checkbox"]:not(:disabled):hover:after{
    background-image: linear-gradient(135deg, #8BB0C2 0%,#FFF 100%);
    border-color: #85A9BB #92C2DA #92C2DA #85A9BB;
}
.custom-checkbox[type="checkbox"]:not(:disabled):hover:before{
    border-color: #3D7591;
}
/* Large checkboxes */
.custom-checkbox.large{
    height:22px;
    width: 22px;
}

.custom-checkbox.large[type="checkbox"]:before{
    width: 20px;
    height: 20px;
}
.custom-checkbox.large[type="checkbox"]:after{
    left: 0px;
    top: -20px;
    width: 100%;
    height: 100%;
}

.custom-checkbox.large.bradva[type="checkbox"]:checked:after{
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGHRFWHRBdXRob3IAbWluZWNyYWZ0aW5mby5jb23fZidLAAAAk0lEQVQ4y2P4//8/AyUYwcAD+OzN/oMwshjRBoA0Gr8+DcbIhhBlAEyz+qZZ/7WPryHNAGTNMOxpJvo/w0/uP0kGgGwGaZbrKgfTGnLc/0nyAgiDbEY2BCRGdCDCnA2yGeYVog0Aae5MV4c7Gzk6CRqAbDM2w/EaQEgzXgPQnU2SAcTYjNMAYm3GaQCxNuM0gFwMAPUKd8XyBVDcAAAAAElFTkSuQmCC'), linear-gradient(135deg, #B1B6BE 0%,#FFF 100%);
}
.custom-checkbox.large.bradva[type="checkbox"]:not(:disabled):checked:hover:after{
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGHRFWHRBdXRob3IAbWluZWNyYWZ0aW5mby5jb23fZidLAAAAk0lEQVQ4y2P4//8/AyUYwcAD+OzN/oMwshjRBoA0Gr8+DcbIhhBlAEyz+qZZ/7WPryHNAGTNMOxpJvo/w0/uP0kGgGwGaZbrKgfTGnLc/0nyAgiDbEY2BCRGdCDCnA2yGeYVog0Aae5MV4c7Gzk6CRqAbDM2w/EaQEgzXgPQnU2SAcTYjNMAYm3GaQCxNuM0gFwMAPUKd8XyBVDcAAAAAElFTkSuQmCC'), linear-gradient(135deg, #8BB0C2 0%,#FFF 100%);
}