body {
	background:#f5f8fb;
	font-family: 'Open Sans', sans-serif;
}

.margbot0 {margin-bottom:0 !important;}
.margbot5 {margin-bottom:5px !important;}
.margbot10 {margin-bottom:10px !important;}
.margbot15 {margin-bottom:15px;}
.margbot20 {margin-bottom:20px;}
.margbot25 {margin-bottom:25px;}
.margbot30 {margin-bottom:30px !important;}
.margbot35 {margin-bottom:35px !important;}
.margbot40 {margin-bottom:40px;}
.margbot50 {margin-bottom:50px;}
.margbot60 {margin-bottom:60px;}
.margbot70 {margin-bottom:70px;}
.margbot80 {margin-bottom:80px;}
.margbot90 {margin-bottom:90px;}
.margbot100 {margin-bottom:100px;}
.margtop0 {margin-top:0 !important;}
.margtop5 {margin-top:5px !important;}
.margtop6 {margin-top:6px !important;}
.margtop10 {margin-top:10px !important;}
.margtop20 {margin-top:20px;}
.margtop30 {margin-top:30px;}
.margtop40 {margin-top:40px;}
.margtop50 {margin-top:50px;}
.margtop80 {margin-top:80px;}
.margtop25 {margin-top:25px;}
.margtop100 {margin-top:100px;}
.margleft10{margin-left:10px;}
.margleft15{margin-left:15px;}
.margright3{margin-right:3px;}
.margright10{margin-right:10px;}
.margright20{margin-right:20px;}
.margright23{margin-right:23px;}
.margright40{margin-right:40px;}
.margright43{margin-right:43px;}

.pad0 {padding:0 !important;}
.padbot0 {padding-bottom:0 !important;}
.padbot10 {padding-bottom:10px !important;}
.padbot20 {padding-bottom:20px !important;}
.padbot30 {padding-bottom:30px !important;}
.padbot40 {padding-bottom:40px !important;}
.padbot50 {padding-bottom:50px !important;}
.padbot60 {padding-bottom:60px !important;}
.padbot70 {padding-bottom:70px !important;}
.padbot80 {padding-bottom:80px !important;}
.padbot90 {padding-bottom:90px !important;}
.padbot100 {padding-bottom:100px !important;}#
.padtop0 {padding-top:0 !important;}
.padtop20 {padding-top:20px !important;}
.padtop25 {padding-top:25px !important;}
.padtop35 {padding-top:35px !important;}
.padtop50 {padding-top:50px !important;}
.pad15 {padding-top:15px;padding-bottom:15px !important;}
.padleft0 {padding-left:0 !important;}
.padright30{padding-right: 30px;}
.padright33{padding-right: 33px;}

.hiddenInPlace{
    visibility: hidden;
}

@media(max-width: 992px) {
    .col-md-10.padleft0, .col-md-5.padleft0 {
        padding-left: 15px !important;
    }
}

.grey {
	color:#8f8f8f;
}

.green {
	color:#5cb85c;
}

.red {
	color:#d9534f;
}

.text-default {
    color: #333;
}
.tgray {
    color:#333;
    font-weight: bold;
}
.tred {
    color:#bf402a;
    font-weight: bold;
}
.tyellow {
    color: #e9f511;
    font-weight: bold;
}
.tgreen {
    color:#2abf4f;
    font-weight: bold;
}

a{
    color:#00a8ff;
}

a:hover, a:focus {
    color: #0295e1;
    text-decoration: none;
}

.fs16 {
    font-size:16px;
}

.fwb {
    font-weight: 700;
}

.dne {
    display: none;
}

.w100 {width:100%}

.info-box {
    background: #eee;
    padding: 10px;
    border-left: 4px solid #e84118;
}

/* HEADER */
.navbar {
    border-radius: 0px;
}

.navbar-default {
    background-color: #006fc9;
    border: 0px solid transparent;
    border-bottom: 2px solid #eee;
    -webkit-box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.08);
    -o-box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.08);
    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.08);
    margin-bottom:30px;
}

.navbar-default .navbar-brand {
    color: #fff;
    font-weight:bold;
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    color: #fff;
    background-color: transparent;
}

.navbar-default .navbar-nav > li > a {
    color: #fff;
    font-size: 12px;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #eee;
    background-color: transparent;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #eee;
    background-color: transparent;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #eee;
    background-color: transparent;
}

.dropdown-menu {
    border-radius: 0px;
    border: none;
}

.user_initials {
    display: inline-block;
    background: #fff;
    border-radius: 50px;
    height: 30px;
    width: 30px;
    text-align: center;
}

.user_initials span {
    position: relative;
    top: 4px;
    font-size: 12px;
    font-weight: bold;
    color: #e84118;
}

.user_fullname {
    display: inline-block;
    margin-top: 0px;
    position: relative;
    top: 6px;
    margin-left: 10px;
}

.navbar-default .navbar-toggle {
    border-color: transparent;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent;
}

@media screen and (max-width: 767px){
    .logo img {
        margin-top: 8px !important;
        margin-left: 15px;
    }
}

@media (max-width: 768px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
    }
  }

/* BUTTON */

.btn {
    border-radius: 5px;
    font-weight: bold;
}
.btn:hover {
    -webkit-box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.08);
    -o-box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.08);
    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.08);
}
.btn:focus, .btn.focus,.btn:active, .btn:active:focus {
    -webkit-box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.08);
    -o-box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.08);
    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.08);
}

.btn {
    padding: 8px 12px 9px 12px;
}

.btn-primary {
    color: #fff;
    background-color: #00a8ff;
    border-color: #00a8ff;
}
.btn-primary:hover {
    color: #fff;
    background-color: #0295e1;
    border-color: #0295e1;
}
.btn-primary:focus, .btn-primary.focus,.btn-primary:active, .btn-primary:active:focus {
    color: #fff;
    background-color: #0295e1;
    border-color: #0295e1;
}

.btn-success {
    color: #fff;
    background-color: #e74f24;
    border-color: #e74f24;
}
.btn-success:hover, .btn-success:focus, .btn-success.focus,.btn-success:active, .btn-success:active:focus {
    color: #fff;
    background-color: #ed5c34;
    border-color: #ed5c34;
}

.btn-default:hover, .btn-default:focus, .btn-default.focus,.btn-default:active, .btn-default:active:focus {
    background-color: #ccc;
    border-color: #ccc;
}

.buttons-excel {
    color: #fff;
    background-color: #00a8ff;
    border-color: #00a8ff;
}
.buttons-excel:hover {
    color: #fff;
    background-color: #0295e1;
    border-color: #0295e1;
}
.buttons-excel:focus, .buttons-excel.focus,.buttons-excel:active, .buttons-excel:active:focus {
    color: #fff;
    background-color: #0295e1;
    border-color: #0295e1;
}

.btn-xs, .btn-group-xs > .btn {
    padding: 1px 5px 4px 5px;
}

.login-btn {
    background: #e84118;
    border-color: #e84118;
    font-size:16px;
}

.login-btn:hover, .login-btn:focus, .login-btn.focus,.login-btn:active, .login-btn:active:focus {
    background-color: #c63410;
    border-color: #c63410;
}

.header-user-btn {
    background: #e84118;
    border-color: #e84118;
}

.header-user-btn:hover, .header-user-btn:focus, .header-user-btn.focus,.header-user-btn:active, .header-user-btn:active:focus, .open > .dropdown-toggle.btn-primary.header-user-btn {
    background-color: #c63410;
    border-color: #c63410;
}

.btn-bg-icon {
    position: relative;
    padding-left: 50px;
}

.btn-bg-icon i {
    background: #46c0ff;
    padding: 8px 10px 6px 9px;
    border-radius: 6px;
    position: absolute;
    left: 6px;
    top: 5px;
}

.btn-primary.btn-bg-icon i {
    background: #46c0ff;
}

/* FORMS */

.form-control, .input-group-addon {
    border-radius: 3px;
}

label.error {color:#a94442;}

.help-block {
    font-size: 12px;
    margin-top: 2px;
}

.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -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;
}

.select2-container--default .select2-selection--single:focus, .select2-container--default .select2-selection--multiple:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

.select2-container .select2-selection--single, .select2-container .select2-selection--multiple {
    xheight: 35px;
}

.select2-container .select2-selection--single {
    padding-bottom: 35px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 12px;
    padding-top: 3px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 5px;
    right: 6px;
}

/* CONTENT */

.page-head {
	background:#337ab7;
	color:#fff;
	margin-top:-21px;
	margin-bottom:20px;
	padding-top:25px;
	padding-bottom:25px;
	padding-left:35px;
	padding-right:35px;
}

.page-head h1 {
	margin-top:0px;
}

.page-head a {color:#fff;}

.sys-msg {
    position: fixed;
    left: 50%;
    z-index: 9;
    top: 0px;
    xleft: 0px;
    xmargin: 0 auto;
    max-width: 400px;
    transform: translateX(-50%);
}

.alert {
    border-radius: 3px;
}

.alert {
    padding: 30px 35px 30px 15px;
}
.alert-success {
    color: #3c763d;
    background-color: #fff;
    border: none;
    border-left: 5px solid #d6e9c6;
    -webkit-box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.08);
    -o-box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.08);
    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.08);
}
.alert-danger {
    color: #a94442;
    background-color: #fff;
    border: none;
    border-left: 5px solid #ebccd1;
    -webkit-box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.08);
    -o-box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.08);
    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.08);
}

.portlet {
	padding: 12px 20px 15px;
	background-color: rgba(255, 255, 255, 0.8);
	border: 1px solid #fff !important;
    margin-bottom:15px;
    border-radius: 3px;
    -webkit-box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.08);
    -o-box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.08);
    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.08);
}

.portlet .portlet-title {
	border-bottom: 1px solid #eef1f5;
	margin-bottom: 15px;
	margin-top:10px;
	padding-bottom:10px;
}

.portlet .portlet-subtitle {
	border-bottom: 1px solid #eef1f5;
	margin-bottom: 15px;
	margin-top:15px;
    padding-bottom:5px;
    font-size: 18px;
    color: #5f6368;
}

.portlet .portlet-subtitle.alt {
	border-bottom: none;
    color: inherit;
    font-weight: bold;
    margin-top: 0px;
}

.page-title {
	margin-top:0px;
	margin-bottom:15px;
    display: inline-block;
    font-weight: 600;
}
.page-title span {
    font-size: 14px;
    color: #999;
    font-weight: 400;
    margin-top: 10px;
}
.page-title.small {
	font-size: 25px;
    font-weight: 400;
}

.page-title + a.btn.btn-primary
{
    margin-bottom: 9px;
}

.portlet .portlet-footer {
    float: left;
    border-top: 1px solid #eee;
    width: calc(100% + 40px);
    margin-top: 30px;
    margin-left: -20px;
    margin-right: -40px;
    padding: 10px 20px 0px 20px;
}

h1.page-title {
	font-size:24px;
} 

.portlet-title .badge {
	margin-top:-5px;
}
.portlet{
	overflow-x:auto;
}

.portlet .dash-icon {
    font-size: 40px;
    margin-bottom:15px;
}

.portlet.animate {
    transform: translateY(0px);
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.portlet.animate:hover {
    transform: translateY(-5px);
    -webkit-box-shadow: 0 10px 20px 10px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 10px 20px 10px rgba(0, 0, 0, 0.08);
    -o-box-shadow: 0 10px 20px 10px rgba(0, 0, 0, 0.08);
    box-shadow: 0 10px 20px 10px rgba(0, 0, 0, 0.08);
}

.eq-height .portlet, .portlet.btop {
    min-height:180px;
    border-top:3px solid #00a8ff !important;
}
.eq-height .portlet-footer {
    width: calc(100% - 30px);
    padding: 10px 20px 10px 20px;
    position: absolute;
    bottom: 15px;
    left: 15px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

.title-meta {
	font-size:12px !important;
}

.title-meta span {
	font-weight:bold;
}

.mt-comments .mt-comment {
    padding: 10px;
    margin: 0 0 10px;
    border-bottom: 1px solid #f7f8f9;
}

.mt-comments .mt-comment .mt-comment-img i{
    float: left;
    font-size:40px;
}

.mt-comments .mt-comment .mt-comment-body {
    padding-left: 20px;
    position: relative;
    overflow: hidden;
}

.mt-comments .mt-comment .mt-comment-body .mt-comment-info .mt-comment-author {
    display: inline-block;
    float: left;
    margin: 0 0 10px;
    color: #060606;
    font-weight: 600;
}

.mt-comments .mt-comment .mt-comment-body .mt-comment-info .mt-comment-date {
    display: inline-block;
    float: right;
    margin: 0;
    color: #BABABA;
}

.mt-comments .mt-comment .mt-comment-body .mt-comment-text {
    color: #999;
}

.mt-comments .mt-comment .mt-comment-body .mt-comment-info::after {
    clear: both;
}

.mt-comments .mt-comment .mt-comment-body .mt-comment-info::after, .mt-comments .mt-comment .mt-comment-body .mt-comment-info::before {
    content: " ";
    display: table;
}

.comment_form {
	padding:20px;
	margin-top:20px;
	background:#f7f8f9;
}

.bg-blue {
    background: #337ab7;
}
.bg-blue th {
	color:#fff;
}

/* Tables */

.table {
    margin-bottom:0px;
}

.table-striped > tbody > tr {
    border-bottom: 0px solid #fff;
}

table td i {
	font-size:20px;
}

.table-action {
    margin-right:5px;
    font-size: 16px;
}

table > thead {
    background: transparent !important;
}
table > thead th {
    color:#333 !important;
}

.table > thead > tr > th {
    border-bottom: 1px solid #eee;
}

.table > tbody > tr > td {
    vertical-align:middle;
    border-top: none;
}

.table.ideas_list > tbody > tr > td {
     vertical-align: middle;
}

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

.user_td {
	xmin-width:200px;
}

.idea_title_td {
	max-width:500px;
}

td .idea_text {
	color:#a0a9b4;
	font-size:12px !important;
}

table a:not(.btn):not(.w3i-green):not(.w3i-red){
	color:#337ab7 !important;
}

.list-group.custom-list-group .list-group-item:first-child {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.list-group.custom-list-group .list-group-item:last-child {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.list-group.custom-list-group .list-group-item {
	border:none;
	background-color:transparent;
	border-bottom:1px solid #ddd !important;
	clear:both;
}

a.list-group-item:hover, a.list-group-item:focus {
    background-color: #f5f5f5 !important;
}

.list-icon-container {
    xborder: 1px solid #e7ecf1;
    xborder-radius: 50% !important;
    xpadding-left: .9em;
    padding-right: .9em;
    float: left;
    xwidth: 45px;
    height: 90px;
    font-weight:bold;
    font-size:30px;
}

.list-icon-container.small {
	font-size:12px !important;
}

.dashboard-stat {
    display: block;
    margin-bottom: 25px;
    overflow: hidden;
}
.dashboard-stat.green {
    background-color: #5cb85c;
}
.dashboard-stat:hover {
	background-color: #449d44;
}
.dashboard-stat .visual {
    width: 80px;
    height: 80px;
    display: block;
    float: left;
    padding-top: 35px;
    padding-left: 15px;
    margin-bottom: 40px;
    font-size: 35px;
    line-height: 35px;
}
.dashboard-stat .visual > i {
    margin-left: -35px;
    font-size: 110px;
    line-height: 110px;
    color: #FFF;
	opacity: .1;
}
.dashboard-stat .details {
    position: absolute;
    right: 15px;
    padding-right: 15px;
    padding-top:10px;
}
.dashboard-stat .details .number {
    padding-top: 25px;
    text-align: right;
    font-size: 40px;
    line-height: 45px;
    letter-spacing: -1px;
    margin-bottom: 0;
    font-weight: 300;
    color: #FFF;
}
.dashboard-stat .details .desc {
    text-align: right;
    font-size: 16px;
    letter-spacing: 0;
    font-weight: 300;
    color: #FFF;
	opacity: 1;
}

.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 0px 0px 0 0;
}

.vote {
	margin-bottom:25px;
}
.vote .vote_box {
	display:inline-block;
	text-align:center;
	margin-left:15px;
	margin-right:15px;
}
.vote .vote_box span {
	font-size:60px;
	color:#666;
	font-weight:bold;
}
.vote a{
	font-size:40px;
}
.vote a.vote_up{
	color:#5cb85c;
}
.vote a.vote_down{
	color:#d9534f;
}
.vote a.vote_done{
	color:#;
}
.w3i-delPicX{
    font-size: 18px;
    position: absolute;
    right: 7px;
    top: 0;
    background-color: #ffffff40;
    padding: 0 2px 0 2px;
    line-height: 10px;
    color: #000;
}
.w3i-delPicX a:hover, .w3i-delPicX a:focus, .w3i-delPicX a:active{
    color:red;
}

/* Modals */

.modal-content {
    border-radius: 3px;
}

.modal-title {
    text-transform: uppercase;
    font-weight: bold;
    font-size:30px;
}

.modal-header {
    border-bottom: none;
}

.modal-header .close {
    font-size: 30px;
    font-weight: 400;
}

.modal-footer {
    border-top: none;
}

/* Footer */

.col-centered {
    display: inline-block;
    float: none;
    margin-right: -4px;
}
.w3i-attendPlayersBox{
    border: 1px solid #ddd;
    padding:10px;
}
.w3i-playerImgBox{
    width:35%;
    float:left;
}
.w3i-playerDataBox{
    width:65%;
    float:left;
    padding-left: 5px;
}
.w3i-playerDataBox hr{
    margin-top:2px;
    margin-bottom:2px;
}
.w3i-playerDataBox p{
    margin-bottom: 5px;
}
.w3i-playerDataBox .radio{
    float:right;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left:7px;
    margin-right:7px;
    padding:4px;
}
.w3i-centerBox{
    width:130px;
    margin: 0 auto;
}
.w3i-green{
    color: green;
}
.w3i-red{
    color: red;
}
.w3i-weight6{
    font-weight: 700;
}
.w3i-smallerIcon{
    font-size:16px !important;
}
.w3i-backLightGreen{
    /*background-color: rgb(0, 255, 0);*/
    border: 1px solid rgb(0, 177, 0);
}
.w3i-backRed{
    /*background-color: rgb(255, 40, 40);*/
    border: 1px solid rgb(206, 206, 206);
}
.w3i-notesList{
    list-style: none;
}
.w3i-notesList small{
    font-size:80%;
    border-bottom: 1px dotted rgb(194, 194, 194);
}
.w3i-notesList hr{
    border-top: 1px dotted #ffbd84;

}
.w3i-hide{
    visibility: hidden;
}
.w3i-totalRow{
    background-color:#d1e5ff;
}
.w3i-totalRow:hover{
    background-color:#d1e5ff !important;
}
.w3i-totalRow th{
    padding-bottom: 3px !important;
    padding-top: 3px !important;
    background-color: #ffe9d1;
}
.w3i-gameInputFld{
    width:60px;
    height: 33px;
    display: inline-block;
}
.w3i-inputOprtr{
    position: relative;
    top:-1px;
}
.w3i-plus{
    color: #fff;
    background-color: green;
    border:1px solid #444;
    padding: 7px 11px;
}
.w3i-plus:hover, .w3i-plus:active, .w3i-plus:focus, .w3i-minus:hover, .w3i-minus:active, .w3i-minus:focus {
    background-color: #23527c;
    color:#fff;
}
.w3i-minus{
    background-color: #999;
    border: 1px solid #444;
    padding: 7px 11px;
    margin-right: 3px;
    color:#fff;
}
.w3i-gameLbl{
    width:45px;
    text-align: left;
}
.w3i-inputGameForm .form-group{
    margin-bottom: 8px;
    border-bottom: 1px dotted #999;
    padding-bottom: 7px;
}
.w3i-formHeader{
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    display: block;
}
.w3i-picHlp{
    padding-left: 7px;
    padding-right: 7px;
}
.nav-tabs a:hover{
    cursor: pointer;
}

@media screen and (min-width: 992px) and (max-width: 1643px) {
    .w3i-margSmall{
        margin-bottom:3px;
    }
}
@media screen and (max-width: 798px){
    .w3i-margSmall{
        margin-bottom:3px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1819px) {
    .w3i-margSmall2{
        margin-bottom:3px;
    }
}
@media screen and (max-width: 757px){
    .w3i-margSmall2{
        margin-bottom:3px;
    }
}



/*---Gallery----*/

.container.gallery-container {
    background-color: #fff;
    color: #35373a;
    min-height: 100vh;
    border-radius: 20px;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.06);
}

.gallery-container h1 {
    text-align: center;
    margin-top: 70px;
    font-family: 'Droid Sans', sans-serif;
    font-weight: bold;
}

.gallery-container p.page-description {
    text-align: center;
    max-width: 800px;
    margin: 25px auto;
    color: #888;
    font-size: 18px;
}

.tz-gallery {
    padding: 40px;
}

.tz-gallery .lightbox img {
    width: 100%;
    margin-bottom: 30px;
    transition: 0.2s ease-in-out;
    box-shadow: 0 2px 3px rgba(0,0,0,0.2);
}


.tz-gallery .lightbox img:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 15px rgba(0,0,0,0.3);
}

.tz-gallery img {
    /*border-radius: 4px;*/
}

.baguetteBox-button {
    background-color: transparent !important;
}


@media(max-width: 768px) {
    body {
        padding: 0;
    }

    .container.gallery-container {
        border-radius: 0;
    }
}

/* File input custom */
.input-group.file-caption-main .btn {
    padding: 6px 12px;
}


/* Image Multiupload custom style */

.krajee-default.file-preview-frame .kv-file-content {
    display:none;
}

.krajee-default .file-drag-handle, .krajee-default .file-upload-indicator {
    display:none;
}

.file-error-message pre, .file-error-message ul, .krajee-default .file-actions, .krajee-default .file-other-error {
    display: none;
}

.file-preview {
    border-radius: 0px !important;
    border: 1px solid #ddd !important;
    padding: 5px !important;
    margin-bottom:0px !important;
}

.krajee-default.file-preview-frame {
    margin: 0px 0px !important;
    border: 0px solid #ddd !important;
    box-shadow: none !important;
    text-align: left !important;
    width:100%;
}

.krajee-default.file-preview-frame .file-thumbnail-footer {
    height: auto !important;
}

.krajee-default .file-caption-info, .krajee-default .file-size-info {
    overflow: visible !important;
    width:100%;
    margin:0px !important;
}

.krajee-default .file-footer-caption {
    text-align: left !important;
    margin-bottom:0px !important;
    padding-top:0px !important;
}

.file-preview .fileinput-remove {
    display:none;
}

/* Switch style */

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: scale(1) rotate(0deg);
    }

    to {
        transform: scale(1) rotate(360deg);
    }
}