@charset "UTF-8";
body, html {
  font-family: "avenir", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.428571429;
  color: #333333;
  background-color: #f2f4f6;
  height: 100%;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a {
  -moz-transition: all 200ms;
  -webkit-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  text-decoration: none;
  font-weight: 600;
}
a:hover, a:focus {
  text-decoration: none;
  color: #004988;
  cursor: pointer;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  color: #666666;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: 600;
}
h2{color: #aaa}
table thead {
  background-color: #f2f4f5;
}
.table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  border-bottom:1px solid #f2f4f6;
  border-top:0px solid #f2f4f6;
}
th, td {
    vertical-align: middle !important;
}
.table{
  display: table;
  width:100%;
  border-collapse:collapse;
}
.table-row{
  display: table-row;
}
.table-cell{
  display: table-cell;
  padding:0px;
  background: #fff;
}
.table-footer{
  display: table-cell;
  padding:10px;
  background: #fff;
  border-top:#f0f0f0 1px solid;
}
.table-head{
  padding: 0px;
  display: table-cell;
  /* background: #fff; */
  /* border-right:#f0f0f0 1px solid; */
}
.table-head, .table-footer{
  font-weight: 500;
}
.height-200{
  height: 200px !important;
  overflow-y: scroll;
}
.height-250{
  height: 250px !important;
  overflow-y: scroll;
}
.height-268{
  min-height: 268px !important;
  overflow-y: scroll;
}
.height-400{
  min-height: 400px !important;
  overflow-y: scroll;
}
.height-535{
  min-height: 535px !important;
}
.height-570{
  height:570px !important;
  overflow-y: scroll;
}
.min-width-1200{
  min-width: 1200px;
}
strong{color: #333333}

/* CONTAINERS */
.box{box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); border: none; border-radius: 0;}
.box a{color: #333333;}
.box-body{padding: 20px; margin-bottom: 20px;}
.box-body.active{border-left: solid 4px #75b103 }
.box-body.closed{border-left: solid 4px #f12e2e }
.box-body.blue{border-left: solid 4px #2171C1 }
.box-default{box-shadow: 0px; background-color: #ffffff;}
.box-grey{box-shadow: 0px; background-color: #F2F4F6;}
.box:hover {opacity: 0.9; box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);}

.preview-table{
  background: #F2F4F6;
  border-collapse:separate;
  border-spacing:5px;
  border-radius: 4px;
  display: table;
  width: 100%;
  margin-bottom: 2px;
}
.preview-row{
  display: table-row;
}
.preview-item{
  display: table-cell;
  background: #ffffff;
  padding: 15px 10px;
  border-radius: 4px;
  font-size: 12px;
}
.preview-label{
  display: table-cell;
  padding: 15px 10px;
  width: 80px;
  font-size: 12px;
  font-weight: 500;
}
.preview-table-divider{
  background: url('/assets/img/divider.png') no-repeat center center;
  height: 45px;
  margin-top: -2px;
  text-align: center;
  font-size: 10px;
  font-weight: 500;
  line-height: 43px;
}

.panel {border-radius: 0 ; border: 0px;}
.panel-grey {border-color: #ddd; background-color: #f2f4f6;}
.panel-grey > .panel-heading {color: #333; background-color: #f2f4f6; border-color: #ddd;}
.panel-grey > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd;}
.panel-grey > .panel-heading .badge { color: #f5f5f5; background-color: #333;}
.panel-grey > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd;}

.study-tabs-container{
  margin-right: -15px;
  margin-left: -15px;
  /* margin-bottom: 10px; */
}

.modal-body.no-padding{padding: 0px}
.modal-dialog-lg{width: 882px;}

/* USER FILTER */
.filters-box{
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
}
.users-filter {padding: 10px 10px 5px 10px;background: #f2f4f6;}
.users-filter .col-sm-1{padding: 0px 3px 0 0;}
.users-filter .col-sm-2{padding: 0px 3px 0 0;}
.users-filter .col-sm-3{padding: 0px 3px 0 0;}
.users-filter .col-sm-4{padding: 0px 0 0 3px;}
.users-filter .col-sm-5{padding: 0px 3px 0 0;}
.users-filter .col-sm-6{padding: 0px 0 0 3px;}
.users-filter .col-sm-8{padding: 0px 3px 0 0;}
.users-filter .col-sm-10{padding: 0px 6px 0 0;}
.users-filter .col-sm-12{padding: 0px;}
.users-filter .form-group{margin-bottom: 5px;}

.users-filter-select {padding: 10px; background: #f2f4f6;border-bottom:1px solid #DDDDDD; border-top:1px solid #DDDDDD;}

/* MISC */

.bg-white{
  background: #ffffff !important;
}
.bg-danger{
  background: #fb484c;
}
.bg-success{
  background: #75b103;
}
.bg-grey{
  background: #fbfcfd;
}
.clickable-row{
  cursor: pointer;
}
.clickable-row.active td{
  background-color:#e8eff8 !important;
}
.modal-header{
  padding:11px 15px;
}

.table {
  margin-bottom: 0px;
}
table thead {
    background-color: #f2f4f6;
}

table > tr > td.active{
  background-color: #C2D4EE !important;
}
.label-success{
  background-color: #95c43c;
}
.label-success a{
  color: #476c01;
}
.label-closed{
  right: 15px;
  top:0px;
  z-index: 3;
  position: absolute;
}
::-webkit-scrollbar {width: 2px; height: 2px;}
::-webkit-scrollbar-track {background: #fafafa;}
::-webkit-scrollbar-thumb {background: #ccc;}
::-webkit-scrollbar-thumb:hover {background: #ddd;}


.label-url{
  height: 35px;
  padding: 7px 12px 22px 12px;
  display: inline-block;
  color: #fff;
  background: #7b7b7b !important;
  border: none;
  border-radius: 4px;
  margin-bottom: 10px;
}
.label-url a{
  margin-left: 8px;
  color: #ffffff;
}

.block{display: block;}

.shadow-none{
  box-shadow:none;
}

.pre-scrollable {
  min-height: 500px;
  background-color: #fff;
}

.top-nav{
  background-color: #fff;
  margin: -10px;
  padding: 20px;
}


/* LIST GROUP */

.list-group-item {
  border: none;
  border-bottom: solid 1px #f2f4f6;
  border-top: solid 1px #f2f4f6;
  padding: 15px 8px;
  border-radius: 0px !important;
}
.list-group-item.active:hover, .list-group-item.active {
  background-color: #e8eff8 !important;
  border-color: #e8eff8 !important;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  background-color:#2171C1;
  border-color:#2171C1;
}
.list-group-item-heading{
  color: #333333 !important;
  margin-bottom: 0px;
  font-size: 15px;
  display: block;
}
.list-group-item-heading-area{
  color: #333333 !important;
  margin-bottom: 0px;
  display: block;
  padding: 10px;
  background-color: #e8eff8 !important;
  border-bottom:1px solid #DDDDDD;
  border-right:1px solid #DDDDDD;
  height: 42px;
  border-bottom: 2px solid #c2d4ee !important;
}
.list-group-item-heading-area h4{
  font-size: 15px;
  font-weight: 500;
  line-height: 21px;
  color: #333333;
}
.list-group-item-text{
  color: #333333 !important;
  margin-top: 0px;
  font-size: 14px;
  display: block;
}

.filters-box .list-group{box-shadow: none}
.filters-box .list-group-item{border-left: none; border-right: none}
.filters-box .list-group-item:first-child{border-radius: 0px; border-top: none}
.filters-box .list-group-item:last-child{border-radius: 0px; border-bottom: none}
.filters-box ::-webkit-scrollbar-track {background:transparent;}
.filters-box td {padding: 13px 10px !important;}
.filters-box input.form-control{height: 32px;}


/* TYPOGRAPHY */
.title-1{
  border-bottom:solid 1px #ddd;
  padding-bottom: 10px;
  margin-bottom: 20px;
  line-height: 45px;
}
.title-2{
  color: #666666;
  font-size: 20px;
  border-bottom:solid 1px #ddd;
  padding-bottom: 10px;
  margin-bottom: 20px;
  line-height: 45px;
}
.title-directory{
  padding-top: 0px;
  margin-top: 14px;
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 25px;
}
.text-dark{
  color: #666666;
}
.text-success{
  color: #6fa607;
}
.text-warning{
  color: #dba531;
}
.text-danger{
  color: #df0010;
}
.material-icons.md-15 {
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  padding-bottom: 0px;
}
.breadcrumb {
  color: #999;
  padding: 6px 0 0 0;
  font-weight: 500;
  font-size: 15px;
  margin-bottom: 20px;
  background: none !important;
  /* margin-top: -15px; */
}
.breadcrumb a {
  color: #777;
}
.white{
  color: #ffffff;
}
/* .white h1,h2,h3,h4,p{
  color: #ffffff;
} */

/* FORM */
input.form-control{height: 40px;}
input[type="file"]{height: 40px; padding-top: 8px;}
input.dark{background: #f2f4f5 !important;}
textarea.dark{background: #f2f4f5 !important;}

.weekdays-selector input {
  display: none!important;
}
.weekdays-selector input[type=checkbox] + label {
  display: inline-block;
  border-radius: 6px;
  background: #ffffff;
  border: 1px solid #CCCCCC;
  height: 40px;
  width: 30px;
  margin-right: 3px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
}
.weekdays-selector input[type=checkbox]:checked + label {
  background: #75B103;
  color: #ffffff;
  border: 1px solid #ffffff;
}


/* BUTTONS */
a.btn{color: #fff; border: none !important;}
a.btn-md{height: 40px; min-width: 40px; line-height:2;}
a.btn:hover{box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);}
a.btn-success{ background: #75b103;}
a.btn-success:hover{ background: #81c302;}
a.btn-danger{ background: #df0010;}
a.btn-danger:hover{ background: #e91423;}
button.btn-danger{ background: #df0010;}
button.btn-danger:hover{ background: #e91423;}
a.btn-purple{ background: #9176f7;}
a.btn-purple:hover{ background: #9c84f8; color: #ffffff;}
a.btn-purple:focus{ color: #ffffff;}
a.btn-default{color: #fff; background: #7b7b7b;}
a.btn-default:hover{ background: #8f8f8f; color: #fff;}
a.btn-info{color: #fff; background: #42A4D7 !important;}
a.btn-info:hover{ background: #4eafe2 !important;}

.btn-md{height: 40px; min-width: 40px; line-height:1.8;}

a.btn-select, a.btn-select:hover, a.btn-select:focus{
  margin-top: px !important;
  border-radius: 4px 4px 0 0;
  background: #C2D4EE;
  padding: 6px 15px 5px 15px;
  height: 31px;
  color: #004988;
}

a.btn-study{
  height: 35px;
  padding-top: 7px;
  color: #fff;
  background: #7ec7ed !important;
  border: none;
  border-radius: 4px;
  font-weight: 600;
}
a.btn-study:hover{
  background: #2171C1 !important;
  border: none;
  color: #fff;
}
a.btn-study.active{
  background: #2171C1 !important;
  color: #fff;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn-35{height: 35px;padding-top: 7px;}
.round{border-radius: 50px;}

/* DROP DOWNS */
.btn-dropdown{color: #333333 !important; background: #ffffff; border: solid 1px #ccc;}
.btn-dropdown:hover{color: #333333 !important; background: #ffffff; border: solid 1px #ccc;}
.btn-dropdown-dark{color: #333333 !important; background: #f2f4f5; border: solid 1px #ccc;}
.btn-dropdown-dark:hover{color: #333333 !important; background: #f2f4f5; border: solid 1px #ccc;}
.btn-groups{color: #337AB7 !important; background: #D4F1FA; border: solid 1px #76dfff;}
.btn-groups:hover{color: #337AB7 !important; background: #cef0fa; border: solid 1px #76dfff;}
.btn-tags{color: #6551a6 !important; background: #E4DFF4; border: solid 1px #BFAEF8;}
.btn-tags:hover{color: #6551a6 !important; background: #F6F5FA; border: solid 1px #BFAEF8;}
.btn-dropdown-extra-dark{color: #ffffff !important; background: #7b7b7b; border: none;}
.btn-dropdown-extra-dark:hover{color: #ffffff !important; background: #7b7b7b; border: none;}

.dropdown-menu > li > a {
  padding: 10px 20px;
}


/* TABS */
.nav-tabs { border-bottom: 1px solid #c2d4ee;}
.nav-tabs > li {margin-bottom: -2px;}
.nav-tabs > li.active > a { border-width: 0;}
.nav-tabs > li > a { border: none; color: #666; padding: 0px 0 12px 0; margin-right: 15px; background: transparent !important;height: 33px;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border: none; }
.nav-tabs > li > a::after { content: ""; background: #2171C1; height: 2px; position: absolute; width: 100%; left: 0px; bottom: 0px; transition: all 250ms ease 0s; transform: scale(0);}
.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1);}
.nav-tabs > li > a::after { background: #0747A6 none repeat scroll 0% 0%; color: #fff;}

.nav-tabs > li.right{ float: right; }

.nav-tabs.study{ border-bottom: 1px solid #c2d4ee; }
.nav-tabs .study > li:first-child {margin-left: 15px;}


.panel-heading-tabs{
  padding: 15px 15px 0px 15px;
  border-bottom: 2px solid #c2d4ee !important;
  border-bottom-color: transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-heading-tabs .nav-tabs { border-bottom: none; }

.panel-default > .panel-heading {
  background-color: #ffffff;
}


/* SPACING */
.m-5{margin:5px;}
.m-l-4{margin-left:4px;}
.m-l-5{margin-left:5px;}
.m-l-8{margin-left:8px;}
.m-l-10{margin-left:10px;}
.m-l-15{margin-left:15px;}
.m-l-none{margin-left:0px;}
.m-r-5{margin-right:5px;}
.m-r-8{margin-right:8px;}
.m-r-15{margin-right:15px;}
.m-r-18{margin-right:18px;}
.m-r-10{margin-right:10px;}
.m-r-20{margin-right:20px;}
.m-r-40{margin-right:40px;}
.m-b-2{margin-bottom:2px;}
.m-b-5{margin-bottom:5px;}
.m-b-6{margin-bottom:6px;}
.m-b-10{margin-bottom:10px;}
.m-b-15{margin-bottom:15px;}
.m-b-20{margin-bottom:20px;}
.m-b-30{margin-bottom:30px;}
.m-b-40{margin-bottom:40px;}
.m-b-50{margin-bottom:50px;}
.m-b-none{margin-bottom:0px;}
.m-t-none{margin-top:0px;}
.m-t-5{margin-top:5px;}
.m-t-6{margin-top:6px;}
.m-t-7{margin-top:7px;}
.m-t-8{margin-top:8px;}
.m-t-10{margin-top:10px;}
.m-t-15{margin-top:15px;}
.m-t-20 {margin-top: 20px;}
.m-t-30{margin-top:30px;}
.m-t-35 {margin-top: 35px;}
.m-t-40 {margin-top: 40px;}
.m-t-50 {margin-top: 50px;}
.m-t-60 {margin-top: 60px;}
.m-t-70 {margin-top: 70px;}
.m-t-80 {margin-top: 80px;}
.m-t-90 {margin-top: 90px;}
.m-t-100 {margin-top: 100px;}
.m-t-130 {margin-top: 130px;}
.m-t-160 {margin-top: 160px;}
.m-t-200 {margin-top: 200px;}
.m-t--7{margin-top: -7px;}
.p-t-5 {padding-top: 5px;}
.p-t-7 {padding-top: 7px;}
.p-t-8 {padding-top: 8px;}
.p-t-10 {padding-top: 10px;}
.p-t-20 {padding-top: 20px;}
.p-t-30 {padding-top: 30px;}
.p-t-40 {padding-top: 40px;}
.p-t-50 {padding-top: 50px;}
.p-t-60 {padding-top: 60px;}
.p-b-5 {padding-bottom: 5px;}
.p-b-10 {padding-bottom: 10px;}
.p-b-20 {padding-bottom: 20px;}
.p-b-40 {padding-bottom: 40px;}
.p-b-50 {padding-bottom: 50px;}
.p-t-70 {padding-top: 70px;}
.p-b-100 {padding-bottom: 100px;}
.p-b-117 {padding-bottom: 117px;}
.p-t-100 {padding-top: 100px;}
.p-t-110 {padding-top: 110px;}
.p-t-120 {padding-top: 120px;}
.p-t-140 {padding-top: 140px;}
.p-t-150 {padding-top: 150px;}
.p-t-160 {padding-top: 160px;}
.p-t-170 {padding-top: 170px;}
.p-t-180 {padding-top: 180px;}
.p-l-10{padding-left:10px;}
.p-l-15{padding-left:15px;}
.p-r-40{padding-right:40px;}
.p-9{padding:9px;}
.p-l-40{padding-left:40px;}
.p-l-30{padding-left:30px;}
.p-l-20{padding-left:20px;}
.p-1 {padding:1px;}
.p-5{padding:5px;}
.p-10{padding:10px;}
.p-20{padding:20px;}
.p-30{padding:30px;}
.p-40{padding:40px;}
.p-30-p {padding:30%;}
.p-100 {padding:100px;}
.p-none {padding:0px !important;}
.p-l-none{padding-left: 0px !important;}
.p-b-none{padding-bottom: 0px !important;}
.p-r-none{padding-right: 0px !important;}
.p-t-none{padding-top: 0px !important;}
.m-b-none{margin-bottom: 0px !important;}
.m-none{margin: 0px !important;}
.b-none{border: none !important}
.b-b-none{border-bottom: 0px;}
.b-b{border-bottom:solid 1px #ddd;}
.b-t{border-top:solid 1px #ddd;}
.b-r{border-right:solid 1px #ddd;}
.b-l{border-left:solid 1px #ddd;}
.b-t-none{border-top:none;}
.b-r-none{border-right: none;}
@media (max-width: 1199px) {
.m-t-50-r {margin-top: 50px;}
}