.notifications-menu .badge{
  display:none;
}

.theme-dark #content{
	background-color: #fff;
}
.select2{
	padding: 0;
	
}
.select2-container--default .select2-selection--multiple{
  height: auto;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
  color:#000;
}
.select2-container .select2-choice{
	height: inherit;

}
.select2-selection--single {
  height: 100% !important;
}
.select2-selection__rendered{
  word-wrap: break-word !important;
  text-overflow: inherit !important;
  white-space: normal !important;
}
.select2-container .select2-choice > .select2-chosen {
    margin-right: 26px;
    display: block;
    overflow: hidden;
    white-space: normal !important;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-wrap: break-word !important;
}


#contextMenu,#menuGroups,#menuProvincias,#menuUsers{
	margin-top: -52px;
}
.select2-container{
	border:0px;
}

.widget .form-group{
	margin-bottom:10px;
}

.form-control{
	height: 36px;
}

.form-control.select2{
	padding-top:inherit;

}

//Datatables
.dataTables_filter input{
	margin: 0 !important;
}

//Photosets

.photo {
  position:relative;
}
.photo a.pop{
	display:block;
	border: 1px solid #ccc;
  margin-top: 10px;
  margin-bottom: 10px;
  height: 150px;
  position: relative;
}

.photo a.btn{
  position: absolute;
  top: 0;
  left: 15px;
  right: 15px;
  padding: 3px;
}

.photo a:hover{
  cursor: pointer;
}

#modal_drop .photo a:hover:after{
  display: block;
  content: "X";
  background: rgba(222, 23, 23, 0.5);
  color: #ffffff;
  width: 100%;
  height: 100%;
  position: absolute;
}

.photo img {
  -webkit-filter: grayscale(50%);
  -moz-filter: grayscale(50%);
  filter: grayscale(50%);
  transition: all 0.2s ease;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;left: 0;
}

.upload_form_cont .photo a{
  height: 100px;
}
.upload_form_cont .photo img{
  height: 100px;
}

.photo img:hover {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  filter: grayscale(0%);
}

.photo h6{
  margin: 0;
  padding: 10px 0;
  line-height: 12px;
  font-size: 12px;
  background: #fff;
  color: #585858;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

// Loding view
.sk-folding-cube-container {
	
}

#loader {
	position: absolute;
	width: 100%;
	min-height: 100px;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(255,255,255,.8);
}

.sk-folding-cube {
  margin: 0 auto;
  width: 40px;
  height: 40px;
  top: 50%;
  position: relative;
  -webkit-transform: translateY(-50%) rotateZ(45deg);
          transform: translateY(-50%) rotateZ(45deg);

}

.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1); 
}
.sk-folding-cube .sk-cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #62668e;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
          animation: sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
          transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
          transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
          transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s; 
}
.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  } 
}

@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  }
}

.notifications-menu .label{
  float: left;
}

.notifications-menu .message{
  float: left;
  width: 75%;
  padding-top: 0;
  line-height: 18px;
}

.notifications-menu .menu li{
  float: left;
  width: 100%;
}
.notifications-menu .unread{
  background: #daf7e3;
}


.contr {
    background-color: #212121;
    color: #FFFFFF;
    padding: 10px 0;
    text-align: center;

    border-radius:10px 10px 0 0;
    -moz-border-radius:10px 10px 0 0;
    -webkit-border-radius:10px 10px 0 0;
}
.upload_form_cont {
    overflow: hidden;
}
.alert-upload {
    position: fixed;
    bottom: 0;
    z-index: 100;
    width: 82%;
    margin-bottom: 0;
}
.alert-upload.visible{
  display: block;
}
.alert-upload > div {
    font-size: 14px;
    padding: 10px 15px 5px;
}
.alert-upload > h2 {
    padding: 0 15px;
}
.alert-upload > canvas {
    margin-bottom: 10px;
}
.alert-upload #url {
}
.alert-upload .icon-remove {
  color:#fff;
}


.dropArea {
    background-color: #f5f5f5;
    border: 3px dashed #e0e0e0;
    float: left;
    font-size: 30px;
    font-weight: bold;
    min-height: 100px;
    line-height: 100px;
    position: relative;
    text-align: center;
    width: 100%;
    margin: 10px 0;
    color: #ccc;
    padding: 15px 0px;
    cursor: pointer;
}

.dropArea.hover {
    background-color: #CCCCCC;
}
.dropArea.uploading {
    background: #EEEEEE url(loading.gif) center 30% no-repeat;
}
#result .s, #result .f {
    font-size: 12px;
    margin-bottom: 10px;
    padding: 10px;

    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
}
#result .s {
    background-color: #77fc9f;
}
#result .f {
    background-color: #fcc577;
}

.progress{
  background: transparent;
  height: 20px;
  margin: 0;
}

.loader {
  width: 20px;
  height: 20px;
}

.btn-status{
  width: 36px !important;
  height: 36px !important;
  margin-bottom: 5px;
}

.btn-status,.btn-status:hover{
  border-radius: 100px;
  color:#d0d0d0 !important;
}
.btn-status.checked{
  color:#37d27c !important;
  background: #daffd1;
}
.btn-status:not(.checked){ 
  
  color:red !important;
  background: #f9cbcb;
}