@CHARSET "UTF-8";
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none;}

/* REDIFINE */
.form-horizontal .form-group{margin-left:0; margin-right:0;}
.form-control {position: relative; font-size: 16px; padding: 5px; @include box-sizing(border-box); &:focus {z-index: 2;}}

/* LOGIN */
body.login {
background: url(http://i.imgur.com/GHr12sH.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.login-form {margin-top: 30px;}
form[role=login] {color: #5d5d5d; background: #f2f2f2; padding: 26px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
form[role=login] img {display: block; margin: 0 auto; margin-bottom: 35px; }
form[role=login] input,
form[role=login] button { font-size: 18px; margin: 16px 0; } form[role=login] > div {text-align: center;}
.form-links {text-align: center; margin-top: 1em; margin-bottom: 50px;}
.form-links a {color: #fff;}

/* MENU */
:focus {outline: none;}
.row {margin-right: 0; margin-left: 0;}
.side-menu {position: fixed; width: 300px; height: 100%; background-color: #f8f8f8; border-right: 1px solid #e7e7e7; }
.side-menu .navbar {border: none;}
.side-menu .navbar-header {width: 100%; border-bottom: 1px solid #e7e7e7;background: #eee;}
.side-menu .navbar-nav .active a {background-color: transparent; margin-right: -1px; /* border-right: 5px solid #e7e7e7; */font-weight: 700;color: #333;background: #fff;}
.side-menu .navbar-nav li {display: block; width: 100%; border-bottom: 1px solid #e7e7e7;}
.side-menu .navbar-nav li a {padding: 15px;}
.side-menu .navbar-nav li a .glyphicon {padding-right: 10px;}
.side-menu #dropdown {border: 0; margin-bottom: 0; border-radius: 0; background-color: transparent; box-shadow: none;}
.side-menu #dropdown .caret {float: right; margin: 9px 5px 0;}
.side-menu #dropdown .indicator {float: right;}
.side-menu #dropdown > a {border-bottom: 1px solid #e7e7e7;}
.side-menu #dropdown .panel-body {padding: 0; background-color: #f3f3f3;}
.side-menu #dropdown .panel-body .navbar-nav {width: 100%;}
.side-menu #dropdown .panel-body .navbar-nav li {padding-left: 15px; border-bottom: 1px solid #e7e7e7;}
.side-menu #dropdown .panel-body .navbar-nav li:last-child {border-bottom: none;}
.side-menu #dropdown .panel-body .panel > a {margin-left: -20px; padding-left: 35px;}
.side-menu #dropdown .panel-body .panel-body {margin-left: -15px;}
.side-menu #dropdown .panel-body .panel-body li {padding-left: 30px;}
.side-menu #dropdown .panel-body .panel-body li:last-child {border-bottom: 1px solid #e7e7e7;}
.side-menu #search-trigger {background-color: #f3f3f3; border: 0; border-radius: 0; position: absolute; top: 0;right: 0; padding: 15px 18px; }
.side-menu .brand-name-wrapper {min-height: 50px;}
.side-menu .brand-name-wrapper img{height: 30px; margin:10px;}
.side-menu .brand-name-wrapper .navbar-brand {display: block;}
.side-menu #search {position: relative;z-index: 1000;}
.side-menu #search .panel-body {padding: 0;}
.side-menu #search .panel-body .navbar-form {padding: 0;padding-right: 50px;width: 100%;margin: 0;position: relative;border-top: 1px solid #e7e7e7;}
.side-menu #search .panel-body .navbar-form .form-group {width: 100%;position: relative;}
.side-menu #search .panel-body .navbar-form input {border: 0;border-radius: 0;box-shadow: none;width: 100%;height: 50px;}
.side-menu #search .panel-body .navbar-form .btn {position: absolute;right: 0;top: 0;border: 0;border-radius: 0;background-color: #f3f3f3;padding: 15px 18px;}

/* Search */
#custom-search-input {margin:0; margin:20px 0; padding:0;}
#custom-search-input input{background-color:#e6f7ff; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }
#custom-search-input button {border:0; background:none; padding:0px; margin-top:0px; position:relative; left:-28px; margin-bottom:0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius:3px; color: #333;}

/* Main body section */
.side-body {margin-left: 310px;}

/* TABLE */

table tr td img{width:25px; margin-right:10px;}


/* small screen */
@media (max-width: 768px) {
  .side-menu {position: relative;width: 100%;height: 0;border-right: 0;border-bottom: 1px solid #e7e7e7;}
  .side-menu .brand-name-wrapper .navbar-brand {display: inline-block;}

  /* Slide in animation */ 
  @-moz-keyframes slidein {0% {left: -300px;} 100% {left: 10px;}}
  @-webkit-keyframes slidein {0% {left: -300px;} 100% {left: 10px;}}
  @keyframes slidein {0% {left: -300px;} 100% {left: 10px;}}
  @-moz-keyframes slideout {0% {left: 0;} 100% {left: -300px;}}
  @-webkit-keyframes slideout {0% {left: 0;} 100% {left: -300px;}}
  @keyframes slideout {0% {left: 0;} 100% {left: -300px;}}
  
  /* Slide side menu*/
  
  .side-menu-container > .navbar-nav.slide-in {-moz-animation: slidein 300ms forwards; -o-animation: slidein 300ms forwards; -webkit-animation: slidein 300ms forwards; animation: slidein 300ms forwards; -webkit-transform-style: preserve-3d; transform-style: preserve-3d;}
  .side-menu-container > .navbar-nav {position: fixed; left: -300px;width: 300px;top: 43px;height: 100%;border-right: 1px solid #e7e7e7;background-color: #f8f8f8;-moz-animation: slideout 300ms forwards;-o-animation: slideout 300ms forwards;-webkit-animation: slideout 300ms forwards;animation: slideout 300ms forwards;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}

  @-moz-keyframes bodyslidein {0% {left: 0;}100% {left: 300px;}}
  @-webkit-keyframes bodyslidein {0% {left: 0;}100% {left: 300px;}}
  @keyframes bodyslidein {0% {left: 0;}100% {left: 300px;}}
  @-moz-keyframes bodyslideout {0% {left: 300px;}100% {left: 0;}}
  @-webkit-keyframes bodyslideout {0% {left: 300px;}100% {left: 0;}}
  @keyframes bodyslideout {0% {left: 300px;}100% {left: 0;}}

  /* Slide side body*/
.side-body {margin-left: 5px;margin-top: 70px;position: relative;-moz-animation: bodyslideout 300ms forwards;-o-animation: bodyslideout 300ms forwards;-webkit-animation: bodyslideout 300ms forwards;animation: bodyslideout 300ms forwards;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.body-slide-in {-moz-animation: bodyslidein 300ms forwards;-o-animation: bodyslidein 300ms forwards;-webkit-animation: bodyslidein 300ms forwards;animation: bodyslidein 300ms forwards;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}

/* Hamburger */
.navbar-toggle {border: 0;float: left;padding: 18px;margin: 0;border-radius: 0;background-color: #f3f3f3;}
/* Search */
#search .panel-body .navbar-form {border-bottom: 0;}
#search .panel-body .navbar-form .form-group {margin: 0;}
.navbar-header {position: fixed;z-index: 3;background-color: #f8f8f8;}
/* Dropdown tweek */
#dropdown .panel-body .navbar-nav {margin: 0;}
}


.btn-select {position: relative; padding: 0; min-width: 236px; width: 100%; border-radius: 0;}
.btn-select .btn-select-value {padding: 6px 12px;display: block;position: absolute;left: 0;right: 34px;text-align: left;text-overflow: ellipsis;overflow: hidden;border-top: none !important;border-bottom: none !important;border-left: none !important;}
.btn-select .btn-select-arrow {float: right;line-height: 20px;padding: 6px 10px;top: 0;}
.btn-select ul {display: none;background-color: white;color: black;clear: both;list-style: none;padding: 0;margin: 0;border-top: none !important;position: absolute;left: -1px;right: -1px;top: 33px;z-index: 999;}
.btn-select ul li {padding: 3px 6px;text-align: left;}
.btn-select ul li:hover {background-color: #f4f4f4;}
.btn-select ul li.selected {color: white;}

/* Default Start */
.btn-select.btn-default:hover, .btn-select.btn-default:active, .btn-select.btn-default.active {border-color: #ccc;}
.btn-select.btn-default ul li.selected {background-color: #ccc;}
.btn-select.btn-default ul, .btn-select.btn-default .btn-select-value {background-color: white; border: #ccc 1px solid;}
.btn-select.btn-default:hover, .btn-select.btn-default.active {background-color: #e6e6e6;}
/* Default End */

/* Primary Start */
.btn-select.btn-primary:hover, .btn-select.btn-primary:active, .btn-select.btn-primary.active {border-color: #286090;}
.btn-select.btn-primary ul li.selected {background-color: #2e6da4;color: white;}
.btn-select.btn-primary ul {border: #2e6da4 1px solid;}
.btn-select.btn-primary .btn-select-value {background-color: #428bca;border: #2e6da4 1px solid;}
.btn-select.btn-primary:hover, .btn-select.btn-primary.active {background-color: #286090;}
/* Primary End */

/* Success Start */
.btn-select.btn-success:hover, .btn-select.btn-success:active, .btn-select.btn-success.active {border-color: #4cae4c;}
.btn-select.btn-success ul li.selected {background-color: #4cae4c;color: white;}
.btn-select.btn-success ul {border: #4cae4c 1px solid;}
.btn-select.btn-success .btn-select-value {background-color: #5cb85c;border: #4cae4c 1px solid;}
.btn-select.btn-success:hover, .btn-select.btn-success.active {background-color: #449d44;}
/* Success End */

/* info Start */
.btn-select.btn-info:hover, .btn-select.btn-info:active, .btn-select.btn-info.active {border-color: #46b8da;}
.btn-select.btn-info ul li.selected {background-color: #46b8da;color: white;}
.btn-select.btn-info ul {border: #46b8da 1px solid;}
.btn-select.btn-info .btn-select-value {background-color: #5bc0de;border: #46b8da 1px solid;}
.btn-select.btn-info:hover, .btn-select.btn-info.active {background-color: #269abc;}
/* info End */

/* warning Start */
.btn-select.btn-warning:hover, .btn-select.btn-warning:active, .btn-select.btn-warning.active {border-color: #eea236;}
.btn-select.btn-warning ul li.selected {background-color: #eea236;color: white;}
.btn-select.btn-warning ul {border: #eea236 1px solid;}
.btn-select.btn-warning .btn-select-value {background-color: #f0ad4e;border: #eea236 1px solid;}
.btn-select.btn-warning:hover, .btn-select.btn-warning.active {background-color: #d58512;}
/* warning End */

/* danger Start */
.btn-select.btn-danger:hover, .btn-select.btn-danger:active, .btn-select.btn-danger.active {border-color: #d43f3a;}
.btn-select.btn-danger ul li.selected {background-color: #d43f3a;color: white;}
.btn-select.btn-danger ul {border: #d43f3a 1px solid;}
.btn-select.btn-danger .btn-select-value {background-color: #d9534f;border: #d43f3a 1px solid;}
.btn-select.btn-danger:hover, .btn-select.btn-danger.active {background-color: #c9302c;}
/* danger End */

.btn-select.btn-select-light .btn-select-value {background-color: white;color: black;}

/* Cechkbox */
[data-toggle=buttons]>.btn span.glyphicon {opacity: 0;}
[data-toggle=buttons]>.active span.glyphicon {opacity: 1;}

/* File Browser */
.container{margin-top:20px;}
.image-preview-input {position: relative;overflow: hidden;margin: 0px;    color: #333;background-color: #fff;border-color: #ccc;    }
.image-preview-input input[type=file] {position: absolute;top: 0;right: 0;margin: 0;padding: 0;font-size: 20px;cursor: pointer;opacity: 0;filter: alpha(opacity=0);}
.image-preview-input-title {margin-left:2px;}

/*FECHAS*/
.datefield label {float: left; display: block;}
.datefield {display: inline-block; padding:4px; border:solid 1px #CCC; background:#FFF; border-radius:4px; color: #666; }
.datefield * {display: inline-block;}
.datefield input {width:31%; padding:0 4px; border: none; background:none; color: #000; text-align: center;}
.datefield input#year { width:31%; }
.datefield input:focus {outline:none;}