.marginB{
    margin-bottom: 10px;
}

.login-page {

    background: url(../img/equip.jpg) no-repeat center top rgba(58,141,222,1);

    background-size: cover;

    height: auto;

}
.skin-black .main-sidebar {
    background-color: #283e48;
}
.skin-black .sidebar-menu>li>.treeview-menu {
    background: #324c58;
}
.skin-black .sidebar-menu>li.menu-open>a {
    background: #20343c;
}
.skin-black .sidebar-menu>li.header {

}
.skin-black .sidebar-menu>li.active>a {
    border-left-color: #4b7f97;
}
p {
    font-size: initial;
}
.skin-black .main-header .navbar .navbar-custom-menu .navbar-nav>li>a:after {
    display: none;
}
.skin-black .sidebar-menu>li>a {
    font-size: 14px;
}
.pagination li > a {
    color: initial;
    background: #fff;
    border: 1px solid #d4dbe1;
}
.btn-default {
    color: initial;
}
.searchList {
    padding: 10px;
    height: 34px !important;
}
.searchList i {
    color: #979797;
    top: -3px;
    position: relative;
    right: -2px;
}
.sidebar-mini.sidebar-collapse .sidebar-menu > li > a {
    font-size: 12px;
}
.user-menu a.dropdown-toggle {
    padding-top: 13px;
    padding-bottom: 14px;
    font-weight: normal;
    font-size: 14px;
}
.skin-black .main-header .navbar>.sidebar-toggle {
    padding-top: 11px;
    padding-bottom: 10px;
}
.alert {
    padding: 8px;
    font-size: 14px;
}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
    z-index: 999;
}
.box {
    border-radius: 10px;
    box-shadow: 0px 0px 12px -3px #ababab;
    margin-top: 10px;
    background: #ecf0f5;
    border: none;
}
.box-footer {
    background: #ecf0f5;
}
.box-users {
    background-color: transparent;
    border: none;
}
.box-users .box-footer {
    background-color: transparent;
}
.box-users .table-responsive {
    background-color: transparent;
    box-shadow: none;
    margin: 0;
    border-radius: 0;
}


.body-autoritzacio {

	background: #f5f5f5;

}

.logo-h-t {

    max-width: 40px;

    width: 100%;

}

.wrapper-loggin {

	margin-top: 55px;

}

.autoritzacio-section {

	background: #fff;

	max-width: 900px;

	margin: 30px auto;

	border: 1px solid #cecece;

}

.autoritzacio-img-c {

	width: 100%;

}

.document-a .box-header {
  border-bottom: 1px solid #cecece;
}
.document-a .box-header h4 {
  width: 90%;
    overflow: hidden;
    height: 21px;
}
.document-a .box-header .box-tools {
  font-size: 30px;
    margin-top: 3px;
    color: #222d32;
}
.box-c {
    overflow: hidden;
}
.hr-c {
    margin: 5px;
    border-top-color: #c3c3c3;
}
.box-header-c {
    background: #fff;
    margin: 0;
    text-transform: uppercase;
}
.document-content {
      width: 100%;
    height: 400px;
    overflow: hidden;
    position: relative;
}
.document-content img {
      width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}
.frame-document {
  overflow: hidden;position: relative;
}
.frame-document iframe {
  width: 100%;
  height: 460px;
  top: -30px;
  position: relative;
  top: -58px;
  left: 0;
}
.frame-document {
  overflow: hidden;
  position: relative;
}

.title-a-c {

	text-transform: uppercase;

}

.cap-autor {

	width: 100%;

}

.autoritzacio-content h2 {

	padding: 0;

    border: 1px solid;

    font-weight: bold;

    font-size: 28px;

    margin: 9px 15px;

    text-transform: uppercase;

}

.autor-soci-content {

	margin-top: 26px;

}

.autor-soci-content ul {

	margin: 0;

	padding: 0;

	list-style: none;

}

.autor-soci-content ul li {

	margin-left: 22px;

    font-size: 17px;

    margin-bottom: 26px;

}

.autor-soci-content ul li .input-autor {

    border: none;

    border-bottom: 2px solid;

    max-width: 640px;

    width: 100%;

    outline: none;

}

.input-autor-num {

	max-width: 100px !important;

}

.autoritzacio-content h3 {

	margin-left: 24px;

    margin-bottom: 23px;

}

.autor-separator {

	height: 3px;

    background: #3c3c3c;

    margin: 50px 20px;

}

.legal-autor {

	margin: 0 20px;

}

.legal-autor h4 {

	font-weight: bold;

	border-bottom: 1px solid;

}

.autor-radios label {

    font-size: 21px;

    margin-left: 10px;

}

#signature {

	border: 1px dashed #000000;

    max-width: 400px;

    height: 200px;

    margin-top: 10px;

}

.footer-autor {

	margin-bottom: 20px;

}

.btn-tipus-active, .btn-tipus-active:focus, .btn-tipus-active:active {

	background: #00adff;

    color: #fff;

}

.button-autor-hidden:before {

	content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    z-index: 9999999;

}



@media print {

    .title-a-c {

    	display: none;

    }

    .autor-tipus .btn-default {

    	display: none;

    }

    .autoritzacio-section {

    	max-width: 100%;

    	border: none;

    }

    .autor-tipus {

    	margin-bottom: 50px;

    }

    .autor-separator {

    	display: none;

    }

    .legal-autor {

    	padding-top: 50px;

    	border-top: 3px solid;

    }

}

.logo-h {

    width: 100%;

    max-width: 200px;

}

.footer-login, .footer-login a {

    color: #cfe7ff;

}

.img-escolar {

    width: 30px;

    height: 30px;

}

.img-escolar-detall {

    max-width: 148px;

    margin: 25px auto 0 auto;

}

.img-escolar-detall img {

    width: 100%;

}

.form-comments {

    margin-left: 15px;

    margin-right: 15px;

}

.responsive-button form {

    display: inline-block;

}
.table-responsive {
    border-radius: 10px;
    box-shadow: 0px 0px 12px -3px #ababab;
    margin-top: 10px;
}
.table {
    margin-bottom: 0px;
}

.search-form {

    max-width: 183px;

    position: relative;

    top: 11px;

}
.search-form input[type="text"]:focus {
    border-color: #e1e6e9;
}
.filter-section .form-control {
    height: 33px;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    font-size: 14px;
    line-height: 28px;
}
.form-control[disabled], .select2-search input[disabled][type="text"], .form-control[readonly], .select2-search input[readonly][type="text"], fieldset[disabled] .form-control, fieldset[disabled] .select2-search input[type="text"], .select2-search fieldset[disabled] input[type="text"] {
    color: initial;
}
.nav-tabs-custom > .nav-tabs > li > a {
    font-size: initial;
}


@media (max-width: 414px){

    .responsive-button {

        float: none !important;

    }

    .responsive-button .btn, .responsive-button form {

        width: 100%;

        margin-top: 10px;

    }

    .search-form {

        max-width: 100%;

        position: relative;

        top: 9px;

        margin-bottom: 5px;

    }

    .search-form input[type="text"] {

        width: 100% !important;

    }

    .search-form .btn, .responsive-button form .btn {

        margin: 0;

    }

}

.icon-pdf {

    width: 60px;

    display: block;

}

.icon-pdf img {

    width: 100%;

}

.calendar-sidebar > span#sidebarToggler {
    padding: 0 8px !important;
}
#eventListToggler {
    padding-top: 7px !important;
}
tr.calendar-body .calendar-day .day {
    padding: 12px !important;
}

.content-btn-calendar {

    text-align: center;

    padding: 20px;

}

.pointer-parent {

    padding: 20px;

    text-align: center;

}

.pointer-calendar {

    width: 30px;

    height: 30px;

    border-radius: 50%;

    cursor: pointer;

    margin: 10px auto 0 auto;

    border: 3px solid transparent;

}

.pointer-calendar:hover {

    border-color: #000;

}

.pointer-calendar-active {

    border-color: #000;

}

.pointer-red {

    background: #ff7575;

}

.pointer-blue {

    background: #3ca8ff;

}

.pointer-yellow {

    background: #ffc107;

}

.preloader {

    position: absolute;

    background: url(../img/preloader.gif) no-repeat center #fff;

    width: 100%;

    height: 590px;

    left: 0;

    top: 0;

    z-index: 999;

    /*margin: 10px;*/

}

.pointer-c {

    width: 20px;

    height: 20px;

    border-radius: 50%;

    cursor: pointer;

    position: absolute;

    top: 20px;

}

.modal-content-c p {

    margin-left: 27px;

    font-size: 18px;

}
.arxiu-c {
    margin-bottom: 30px;
}

.event-container > .event-info > p.event-title {
    font-size: 16px !important;
}

.link-donacio {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #3c8dbc;
    background-image: none;
    border: 1px solid #ccc;
}

/*.form-group input, .form-group textarea {
    text-transform: uppercase;
}*/
.nav-tabs-custom {
    background-color: transparent;
}
.modal-active-c {
    background-color: #daffda !important;
}

/**/
.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #eeeeee;
        left: 50%;
        margin-left: -1.5px;
    }

    .timeline > li {
        margin-bottom: 20px;
        position: relative;
    }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li > .timeline-panel {
            width: 46%;
            float: left;
            border: 1px solid #d4d4d4;
            border-radius: 2px;
            padding: 20px;
            position: relative;
            -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
        }

            .timeline > li > .timeline-panel:before {
                position: absolute;
                top: 26px;
                right: -15px;
                display: inline-block;
                border-top: 15px solid transparent;
                border-left: 15px solid #ccc;
                border-right: 0 solid #ccc;
                border-bottom: 15px solid transparent;
                content: " ";
            }

            .timeline > li > .timeline-panel:after {
                position: absolute;
                top: 27px;
                right: -14px;
                display: inline-block;
                border-top: 14px solid transparent;
                border-left: 14px solid #fff;
                border-right: 0 solid #fff;
                border-bottom: 14px solid transparent;
                content: " ";
            }

        .timeline > li > .timeline-badge {
            color: #fff;
            width: 50px;
            height: 50px;
            line-height: 50px;
            font-size: 1.4em;
            text-align: center;
            position: absolute;
            top: 16px;
            left: 50%;
            margin-left: -25px;
            background-color: #999999;
            z-index: 100;
            border-top-right-radius: 50%;
            border-top-left-radius: 50%;
            border-bottom-right-radius: 50%;
            border-bottom-left-radius: 50%;
        }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right;
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 15px;
                left: -15px;
                right: auto;
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto;
            }

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }

@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }

}
.jugador-l-c label {
    margin: 0;
}
.active-assistencia {
    background: #3c8dbc2e;
}

@media (max-width: 736px) {
    .navbar-nav > li > a {
        padding-left: 15px;
        padding-right: 15px;
    }
    .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
        right: 0;
    }
    .main-header .navbar-custom-menu a.btn-warning {
        background-color: #f18c0f;
    }
    .main-header .navbar-custom-menu a.btn-default {
        background-color: #e1e6e9;
    }
}