@import url(chartist.min.css);
@import url(highcharts.css);

.highcharts-root{font-family:"Roboto"!important;}
.highcharts-title{font-weight:300;font-size:1.25em!important;letter-spacing:1px;}
.highcharts-axis-labels text{text-transform:uppercase;letter-spacing:1px;font-size:8px!important;font-weight:500;}
/*.highcharts-color-0 .highcharts-point{fill:#2E82E2;stroke:#2E82E2;}*/
.highcharts-color-0 {
    fill: #1d82e2;
}
.highcharts-color-1 .highcharts-point{fill:#62C26F;stroke:#62C26F;}
.highcharts-color-2 .highcharts-point{fill:#434348;stroke:#434348;}

html, body {
    background-color:rgba(85, 163, 48, 0.67)!important;height:100%;
    color:#3d464d;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    font-size:14px;
    font-weight:400;
    line-height: 24px;
    font-family: "Roboto", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-rendering: optimizeLegibility;
    /*overflow: scroll;
    overflow-x: hidden;
    user-select: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;*/
}

::-webkit-scrollbar{width:8px;height:0;/*remove scrollbar space*/
    background:transparent;/*optional: just make scrollbar invisible*/}
/* optional: show position indicator in red */
::-webkit-scrollbar-thumb{background:#007408;}

::-webkit-input-placeholder{/*Chrome*/color:#d0d0d0;font-size:13px;}
:-ms-input-placeholder{/*IE 10+*/color:#d0d0d0;font-size:13px;}
::-moz-placeholder{/*Firefox 19+*/color:#d0d0d0;opacity:1;font-size:13px;}
:-moz-placeholder{/*Firefox 4 - 18*/color:#d0d0d0;opacity:1;font-size:13px;}

body.index{background:url(../images/page_bck.jpg);background-size:cover;}

a{color:#1976D2;/*#1976D2;*/
    transition-timing-function: ease-in-out;
    transition-duration: .1s;
    transition-property: color;
    transition-property: opacity;}
a:hover{opacity:1;}

#app {background:rgba(29, 84, 2, 0.75);}

/*Materialize custom styles*/
.modal.modal-fixed-footer .modal-content{height:calc(100% - 60px);}
.modal .modal-footer{height:auto!important;}
.waves-effect .waves-ripple {background-color:rgba(255, 255, 255, 0.15);}
header, main, footer{width:100%;}
main{float:left;background-color:transparent!important;}
footer.page-footer{position:fixed;bottom:0;padding:0;background-color:#34343e;}
footer.page-footer .footer-copyright{height:32px;line-height:34px;display:block;}
footer .footer-nav {height:72px;line-height:72px;}
nav{background-color:#4d1d03;background:linear-gradient(315deg,#82162b,#650638);background:-webkit-linear-gradient(315deg,#650606,#650638);box-shadow:none;}
nav a,a.top-nav,.brand-red,.brand-blue,.btn{opacity:1;}
a.top-nav {text-align:center;padding-right:16px;width:72px;color:#fff;font-size:32px;z-index:2;border-radius:0 50px 50px 0;}
nav,nav .nav-wrapper i,nav a.button-collapse,nav a.button-collapse i{height:56px;line-height:56px;}

nav ul a:hover{background-color:#481e1e/*transparent*/;}
.container {width:100%;max-width:100%!important;display:block;padding-bottom:128px!important;float:left;position:relative;}

.btn{background-color:#0047ff!important;font-size:11px;letter-spacing:2px;line-height:40px;height:40px;border-radius:4px;}
.btn.btn-flat{background:#fff!important;}
.btn.btn-flat:hover{background:#f8f8f8!important;box-shadow:0px 0px 10px rgba(51, 51, 51, 0.25);}
/*.btn i{line-height:2.25em;}*/

button span, a.button span, input[type=submit] span, input[type=reset] span, span.button span{position:relative;z-index:1;display:inline-block;}
button:not([class^=swal2]):hover:before, a.button:hover:before, input[type=submit]:hover:before, input[type=reset]:hover:before{width:100%;border-radius:0;background:rgba(0, 0, 0, 0.1);}
button:not([class^=swal2]):before, a.button:before, input[type=submit]:before, input[type=reset]:before{content:'';display:block;width:8px;height:56px;
    position:absolute;top:-8px;left:0;right:0;margin:auto;background:transparent;border-radius:50%;
    -webkit-transition:all 0.4s,border-radius 0.8s;
    transition:all 0.4s,border-radius 0.8s;z-index:0;
}
button:focus,.btn:focus,.btn-large:focus,.btn-floating:focus{background-color:inherit;}
/*
.btn, .btn-large, .btn-flat{border-radius:0;}
*/

.entry.row{margin:48px 4px 24px!important;display:inline-block;width:calc(100% - 8px);}
/*
.entry > div:first-child{padding:16px 8px;background-color:rgb(244, 244, 244);margin-bottom:1px;font-weight:300;}
*/
#profile_details{padding:0;/*padding-bottom:16px;*/}
#profile_details > div:not(:first-child){padding:0;}
#profile_details > div:first-child:after{content:"";display:block;width:100%;border-bottom:2px solid rgba(238,238,238,.75);position:absolute;margin-top:-2px;z-index:0;left:0;right:0;}

#app-logo{min-height:60px;}
#splashscreen{width: 100%;
    height: 100%;
    position: fixed;
    background-color:rgba(85, 163, 48);/* #381b0d;*/
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
}
#splashscreen img{width:30%;height:initial;}

.editable input{position:absolute;left:10px;bottom:-3px;width:calc(100% - 112px)!important;background-color:#fff!important;border:1px solid #ddd!important;padding:0 8px!important;}
.editable span:not(.dp24){padding:0 16px;background-color:#f2f5fd;cursor:pointer;border:1px solid #ced7f1;border-radius:2px;letter-spacing:1px;color:#5a76c9;position:absolute;right:16px;bottom:8px;display:inline-block;height:24px;line-height:24px;-webkit-transition:all 0.4s;transition:all 0.4s;}
.editable span:not(.dp24):hover{box-shadow:0 1px 5px 0px #d2deff;}
.edu-profile-label{background:#F4F4F4;border-bottom:1px solid rgba(221, 221, 221, 0.42);word-wrap:break-word;height:40px;line-height:40px;}
.edu-profile-text{background:#fff;border-bottom:1px solid rgba(221, 221, 221, 0.42);word-wrap:break-word;height:40px;line-height:40px;font-weight:300;}

.slim-tool-button{box-shadow:0 1px 5px 0 rgba(4, 70, 167, 0.5), 0 0 5px -5px rgba(48, 100, 216, 0.25), 0 0 5px 0 rgba(0, 71, 255, 0.6);
    letter-spacing:2px;text-align:center;cursor:pointer;line-height:32px!important;font-size:10px;color:#fff!important;background-color:#0047ff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius:3px;border:1px solid #0a48e9;height:32px;right:8px;top:16px;padding:0 16px;text-transform:uppercase!important;
    -webkit-transition:all 0.4s;transition:all 0.4s;}
.slim-tool-button:hover{box-shadow:1px 1px 10px 0 rgb(31, 85, 224);}
.slim-tool-button i{font-size:10px;}

/*.disc{width:36px;height:36px;background:#650610;margin:0 16px;border-radius:50%;}*/
.disc{width:48px;height:48px;background:#650610;margin-right:16px;line-height:48px;font-size:25px;display:block;color:transparent;}
.disc:first-letter{color:#fff;}

#search-filter{border:none;background:#6d6b6b;border-radius:5px;padding:8px;margin:0;width:calc(100% - 16px);box-shadow:none;font-size:18px;}
#search-filter::placeholder{font-size:18px;font-weight:300;}
#search-filter + span.clear{display:inline-flex;padding:4px;line-height:1;top:50%;right:32px;transform:translateY(-50%);cursor:pointer;}
#search-filter + span.clear i{font-size:16px;width:16px;height:16px;line-height:16px;pointer-events:none;}
#search-filter + span.clear:hover{background-color:#a09e9e;border-radius:50%;}

.info-text{margin-top:8px;}
.label-text,.info-text{line-height:1.15em;width:100%;display:block;}
.list-action a{padding:8px;float:right;width:100%;background:#ecebeb;border-radius:5px;text-align:center;}
.list-action{display:block;width:100%;margin-top:14px;line-height:1;}

.full-right-position{right:0;top:50%;transform:translateY(-50%);}

.grid {display:grid;grid-template-columns:25% 25% 25% 25%;grid-gap:4px;padding:0 10px;justify-content:space-around;}
.grid > div {color:#fff;align-content:center;justify-content:center;display:inline-flex;}

@keyframes placeholderShimmer {
    0% {
        background-position: -468px 0
    }
    to {
        background-position: 468px 0
    }
}
.placeholder-loader {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeholderShimmer;
    animation-timing-function: linear;
    background: #e0e3e6;
    background: linear-gradient(90deg, #eaeaea 0%, #b9b9b9 30%, #eaeaea 50%);
    background-size: 900px 4px;
    min-height: 40px;
    position: relative;
    overflow: hidden;
}
.data-list {float:left;padding:16px 0;width:100%;padding-right:56px;}
.disc-mask{width:48px;height:61px;background:transparent;border-top:7px solid #fff;border-bottom:6px solid #fff;display:inline-block;float:right;}
.label-text-mask,.info-text-mask,.info-text-middle-mask,.stat-text-mask{width:calc(100% - 48px);display:block;border-right:16px solid #fff;float:left;}
.stat-text-mask{height:32px;background:transparent;border-bottom:16px solid #fff;}
.info-text-mask{height:26px;border-bottom:16px solid #fff;background:transparent;display:inline-block;}
.info-text-middle-mask{height:19px;border-bottom:4px solid #fff;background:transparent;display:inline-block;}
.label-text-mask{height:35px;border-bottom:4px solid #fff;border-top:16px solid #fff;background:transparent;display:inline-block;}

.tabs .indicator{position:absolute;bottom:0px;height:4px;background-color:#92516e;will-change:left,right;z-index:2;}
.tabs .tab a:hover, .tabs .tab a.active{font-weight:500;}

.dropdown-content.select-dropdown{margin:4px 3px;min-width:70px;max-height:260px;/*top:29px!important;*/left:-3px!important;}
.dropdown-content li{min-height:30px!important;line-height:22px!important;}
.dropdown-content li > a, .dropdown-content li > span{width:100%;font-size:12px;color:#063677;padding:7px 1rem;letter-spacing:1px;font-weight:500;}
.dropdown-content li:hover, .dropdown-content li.active, .dropdown-content li.selected{background-color:#f5f5f5;}
.select-dropdown li.optgroup,[data-field=status],[data-field=tools]{cursor:none;pointer-events:none;}
.section{width:100%;float:left;padding:8px;}
h1,h2,h3,h4,h5,h6,p{}
ul.side-nav{width:220px;background-color:#650606;height:100vh;}
ul.side-nav li{position:relative;}
ul.side-nav li.logo,ul.side-nav.fixed li.logo{text-align:center;padding:32px 15px;line-height:1;background:#fefefe;margin-bottom:16px;}
ul.side-nav li.active,.collapsible li.active{background-color:rgba(238,253,1,0.3);}
ul.side-nav li.active:after,ul.side-nav li.bold:hover:after{border-left:4px solid #fffa5b;content:"";position:absolute;left:0;top:8px;height:32px;}
ul.side-nav li.active > a,ul.side-nav.fixed li.active > a{color:#fdee5b;font-weight:500;opacity:1;}
li a{letter-spacing:.15rem;}
li a i{rotate(0deg);transition:.25s ease;}
li a i.right{margin-right:0!important;}
li.active a.active i{transform:rotate(-90deg);}
ul.side-nav > li > a,ul.side-nav.fixed > li > a{line-height:48px;position:relative;}
ul.collapsible.collapsible-accordion > li > a.has-dropdown i{width:12px;height:12px;position:absolute;right:25px;opacity:1;top:50%;transform:rotate(0deg);transition:.25s ease;margin:-6px;color:#fff;font-size:14px;line-height:1;}
ul.collapsible.collapsible-accordion > li.active > a.has-dropdown.active i{transform:rotate(90deg);}
.collapsible-body li a{height:36px!important;line-height:36px;letter-spacing:.05rem;font-size:12px;}
ul.side-nav a:hover,.side-nav .collapsible-header:hover, .side-nav.fixed .collapsible-header:hover{background-color:rgba(0,0,0,0.15);}
ul.side-nav a,ul.side-nav.fixed a{display:block;padding:0 15px;color:#f6f6f6;}
.side-nav .collapsible-body, .side-nav.fixed .collapsible-body{border: 0;background-color:rgba(0, 0, 0, 0.5)}
.collapsible-body{padding:0!important;}
.card-panel.with-header .card-panel-header{border-bottom:3px solid #dccdcd;padding:0px 20px 16px 0;position:relative;}
.card-panel.with-header .card-panel-header{letter-spacing:2px;}
.card-panel.with-header .card-panel-header p{margin:10px 0 0;line-height:1;letter-spacing:2px;text-transform:uppercase;font-size:12px;color:#43a047;}
.card-panel.blue-bl{/*border-left:5px solid #2196F3;line-height:36px;*/border:1px solid #bd918f;border-radius:5px;}
.card-panel{width:100%;}
.card-panel.flat{border:none;background:transparent;box-shadow:none;}

td, th{padding:5px 8px!important;border-radius:0!important;}
td{/*line-height:1.25em;*/}
table.highlight > tbody > tr:hover{background-color: #fafbfc;}
th{min-width:120px;}

#data-table td:nth-child(1) {border-left:5px solid #394fec;float:left;padding-left:0!important;min-height:48px;line-height:38px;}
#data-table tr.red td:nth-child(1) {border-left:5px solid #ff0000;}
#data-table tr.green td:nth-child(1) {border-left:5px solid #43a047;}
#data-table tr.yellow td:nth-child(1) {border-left:5px solid #ffeb3b;}
#data-table td:nth-child(1).list-only {padding-left:16px!important;}
#data-table td:nth-child(1).list-only.borderless {border-left:none;float:none;}
#data-table td input[type=number]{width:40px;}
#data-table td a{display:flex;}
td[class^=status]{line-height:1!important}
.status-red span{width:79px;height:26px;background:url("../images/indicator_sprite.png") -79px 0 no-repeat;display:inline-block;}
.status-green span{width:79px;height:26px;background:url("../images/indicator_sprite.png") 0 0 no-repeat;display:inline-block;}
.status-yellow span{width:79px;height:26px;background:url("../images/indicator_sprite.png") -79px -26px no-repeat;display:inline-block;}
.status-blue span{width:79px;height:26px;background:url("../images/indicator_sprite.png") 0 -26px no-repeat;display:inline-block;}

.ow {
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;
}

.card-panel-header div{position:absolute;top:-8px;right:0;}
.card-panel-header span{margin-right:24px;font-size:9px;text-transform:uppercase;letter-spacing:1px;position:relative;margin-left:20px;}

span#red:after,span#blue:after,span#yellow:after,span#green:after{
    display: block;
    width: 16px;
    height: 16px;
    content: "";
    border-radius: 50%;
    position: absolute;
    top:-2px;left:-20px;
}
span#red:after{background:red;}
span#green:after{background:#43a047;}
span#yellow:after{background:#ffeb3b;}
span#blue:after{background:#394fec/*#2979ff*/;}

#clockdiv{font-family:sans-serif;display:flex;right:16px;top:64px;font-weight:500;text-align:center;font-size:12px;position:fixed;z-index:2;}
#clockdiv > div{float:left;margin-right:4px;}
#clockdiv div > span{padding:8px;border-radius:3px;margin-right:4px;background:#00816A;font-size:15px;font-weight:500;color:#fff;}

.side-nav .collapsible-body li.active, .side-nav.fixed .collapsible-body li.active{background-color:rgba(141, 83, 83, 0.3)!important}
.side-nav .collapsible-body li.active:after, .side-nav.fixed .collapsible-body li.active:after{height:0!important;}
.waves-effect{z-index:0;}
.input-field label{font-size:.8rem!important;top:24px;letter-spacing:1px;}
.input-field p:not(.no-block) label{min-width:200px;}
.input-field label span,.form-box .header p > strong{font-size:.85rem!important;font-weight:bold!important;color:#FF5722!important;}
.input-field label.active{color:#684348!important;font-size:.75rem!important;font-weight:400!important;-webkit-transform:translateY(-100%)!important;transform:translateY(-100%)!important;}
.input-field{position:relative;margin-top:.25rem;padding-top:1.5rem!important;padding-bottom:.25rem!important;}
.character-counter{font-size:10px!important;width:80px;text-align:right;position:absolute;top:24px;right:16px;letter-spacing:1px;}
input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
    background-color:transparent;border:none;border-bottom:1px solid #9e9e9e;border-radius:0;outline:none;height:2rem;width:100%;font-size:.9rem;margin:0 0 4px 0;padding:0;box-shadow:none;box-sizing:content-box;transition:all 0.3s;}

.dataTables_length label{width:200px;display:inline-flex;line-height:36px;}
.dataTables_length.input-field label span{color:#063677!important;}
.dataTables_length .select-wrapper{width:90px;margin:0 16px;}
.dataTables_length .select-wrapper input.select-dropdown {margin:0;border:1px solid #aaa;height:2.5rem;width:calc(100% - 32px);padding:0 16px;border-radius:50px;}

.select-wrapper input.select-dropdown {
    position: relative;
    cursor: pointer;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #9e9e9e;
    outline: none;
    height: 2rem;
    line-height: 2rem;
    width: 100%;
    /* font-size: 1rem; */
    margin: 0 0 4px 0;
    padding: 0;
    display: block;
}
.select-wrapper input.select-dropdown:disabled {
    color: rgba(0, 0, 0, 0.1);
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.select-wrapper span.caret{
    content: "";
    right:24px;
    top:-4px;
    bottom: 0;
    height:6px;
    width:6px;
    display: block;
    border-bottom: 2px solid #16554b;
    border-left: 2px solid #16554b;
    transform: rotate(-45deg);
}
.select-wrapper span.caret.disabled{
    content: " ";
    right: 4px;
    top: 0;
    bottom: 0;
    height:6px;
    width:6px;
    display: block;
    border-bottom: 2px solid rgba(22, 85, 75, 0.1);
    border-left: 2px solid rgba(22, 85, 75, 0.1);
    transform: rotate(-45deg);
}

.input-field input[type=search]+label{left:0;}
.input-field input[type=search]{padding-left:0;width:100%;}
.input-field input[type=search]:focus{background-color:transparent;border-bottom:1px solid #26a69a;box-shadow:0 1px 0 0 #26a69a;color:#444;}

.input-field table#data-table td:nth-child(1){padding:8px!important;line-height:1;}

i.left{float:left;margin-right:8px;}
h2 i.left{margin-top:4px;}
h2 .tool{margin-top:-8px;margin-right:16px;border:none;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}

.def{font-size:12px;padding-right:16px;margin:0px 10px;position:absolute;line-height:16px;background:#FCFDFE;padding:8px;top:1px;right:24px;border-radius:3px;border:3px solid rgb(209, 184, 189);opacity:0;transition:opacity .25s ease;z-index:-1;box-shadow:0 2px 5px 0px rgba(101, 6, 46, 0.5);}
.def + i{position:absolute;right:8px;top:-1px;cursor:help;font-size:20px;color:#007ee5;}

.even-row{background-color:#fafafa;border-top:1px dashed #959DCC;border-bottom:1px dashed #959DCC;min-height:62px;padding:8px 0;}

td .material-icons{font-size:16px;}
/*.material-icons{font-size:24px;line-height:24px;}*/
.search-wrapper input#search{display:block;font-size:16px;font-weight:300;width:100%;height:45px;margin:0;padding:0 45px 0 15px;border:0;}
.search-wrapper input#search:focus{outline:none;}
.search-wrapper i.material-icons{position:absolute;top:10px;right:10px;cursor:pointer;}
.search-wrapper{margin:0 12px;border:1px solid #ddd;position:relative;transition:margin .25s ease;}

textarea.materialize-textarea{min-height:4.25rem;}

div[id$=license-text]{display:none;}
div.myChart{position:absolute;left:16px;top:5px;width:80px;height:80px;}

#browser-tool-bar{padding:4px;position:fixed;z-index:90000;bottom:0;width:100%;height:48px;}
#browser-tool-bar span{text-align:left;line-height:40px;padding-right:16px;margin-right:16px;}
#browser-tool-bar span:last-child{padding:0 0 0 16px;}

.picker--opened .picker__holder{top:56px!important;}
.picker{letter-spacing:1px;font-size:13px;}
.picker__table{margin-bottom:0!important;}
.picker__calendar-container{padding:8px;}
.picker__table th, .picker__table td{width:40px!important;padding:4px!important;}
.picker__frame{width:296px!important;max-width:354px!important;}
.picker__nav--prev:before,.picker__nav--next:before{content:" ";border-bottom:2px solid #676767!important;border-left:2px solid #676767!important;border-right:0!important;border-top:0!important;width:8px;height:8px;display:block;margin:-4px 0 0 -5px!important;position: absolute;top:50%;left:50%;transform:rotate(-135deg);}
.picker__nav--prev:before{transform:rotate(45deg);margin-left:-4px!important;}
.picker__nav--prev, .picker__nav--next{position:absolute;padding:16px!important;width:48px;height:48px;top:-10px;box-sizing:border-box!important;}
.picker__nav--prev{left:0;}
.picker__nav--next{right:0;}
.picker__weekday{}
.picker__day--infocus{color:#676767;font-size:12px;padding:6px;height:32px;line-height:18px;width:32px;}
.picker__day.picker__day--today{color:#abe8e3;background-color:#0d5d56;border-radius:50%;}
.picker__day--infocus.picker__day--today:hover{color:#abe8e3;background-color:#0d5d56;border-radius:50%;}
.picker__day--infocus:hover{background: rgba(195, 195, 195, 0.36);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;}
.picker__header{margin:16px 0 24px;}
.picker__date-display{font-weight:300;height:104px;}
.picker__month-display{font-size:32px;float:left;margin-left:50px;}
.picker__day-display {font-size:32px;font-weight:300;float:left;margin-left:-4px;}
.picker__day-display:after{content:",";display:block;position:relative;margin-left:48px;margin-top:-40px;width:12px;}
.picker__year-display{font-size:32px;color:rgba(255, 255, 255, 0.4);float:left;margin:0 12px;}
.picker__footer{text-align:right;padding:16px 10px;}
.picker__weekday-display{font-weight:300;letter-spacing:2px;font-size:14px;text-transform:uppercase;}
.picker__close,.picker__today,.picker__clear{font-size:13px;padding:0 18px;letter-spacing:2px;}
/*Materialize custom styles*/

.lh1{line-height:1;}
.lh16{line-height:16px;}
.lh32{line-height:32px;}
.heighted{line-height:2.175em;}

#picture_frame{margin:56px 0 0;min-width:100%;position:relative;}
#picture_frame:after{content:"";display:block;width:24px;height:24px;background: #c51608;position:absolute;top:16px;left:16px;border-radius:50%;}
#picture_frame.live:after{background:#71c576;}
#post_take_buttons a{width:240px;float:none;}
#post_take_buttons a:last-child{float:right;}
.paginate_button{cursor:pointer;border-radius:30px!important;transition:all .3s;padding:0px 11px;margin:0 3px;color:#777;min-width:30px;height:30px;line-height:30px;font-size:12px;text-transform:uppercase;opacity:1;display:inline-block;}
.paginate_button:focus,.paginate_button:hover{background:rgba(90, 90, 90, 0.12);}
.paginate_button.disabled,.paginate_button.disabled:focus,.paginate_button.disabled:hover{color:#999;cursor:not-allowed;background-color:transparent;border-color:transparent;}

.listings{width:320px;}

.dataTables_wrapper div.dataTables_length select{width:65px;display:none;margin:0 8px;}
.dataTables_wrapper div.dataTables_paginate{margin:0;white-space:nowrap;text-align:right;}
.dataTables_paginate .paginate_button.current{background-color:#b41264;border-color:#b41264;color:#fff;box-shadow:0 4px 5px 0 rgba(180,18,100,.14), 0 1px 10px 0 rgba(180,18,100,.12), 0 2px 4px -1px rgba(180,18,100,.2);opacity:1;}
.dataTables_paginate span a{border:0;display:inline-block;border-radius:30px!important;transition:all .3s;padding:0px 11px;margin:0 3px;min-width:30px;height:30px;line-height:30px;color:#999;font-size:12px;text-transform:uppercase;background:transparent;}
/*.dataTables_filter input {
    border: 0;
    background-image:linear-gradient(#9c27b0, #9c27b0), linear-gradient(#D2D2D2, #D2D2D2);
    background-size: 0 2px, 100% 1px;
    background-repeat: no-repeat;
    background-position: center bottom, center calc(100% - 1px);
    background-color: transparent;
    transition: background 0s ease-out;
    float: none;
    box-shadow: none;
    border-radius: 0;
    font-weight: 400;
}*/
.dataTables_info{font-size:12px;line-height:30px;}

.input-sm {height:35px;padding:0;}
/*input[type=text]:not([name=username]):not([name=password]){text-transform:capitalize;}*/

table.dataTable thead .sorting:not(:last-child), table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc{outline:none;cursor:pointer;}
table.dataTable thead .sorting:not(:last-child)::after{background-image:url(../images/chevron.png);opacity:.4;}
table.dataTable thead .sorting_asc::after{background-image: url(../images/up.png);}
table.dataTable thead .sorting_desc::after{background-image: url(../images/down.png);}
.sorting::after,.sorting_asc::after,.sorting_desc::after,.sorting_asc_disabled::after,.sorting_desc_disabled::after{content:"";width:12px;height:12px;display:inline-block;background-repeat:no-repeat;margin-left:8px;margin-bottom:-3px;margin-right:0;}
.dashboard-aside{float:right;}

table[id^=data-table] th span{display:block;text-transform:none;color:#aeaeae;line-height:1;}

.left-padding{padding-left:10px!important;padding-right:0!important;}

.pager{margin-top:24px;}
.pagedisplay{width:100px!important;}
.pagesize{width:50px!important;display:inline-block;}

.banner .row, .banner .row > .col{display:flex;}
.banner .banner-header{border-right:1px solid #ececec;border-bottom:none;padding:16px 24px;min-height:130px;}
/*
.banner .banner-header a{width:36px;padding:4px;height:36px;border-radius:50%;bottom:-18px;text-align:center;right:68px;opacity:1;cursor:pointer;z-index:50;box-shadow:0px 4px 10px -5px rgba(0,0,0,.5);transition:box-shadow .25s ease-in-out;}
.banner .banner-header a:hover{box-shadow: 0px 5px 10px -1px rgba(0,0,0,.2);}
*/
.banner #map{min-height:320px;border:2px solid #fff;}
.banner .banner-header a:first-of-type{right:120px;}
.banner .banner-header a:last-of-type{right:16px;}
.banner .banner-header a i{font-size:18px;line-height:28px;}
.banner-stats{border-top:1px solid rgb(232,218,201);}
/*
.banner-stats .col:not(:last-child){border-right:1px solid rgb(232, 218, 201);}
*/
.banner-stats .inner h3{font-size:32px;padding:16px 0;margin-bottom:4px!important;}
.banner-stats .inner p{font-size:10px;letter-spacing:2px;color:#49575f;padding-top:16px;}
.small-box h3{font-size:2.5rem;font-weight:300;}
/*#school-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}*/
#school-name span{display:inherit;}

.card {background:#fff;box-shadow:none;border-radius:0;box-sizing:border-box;float:left;margin-bottom:24px;width:100%;min-height:400px;padding:16px;position:relative;border:1px solid #d8dfe2;}
.card h2{color:#607D8B;font-size:20px;line-height:24px;margin:0 0 8px 0;padding:16px 16px 0 16px;text-transform:none;}
.card p{color:#78909C;font-size:13px;line-height:24px;padding:0 16px;margin:0;}
.card footer{bottom:0;border-top:1px solid #ECEFF1;box-sizing:border-box;line-height:48px;left:0;padding:0 16px;position: absolute;right:0;}
/*.card:hover{border:2px solid #a6b4ba#2196F3;box-shadow:0 8px 8px rgba(0,0,0,0.24),0 0 8px rgba(0,0,0,0.12);text-decoration:none;}*/
.card:hover footer{line-height:44px;padding:0 14px;}

form p{margin:0;padding-top:2px;position:relative;}
.form-box {background:#fff;border:1px solid #bd918f;border-radius:5px;box-shadow: 0 8px 10px -6px #959DCC;/*box-shadow:0 2px 2px rgba(0,0,0,0.24),0 0 2px rgba(0,0,0,0.12);*/margin:8px 16px;width:calc(100% - 32px);display:inline-table;padding:0 8px 32px;}
.form-box .header{width:100%;float:left;margin:20px 0;border-bottom:3px solid #dccdcd;padding:0 20px 8px 8px;}

.modal .close{position:absolute;top:0;right:0;}
.modal-header{width:100%;position:absolute;z-index:-1;left:0;right:0;top:0;padding:16px 24px 16px;background-color:#fafafa;transition:box-shadow .2s ease-in;}
.modal-header.active{box-shadow: 0px -5px 15px 2px rgba(0,0,0,0.3);}
.modal.modal-fixed-footer.modal-fixed-header .modal-content{z-index:-2;left:0;right:0;top:0;margin-top:82px;height:calc(100% - 128px);}
.modal.modal-fixed-footer.modal-fixed-header .modal-footer{border-radius:0!important;left:0;right:0;text-align:center;background:linear-gradient(60deg, #0047ff, #3b78e7);}
.modal.modal-fixed-footer.modal-fixed-header .modal-footer a{background:transparent;border-radius:0!important;color:#fff;font-size:.875rem;font-weight:600;letter-spacing:1px;opacity:1;float:none;width:100%;margin:0;height:100%;line-height:48px;}
.modal.modal-fixed-footer.modal-fixed-header .modal-footer a:hover{background-color:transparent;}
/*
.form-box h4{color:#fff;font-size:19px;line-height:16px;margin:0;outline:none;opacity:1;text-transform:none;}
*/
.form-box .header h2,.modal-fixed-header h2{letter-spacing:1px;color:#650606;font-size:1.5rem;margin:0;position:relative;}
.form-box .header p,.modal-fixed-header p{font-size:11px;/*letter-spacing:2px;*/color:#607D8B;padding:0;}

/*
.form-box h4 span{display:inline-block;font-size:11px;font-weight:600;float:right;text-transform:uppercase;}
*/
.form-box h2 > span:not(.inline){font-size:11px;right:0;padding-top:10px;border-top:6px solid #e2e7ee;letter-spacing:2px;width:100px;}
.form-box h2 > span:not(.inline) > span{content:"";position:absolute;top:-6px;left:0;height:6px;background-color:#3a50ec;}

.inline{display:inline-block;}

/*#stat h3{height:46px;line-height:46px;}*/

#login-page,#import-page{width:288px;}
#login-page .btn-primary{width:100%;margin:24px 0;border-radius:4px;font-weight:800;font-size:13.5px;/*padding:19px 15px 17px;*/letter-spacing:2.6px;transition:.2s background;outline:none;}
.relative, .inner, #login-page .relatively, #login-page .input-group{position:relative;}
#login-page .input-group{width:100%;height:50px;padding-top:16px;}
#login-page .btn-primary:hover, #login-page .btn-primary:active{background:#467ace;/*#0a8c25*/;border-color:#467ace;/*#0a8c25*/box-shadow:0px 2px 10px -1px rgba(0, 0, 0, 0.3);}
#login-page .form-wrapper{margin:64px 0;}

.inner{height:100%;}

.absolute{position:absolute;}
.fixed{position:fixed;z-index:1000;}

.skinny-wrapper{width:100%;padding:24px;background:#fff;border-radius:3px;box-shadow:0px 0px 10px 0px rgb(127, 90, 47);display:inline-grid;}

#login-page .form-wrapper input{height:32px;padding:0 8px;width:calc(100% - 16px);}
#login-page .form-wrapper input + label{color:#bdc3cd;position:absolute;cursor:text;top:20px;left:7px;z-index:2;transition:.15s top,.15s font-size;}
#login-page .form-wrapper input:focus + label,#login-page .form-wrapper input.not-empty + label{top:-4px;font-size:11px;}
#login-page .form-wrapper input:hover, #login-page .form-wrapper input:focus{border-color: #4a8bfa;}
#login-page .form-wrapper input:not(.optional):valid, #login-page .form-wrapper input.optional.not-empty{border-color:#159d1a;box-shadow:0 1px 0 0 #4caf50;}
#login-page .form-wrapper input.not-empty:invalid{border-color:#f8556c;box-shadow:0 1px 0 0 #f8556c;}
#login-page .form-wrapper .help{margin-top:37px;}

.flex{display:flex!important;flex-flow:row wrap;}
.flex.fullscreen,.flex .row{display:flex;justify-content:center;align-items:center;}

.mauto{margin:0 auto!important;float:none!important;}

.fullscreen{height:100vh;width:100%!important;display:table;}
.fullscreen .row{margin:0!important;height:100vh;padding:24px;}
.full-width, main .row{width:100%;float:left;margin:0!important;}
.full-width.container{padding-bottom:16px;width:100%;}
.full-width.container .row{width:100%;padding:0;margin:0;}

.row.table-rider{padding: 8px 16px;
    display: flex;
    align-items: center;
}
.row.table-footer,.row.table-rider{margin:24px 0 32px!important;}

.tiny{font-size:9px;letter-spacing:2px;}
.xsmall{font-size:10px;display:block;font-weight:600;letter-spacing:2px;}
.smaller{font-size:11px!important;font-weight:500;letter-spacing:1px;}
.small{font-size:12px!important;letter-spacing:1px;}
.medium{font-size:18px;}
.large{font-size:22px;}
.xlarge{font-size:28px;line-height:1.25em;display:block;}
.heading{font-size:36px;display:block;}
.caption{font-size:40px;}

.thick{font-weight:500;}
.strong{font-weight:400;}
.light,.strong > span{font-weight:300;}
.xlight{font-weight:100;}

.divider-dotted{height:1px;border-bottom:1px dotted #e0e0e0;float:left;width:100%;margin:32px 0;}

.collection{margin-bottom:4px;}
.collection-header h2,.collection-header h3,.collection-header h4{outline:none;position:relative;}
.collection-header h2{font-size:22px;padding:8px 0;line-height:1;margin:0;}
.collection-header h3{font-size:16px;padding:8px 0;line-height:1;font-weight:400;margin:0;-webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.collection-header h4{font-size:14px;padding:8px 0;line-height:1;font-weight:300;margin:0;}
.collection-header span.edit{top:1px;}
.collection a + span{padding:4px 12px;border-radius:4px;right:16px;top:11px;}
.collection .collection-item.avatar .secondary-content{right:56px;top:24px;cursor:pointer;}
.collection.with-header .collection-header{padding:24px 20px;border-bottom:2px solid #bdbdbd;}
.collection.with-header .collection-header a{margin-top:-8px;color:#1976D2;}
.collection .collection-item{line-height:.85rem;overflow:hidden;font-size:14px;}
.collection.bill.with-header .collection-item{padding:8px 10px;}
/*.collection-item div{padding:4px!important;}*/
.collection.bill.with-header .collection-header{overflow:hidden;}
.collection-item div[contenteditable]:focus{background:#f5f5f5;padding:4px}
.collection-item div[contenteditable]:focus:after{border-bottom:2px solid #063677;margin:2px -4px -4px;content:" ";display:block;}
.collection-item:hover{background-color:#fafafa;}

.chip .badge{background:#fff;border-radius:50px;margin-top:5px;margin-right:-7px;color:#333;font-size:10px;}
span.badge.schools:after{content:" schools"}

[contenteditable]{transition:ease all .25s;outline:none;position:relative;}
[contenteditable]:focus{background:#f8f1e8;}
[contenteditable]:focus:after{border-bottom:2px solid #f6b2b5;content:" ";display:block;position:absolute;bottom:0px;left:8px;right:8px;}

span.edit{left:0;top:-5px;cursor:pointer;border:1px dotted #063677;background:#F77D28;}
span.edit i{font-size:16px;width:32px;height:32px;line-height:32px;text-align:center;}
span.edit span{position:relative;top:-4px;left:-5px;letter-spacing:1px;}

p {font-size:14px;color:#343434;padding:0;letter-spacing:1px;}
p .btn{margin-left:24px;}

.login-modal{width:400px;height:450px;position:fixed;top:50%;left:50%;margin:-225px 0 0 -200px;box-shadow:0 0px 15px 1px rgba(0,0,0,.3);padding:32px;}
.login-modal > div:first-child{width:calc(100% + 64px);margin:-32px;overflow:hidden;}

/*
.btn-floating{position:fixed;bottom:48px;right:48px;}
*/
.fixed-action-btn{right:32px;bottom:56px;}
.fixed-action-btn.horizontal ul li{margin:8px 15px 0 0;}
.btn-floating:hover {
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.14), 0 5px 8px 0 rgba(0, 0, 0, 0.12), 0 1px 10px -1px rgba(0, 0, 0, 0.2);
}
.file-field .btn, .file-field .btn-large{width:100px;background-color:#1B3678!important;}
/*
.btn-floating.btn-large{margin:-27.75px 0 12px;}
*/
.brand-red{background-color:#650606!important;}
.brand-red-text{color:#650606!important;}
.brand-blue{background-color:#0047ff!important;}
.brand-blue:hover{background-color:#3b78e7!important}

.fab{width:48px;height:48px;border-radius:50%;background:#063677;display:table;text-indent:-9999em;box-shadow:0px 0px 10px 0px rgba(21, 20, 20, 0.27);position:absolute;z-index:2;top:-24px;right:0;cursor:pointer;-webkit-transition:ease box-shadow 0.3s;}
.fab:hover{box-shadow:0px 0px 10px 0px rgba(21, 20, 20, 0.67)}
.fab:after{display:block;content:"+";color:#fff;}

.upper{text-transform:uppercase;}

.tiny-pad{padding:0 4px;}
.tiny-margin{margin:0 8px;}

.card h1 span{line-height:1;}
.card-content h1{font-size:38px;font-family:"Roboto Condensed";}
.card .card-action{min-height:60px;}
.card-action span{height:36px;display: inline-block;line-height: 36px;}

/*
.input-field{background-color:rgba(255,255,255,.8);}
*/

.row.breakdown{float:left;position:relative;}
.row.breakdown:after {
    content: "";
    display: inline-block;
    width: 90%;
    border-bottom:2px dotted #ddd;
    position: absolute;
    top:45%;
    left: 50%;
    margin-left: -45%;
    z-index: 0;
}

.dp24{cursor:pointer;font-size:24px;width:32px;height:32px;display:inline-block;margin:4px!important;padding:0!important;text-align:center;line-height:32px;}
.dp24 i{/*line-height:32px!important;*/font-size:16px!important;height:100%!important;pointer-events:none;}

.tool i,.f-scanner i{font-size:16px;padding:4px;width:32px;text-align:center;/*line-height:32px;*/}
.tool,.f-scanner{transition:all ease .5s;letter-spacing:1px;font-size:12px;font-weight:500;line-height:32px;display:inline-flex;cursor:pointer;box-shadow:0px 2px 5px 0 rgba(0,0,0,0.05);background:#fff;border:1px solid #d0d0d0;border-radius:2px;margin:0!important;}
.tool:hover{box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3);}
.f-scanner{height:40px;line-height:40px;border-radius:4px;border:none;}
.f-scanner i{line-height:32px;}
.f-scanner:hover{transform: translateY(1px);margin-top:-1px;box-shadow:1px 5px 5px 0 rgba(233, 30, 99, 0.24), 3px 3px 5px -5px rgba(233, 30, 99, 0.5), 0 5px 10px 2px rgba(233, 30, 99, 0.12);}
.showscan img{width:136px;height:auto;}

.dp48{width:48px;height:48px;display:flex;align-items:center;justify-content:center;}

/*ul#appbar-menu-dropdown{width:calc(100% - 42px)!important;transform:translateZ(1px);right:0!important;left:42px;top:49px!important;}*/
ul#appbar-menu-dropdown{width:100%!important;transform:translateZ(1px);right:0!important;left:0px!important;top:50px!important;background-color:#007408;}

.nav-wrapper #profile{margin:7px;line-height:42px;right:0;display:inline-flex;position:absolute;}
.nav-wrapper #profile h5{margin:0;line-height:38px;height:42px;}
.nav-wrapper #user ~ i{height:42px;line-height:46px;float:right;font-weight:600;font-size:16px;margin-left:8px;}
.nav-wrapper #profile .avatar{margin-right:8px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;background:rgb(46, 22, 18);border:1px solid rgb(204, 204, 204);width:32px;height:32px;display:inline-block;line-height:36px;margin-top:5px;}
.nav-wrapper #profile .avatar img{filter:brightness(3);width:16px;height:16px;}
.nav-wrapper #profile #user{font-size:1rem!important;}
.nav-wrapper #profile a{cursor:pointer;display:inline-block;height:42px;margin:0;opacity:.8;will-change:opacity;transition:.2s ease-in;color:#fff;}
.nav-wrapper #profile a.dropdown-button.dp48.hide-on-med-and-up{top:-7px;position:absolute;right:-7px;opacity:1;}
nav .button-collapse{margin:0!important;}

.page-title{font-size:24px!important;margin-left:-16px;height:56px;line-height:56px;float:left;}
.page-title h1{font-size:inherit;font-weight:300;margin:0;line-height:56px;}

.school-id{padding:0px 16px;background:#eee;border-radius:30px;font-size:12px;position:absolute;bottom:-30px;display:inline-block;left:0;font-weight:500;box-shadow:0 1px 6px 0px #d0d0d0;border:1px solid #d0d0d0;}

.form{padding:0 16px;}
.form h2{width:72px;height:72px;line-height:1;background:#C31E16;text-align:center;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}
form .row{margin:4px 0!important;min-height:64px;}
textarea ~ label{top:1rem!important;}
.materialize-textarea ~ label.active{top:1.65rem!important;}
input[type=radio]~label,input[type=checkbox]~label{left:8px!important;top:2px!important;font-size:.9rem!important;color:#546E7A;padding-right:16px;margin-right:16px;}
input[type=radio]~label~span,input[type=checkbox]~label~span{font-size:.7rem;display:block;padding-left:42px;}
#login-page p > input[type=checkbox]~label {
    left:0!important;
    top:0px!important;
    font-size:.7rem!important;
    color:#999;
    font-weight:500!important;
    padding-left:32px;
    letter-spacing: 1px;
    cursor: pointer!important;
}
[type="checkbox"] + label:before, [type="checkbox"]:not(.filled-in) + label:after,[type="radio"]:not(:checked) + label:before, [type="radio"]:not(:checked) + label:after {
    top:0;margin:4px;
    left: 0;
    width: 16px;
    height: 16px;
    border: 2px solid #0047ff;
    border-radius:0;
    box-shadow: 0px 0px 3px 2px rgba(66,133,244,.2);
    will-change:border;
}
[type="checkbox"]:not(:checked),[type="checkbox"]:checked{position:absolute;left:14px;opacity:0;margin-top:2px}
[type="radio"]:not(:checked) + label:before, [type="radio"]:not(:checked) + label:after{border-radius:100%;}
[type="checkbox"]:checked + label:before {
    top:-3px;
    left: 0px;
    width: 8px;
    height: 18px;
    border-top: 0;
    border-left: 0;
    border-right: 2px solid #159d1a;
    border-bottom: 2px solid #159d1a;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    box-shadow: none;
}
[type="checkbox"].filled-in:checked+label:before {top:1px;left:3px;width:6px;height:12px;border-top:0;border-left:0;}

[data-background-color="green"], .btn-green {
    background: linear-gradient(60deg, #66bb6a, #43a047, #159d1a);/*linear-gradient(60deg, #66bb6a, #43a047);*/
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4);
}
[data-background-color="orange"] {
    background: linear-gradient(60deg, #ffa726, #fb8c00);
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);
}
[data-background-color="rose"], .btn-rose {
    background: linear-gradient(60deg, #ec407a, #d81b60);
    box-shadow:0 2px 2px 0 rgba(233, 30, 99, 0.14), 0 3px 1px -2px rgba(233, 30, 99, 0.2), 0 1px 5px 0 rgba(233, 30, 99, 0.12);
}
[data-background-color="blue"] {
    /*background: linear-gradient(60deg, #26c6da, #00acc1);*/
    background: linear-gradient(60deg, #0047ff, #3b78e7);
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4);
}
.btn-black{background-color:#333333;color:#fff;box-shadow:0 2px 2px 0 rgba(51, 51, 51, 0.14), 0 3px 1px -2px rgba(51, 51, 51, 0.2), 0 1px 5px 0 rgba(51, 51, 51, 0.12);}
.btn-facebook-like{background-color:#3b5998;color:#fff;box-shadow: 0 2px 2px 0 rgba(59, 89, 152, 0.14), 0 3px 1px -2px rgba(59, 89, 152, 0.2), 0 1px 5px 0 rgba(59, 89, 152, 0.12);}

[data-background-color]{margin:-80px 135px 0/*-100px 120px 0*/;border-radius:3px;padding:15px;color:rgba(255,255,255,.85);position:absolute;transition:margin ease-out .2s;will-change:margin;}
.small-box:hover .card-header-icon{margin-right:-12px;box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(79, 79, 79, 0.17);}
.card-header-icon{padding:12px;z-index:0;text-align:center;position:absolute;right:0;margin-right:-6px;margin-top:-80px;}
.card-header-icon i{font-size: 24px;
    line-height: 32px;
    width: 32px;
    height: 32px;}
/**/
.float{top:40px;right:0px;padding-bottom:0!important;width:320px;}

.header-logo{width:100%;display:block;}
.header-logo img{padding:32px 0;}

.index .footer-copyright{width:90%;bottom:24px;position:absolute;}

.input-field input{font-size:14px!important;letter-spacing:1px;}

.picture-container{margin-top:24px;cursor:pointer;display:flex;justify-content:center;align-items:center;}
.picture{width:200px;height:200px;background-color:#999;border:4px solid #ccc;color:#fff;border-radius:50%;margin:5px auto;overflow:hidden;transition:all 0.2s;-webkit-transition:all 0.2s;}
.picture i{position:absolute;background:#c3c3c3;width:48px;height:48px;border-radius:50%;line-height:48px;text-align:center;bottom:8px;left:16px;margin:0 55%;}
.fingerprint{width:24px;height:24px;background-color:#999;border:4px solid #ccc;color:#fff;border-radius:50%;margin:5px auto;overflow:hidden;transition:all 0.2s;-webkit-transition:all 0.2s;}
.picture-container.active .picture{background-color:#fff;border:4px solid #7CB342;}
.picture-container.active .picture i{background-color:#7CB342;}
.picture-container.active .picture .picture-src{border: 3px solid #fff;border-radius:50%;}
.picture-src,.fingerprint-src{width:100%;}
.picture input[type="text"]{cursor:pointer;display:block;height:100%;left:0;opacity:0!important;position:absolute;top:0;width:100%;}

.margin16{margin:16px;}
.margin40-bottom{margin-bottom:40px;}
.margin32-top,.row.margin32-top{margin-top:24px!important;}
.margin40-top,.row.margin40-top{margin-top:40px!important;}
.margin56-top{margin:56px 0 0;}
.margin75-top{margin:75px 0 0;}
.p12-r{padding-right:12px;}
.p16{padding:16px!important;}
.p16-top{padding:16px 0 0;}
.p16-l{padding-left:16px;}
.p16-r{padding-right:16px!important;}
.p48-r{padding-right:48px!important;}
.p24-tb{padding:24px 0;}
.p16-top{padding-top:16px!important;}
.p24-top{padding-top:24px!important;}
.p32-top{padding-top:32px!important;}
.p32-bot{padding-bottom:32px!important;}
.p40-tb{padding:40px 0;}
.p56-top{padding:56px 0 0;}
.no-margin{margin:0!important;}
.no-pad-left{padding-left:0!important;}
.no-pad-right{padding-right:0!important;}

#school_code_prefix ~ label{left:0;top:4px;}
.hyphenate:after{content:'-';right:-2px;position:absolute;top:1px;}

.bordered-box{/*margin:0 9px!important;*/border:1px solid #c8ccce;padding:16px!important;display:inline-block;position:relative;width:100%;/*box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.14);color:rgba(0,0,0, 0.87);*/background:#fff;}
#student_profile .bordered-box{}

#profile_details .carousel{min-height:640px;}

.numero{font-size:168px;color:#f4f4f4;top:-4px;left:-104px;line-height:168px;font-weight:100;}
.numero span:first-child{font-size:12px;background:#e0e0e0;line-height:1;top:48px;padding:8px;font-weight:500;letter-spacing:1px;right:0px;border-radius:50px;}

span[class^=response]{display: none;
    visibility: hidden;
    font-size:12px;
    padding:8px 16px;
    letter-spacing: 1px;
}
span[class^=response].show{display:block;visibility:visible;line-height:1rem;margin-top:20px;}
span[class^=response] i{top:6px;right:5px;cursor:pointer;}
span[class^=response] h5{margin:4px 0;font-size:16px;}
.response_2{background:#E2F5EA;}
.response_4{background:#FDE3E0;}
.response_5{background:#B9DEFB;}
.response{display:flex;display:-ms-flex;display:-webkit-flex;color:#fff;}
.response.warning{background:#ff9800;}
.response.success{background:#4CAF50;}
.response.error{background:#f44336;}
.response.info{background:#2196f3;}
.response span:first-child{width:78px;background-color:#fdfdfd;padding:0 8px;display:flex;flex-direction:column;justify-content:center;}
.response span:nth-child(2n){width:100%;color:#fff;padding:24px;font-size:14px;letter-spacing:1px;font-weight:600;}
.response > i{position:absolute;top:4px;right:4px;cursor:pointer;color:#fff;font-weight:600;}

a.secondary-content:hover{background:rgba(199,194,194,0.5);}
a.secondary-content:first-of-type{right:97px!important;}
a.secondary-content:first-of-type:after {
    content: "";
    height: 24px;
    width: 1px;
    display: block;
    position: absolute;
    top: 0;
    right:-8px;
    background-color: #ccc;
}
a.secondary-content:last-child{right:15px!important;}
a.secondary-content:last-child:after {
    content: "";
    height: 24px;
    width: 1px;
    display: block;
    position: absolute;
    top: 0;
    right:33px;
    background-color: #ccc;
}

/*#access,button{font-size:12px;font-weight:500;letter-spacing:1px;height:48px;line-height:48px;}*/
.swal2-modal{font-family:inherit!important;}
.swal2-modal h2{font-weight:400!important;line-height:48px!important;}
.swal2-modal .swal2-content{font-size:14px!important;font-weight:400!important;letter-spacing:1px;}
.swal2-icon{margin:10px auto!important;}
/*.swal2-icon.swal2-error .line{height:3px!important;width:28px!important;top:30px!important;border-radius:3px!important;}
.swal2-icon.swal2-error::after,.swal2-icon.swal2-success placeholder::after{width:8px;position:absolute;left:-220px;background:#c92222;content:"";height:100vh;top:-33px;bottom:0;}
.swal2-icon.swal2-success placeholder::after{background:#4ca71a;}
.swal2-icon.swal2-error{border-color:#e93c1e!important;}
.swal2-icon.swal2-error .line{background-color:#e93c1e!important;}
.swal2-icon.swal2-success .placeholder{width:60px;height:60px;border:3px solid rgba(165,220,134,.2);}*/

.flex-row{height:100vh;position:relative;}

.breadcrumb{width:100%;margin:0;color:rgba(0,0,0,0.7);padding:8px 24px!important;margin-bottom:20px;list-style:none;background:#f5f5f5;border-bottom:1px solid #b6b8c5;z-index:5!important;box-shadow:0 1px 10px 0 #959DCC;}
.breadcrumb > li{display:inline-block;}
.breadcrumb > li.active{color:#65062f!important;}
.breadcrumb > li + li:before {padding:0 5px;color:#ccc;content:"/\00a0";}
/*.breadcrumb:not(first):before {
    content: '\E5CC';
    color: rgba(255,255,255,0.7);
    vertical-align: top;
    display: inline-block;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 25px;
    margin: 0 10px 0 8px;
    -webkit-font-smoothing: antialiased;
}*/
.breadcrumb:before{display:none;}
.pointer{cursor:pointer;}

.show-password {display:inline-block;position:absolute;right:0;top:15px;padding:8px;background:transparent;text-transform:uppercase;line-height:7px;}
.show-password i{font-size:16px;}

.spaced{letter-spacing:1px;}

.input-field #icon_prefix + label{font-size: 0.65rem;
    -webkit-transform: translateY(-140%);
    -moz-transform: translateY(-140%);
    -ms-transform: translateY(-140%);
    -o-transform: translateY(-140%);
    transform: translateY(-140%);}

.small-box{position:relative;display:block;border:1px solid #d8dfe2;}
.small-box > .inner{padding:10px;}
.small-box a{display:block;text-align:center;padding:3px 0;background:rgba(0, 0, 0, 0.05);transition:all ease-in .35s;}
.small-box a span{display:inline-block;}
.small-box a span i{font-size:16px;line-height:24px;}
.small-box a:hover{background:rgba(0, 0, 0, 0.25);color:#fff;}

table.responsive-table th,table th{font-size:.75rem;letter-spacing:1px;font-weight:400!important;padding:8px!important;/*min-width:50px;*/color:#650606;}
table.responsive-table tbody,table tbody{font-size:12px;/*color:#a88b8b;*/}

.text-bg-a{background:rgba(245,65,51,0.5);}
.text-bg-b{background:rgba(118,7,127,0.5);}
.text-bg-c{background:rgba(132,178,43,0.5);}
.text-bg-d{background:rgba(84,89,166,0.5);}
.text-bg-e{background:rgba(254,170,58,0.5);}
.text-bg-f{background:rgba(53,153,196,0.5);}
.text-bg-g{background:rgba(246,111,159,0.5);}
.text-bg-h{background:rgba(157,158,107,0.5);}
.text-bg-i{background:rgba(159,110,22,0.5);}
.text-bg-j{background:rgba(247,208,0,0.5);}
.text-bg-k{background:rgba(79,79,34,0.5);}
.text-bg-l{background:rgba(50,176,170,0.5);}
.text-bg-m{background:rgba(245,106,64,0.5);}
.text-bg-n{background:rgba(139,117,181,0.5);}
.text-bg-o{background:rgba(203,206,25,0.5);}
.text-bg-p{background:rgba(69,90,134,0.5);}
.text-bg-q{background:rgba(245,126,43,0.5);}
.text-bg-r{background:rgba(241,113,179,0.5);}
.text-bg-s{background:rgba(200,117,183,0.5);}
.text-bg-t{background:rgba(133,174,161,0.5);}
.text-bg-u{background:rgba(39,173,205,0.5);}
.text-bg-v{background:rgba(253,21,8,0.5);}
.text-bg-w{background:rgba(209,182,136,0.5);}
.text-bg-x{background:rgba(143,143,139,0.5);}
.text-bg-y{background:rgba(45,166,133,0.5);}
.text-bg-z{background:rgba(217,73,147,0.5);}


.has-error{background:transparent!important;border-bottom:1px solid #E40E2F!important;box-shadow:0 1px 0 0 #E40E2F!important;}

table.tablesorter {
    width: 100%;
    text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
}
table.tablesorter thead tr .header {
    cursor: pointer;
}
table.tablesorter tbody td {
    padding: 4px;
    vertical-align: top;
}
table.tablesorter tbody tr.odd td {
}
table.tablesorter thead tr .headerSortUp {
    background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
    background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    background-color: #f5f5f5;
}

/*@-webkit-keyframes fadeIt {
    0%   { background-color: #FFFFFF; }
    50%  { background-color: #AD301B; }
    100% { background-color: #FFFFFF; }
}
@-moz-keyframes fadeIt {
    0%   { background-color: #FFFFFF; }
    50%  { background-color: #AD301B; }
    100% { background-color: #FFFFFF; }
}
@-o-keyframes fadeIt {
    0%   { background-color: #FFFFFF; }
    50%  { background-color: #AD301B; }
    100% { background-color: #FFFFFF; }
}
@keyframes fadeIt {
    0%   { background-color: #FFFFFF; }
    50%  { background-color: #AD301B; }
    100% { background-color: #FFFFFF; }
}

.backgroundAnimated{
    background-image:none !important;
    -webkit-animation: fadeIt 5s ease-in-out;
    -moz-animation: fadeIt 5s ease-in-out;
    -o-animation: fadeIt 5s ease-in-out;
    animation: fadeIt 5s ease-in-out;
}*/
.backgroundAnimated{
    background-image:none !important;
    -webkit-transition: background-color 5000ms linear;
    -moz-transition: background-color 5000ms linear;
    -o-transition: background-color 5000ms linear;
    -ms-transition: background-color 5000ms linear;
    transition: background-color 5000ms linear;
    -webkit-animation-direction: alternate; /* Chrome, Safari, Opera */
    animation-direction: alternate;

    -webkit-animation-iteration-count: 2; /* Chrome, Safari, Opera */
    animation-iteration-count: 2;
}

.addResponse200{background-color:#EBFBCC !important;}
.addResponse400{background-color:#FFE4DF !important;}
.addResponse500{background-color:#DFF6FF !important;}

/*.spinner-wrapper{font-size:24px;color:#333;text-align:center;font-family:HelveticaNeue-Regular, HelveticaNeue, robotoregular, Arial, sans-serif;z-index:1000001;min-height:100%;width:100%;position:fixed;top:0;left:0;background:#780932;opacity:1;display:table-cell;vertical-align:middle;}*/
.spinner-wrapper{font-family:HelveticaNeue-Regular,HelveticaNeue,robotoregular,Arial,sans-serif;z-index:1000001;min-height:100%;width:100%;position:fixed;background:rgba(120, 9, 50, 0.9);display:flex;justify-content:center;align-items:center;}
/*.spinner-wrapper .loader-wrapper{width:144px;margin:-42px 0 0 -72px;float:none;top:50%;position:absolute;left:50%;}*/
.loader{margin:10px auto;font-size:10px;position:relative;text-indent:-9999em;border-top:2px solid #fff;border-right:2px solid #fff;border-bottom:2px solid #fff;border-left:2px solid #a50c16;
    -webkit-transform:translateZ(0);
    -ms-transform:translateZ(0);
    -moz-transform:translateZ(0);
    -o-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-animation:load8 1.1s infinite linear;
    animation:load8 1.1s infinite linear;
}
.loader,.loader:after{border-radius:50%;width:40px;height:40px;}
.spinner-wrapper .load{background:0 0;text-align:center;}
.spinner-wrapper .spinner-text{margin: 0 auto;height:100%;vertical-align:middle;font-size:9px;text-transform:uppercase;letter-spacing:1px;font-weight:700;color:#fff;}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);
    }

    100% {
        -webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}

@keyframes load8 {
    0% {-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
}

@media only screen and (min-width: 360px) {
    #login-page .form-wrapper{margin:24px 0;}
}

@media all and (max-width:360px){
    table {width:281px;}
    table th {max-width:93px;padding:0!important;}
    table tr td{font-size:10px;text-transform:uppercase;}
}

@media all and (max-width:400px){
    .index .container{width:320px;}
    .login-modal{width:320px;margin:-225px 0 0 -160px;}
    ul#appbar-menu-dropdown{width:160px!important;left:inherit;}
    .form-box h4{padding-top:32px;}
    .skinny-wrapper{width:100%;}
}

@media only screen and (min-width: 601px) {
    .navbar-fixed,nav{height:56px;}
    #passport{width:450px;}
    #post_take_buttons a{width:200px!important;}
}

@media all and (max-width:600px){
    table.responsive-table.bordered th,table th{font-size:11px;font-weight:500;text-transform:uppercase;width:160px!important;}
    .response{left:24px;width:calc(100% - 48px);}
    .nav-wrapper #profile .avatar,#user{display:none;}
    #profile_details .carousel{min-height:1256px;}
    .margin32-top-mobile-only{margin-top:32px!important;}
}

@media only screen and (min-width:992px) {
    .dashboard-view{width:80%;}
    .dashboard-aside{width:20%;border-left:1px solid #eee;}
    /*html,.side-nav.fixed{margin-top:48px;}
    html,body{height:calc(100% - 48px);}
    .fullscreen,.fullscreen .row{height:calc(100vh - 48px)!important;}*/
}

@media only screen and (max-width: 992px){
    .small-box{margin-bottom: 16px;}
    .banner .row{display:inline;}
    .banner .banner-header{border-bottom:1px solid #ececec;border-right:none;}
    .dataTables_wrapper div.dataTables_paginate{margin:24px 0 0;text-align:center;}
    .row.table-footer{margin-bottom:8px!important;}
    .banner #map{height:480px;}
    .margin75-top{margin-top:0;}
    table.responsive-table{display:inline-flex;}
    table.responsive-table thead tr{width:160px;padding:16px 0 0;}
    td,th{padding:8px 4px!important;}
    table.responsive-table.bordered tbody tr{padding-top:15px;}
    .m56top-on-medium-down{margin-top:56px;}
    .sorting::after, .sorting_asc::after, .sorting_desc::after, .sorting_asc_disabled::after, .sorting_desc_disabled::after{margin-right:-12px;margin-bottom:-4px;margin-left:16px;}
    table.responsive-table th {
        min-width: 160px;
    }
    table.responsive-table td{line-height:2.65rem;}
    td:nth-child(1){
        float:none;
    }
    table.responsive-table thead {
        border: 0;
        border-right: 3px solid #d0d0d0;
        box-shadow: 10px 0px 15px -10px rgba(0, 0, 0, .5);
    }
    footer.page-footer {height:72px;}
}

@media all and (min-width:993px){
    /*.page-title{margin-left:16px;}
    header, main, footer{padding-left:220px!important;}
    .breadcrumb,nav{width:calc(100% - 220px);}*/
    [data-field=tools]{min-width:50px!important;max-width:140px!important;}
}

@media all and (max-width:1280px){
    .collection-header h3{font-size:13px;padding:8px 0;line-height:1;font-weight:400;margin:0;-webkit-box-flex: 1;
        -ms-flex:1;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;}
    .collection a + span{padding:0 6px!important;right:10px!important;top:12px!important;font-size:12px;}
    .collection.with-header .collection-item{padding-left:20px;font-size:11px;letter-spacing:1px;}
    .collection-item a{font-size:11px;letter-spacing:1px;}
    .small{font-size:.65rem!important;letter-spacing:1px;}
    .medium{font-size:1.15rem;}
    .small-box h3{font-size:1.75rem;font-weight:300;}
}

.nav-wrapper-margin{
    margin-left: 40px
}
.max-width {
    width: 100% !important;
}
.menu-icons {
    margin-right: 10px !important;
    color: #BDBDBD !important;
}
.menu-ul {
    height: 79%;
    overflow: scroll
}
.menu-ul a {
    color: white;
}
._collapsible span {
    margin-left: 50px;

}
.nav-mob {
    z-index: 10000;
    width: 220px;
    background:#650606;
}

.category-heading {
    padding: 5px;
    color: white;
    font-weight: bold;
    background: #650606;
}
._card{
    /*min-height: unset !important;*/
    min-height: 200px !important;
}
.lib-title{
    font-weight: bold;
    color: #650606;
    font-size: larger;
}
.lib-class, .lib-edition {
    font-weight: bold;
}
.lib-collection {
    color: #650606;
    cursor: pointer;
}
.lib-collapsible-header {
    font-weight: bold;
}
.lib-cat {
    border-right: 2px solid #772d06
}

.lib-search{
    padding: 5% !important;
    background-color: white !important;
}

.exam-tab tbody {
    display:block;
    max-height:600px;
    overflow:auto;
}
.exam-tab thead,
.exam-tab tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}
.exam-tab tbody td,
.exam-tab thead th {
    width: 20px;
}
.exam-tab tbody td:nth-child(3),
.exam-tab thead th:nth-child(3){
    width: 80px;
}
.exam-tab tbody td:nth-child(1),
.exam-tab thead th:nth-child(1){
    width: 40px;
}
.exam-tab thead {
    width: calc( 100% - 1em )
}
.exam-tab table {
    width:100%;
}

textarea {
    border-width: 0px !important;
    border-bottom-width: 1px !important;
}
textarea:focus {
    outline: none !important;
    border-width: 0px !important;
    border-bottom-color: #2bbbad;
    border-bottom-width: 2px !important;
}

.att-table-head {
    font-weight: bold !important;
    font-size: 1.2em !important;
}

.att-marker {
    width: 20px;
    height: 20px;
    border-radius:20px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
}

.side-nav li>ul>li>a>span.material-icons{display:inline-block;
    float:left;height:48px;line-height:48px;margin:0 32px 0 0;width:24px;color:rgba(0,0,0,0.54)
}

.tint {
    background-color: #F0F0F0 !important;
}

.tint:hover{
    background-color: lightgray!important;
}