@charset "utf-8";
/* CSS Document */
body {
	background:#e2e2e2;
}
a:hover { text-decoration:none;}

@media (min-width: 1200px) {
  .container {
    width: 1370px;
  }
}

#preloader  {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #fefefe;
     z-index: 100;
    height: inherit;
	opacity:0.9;
 }

#status  {
	width: 200px;
	height: 200px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url(../img/preloader.gif);
	background-repeat: no-repeat;
	background-position: center;
	margin: -100px 0 0 -100px;
 }


.page-top {text-align:center; margin-bottom:30px;}
.page-title {font-size:22px;}
.login-stamp {display:none; padding:8px 6px; border-color: transparent;}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary {
	color: #fff;
	background-color:#263f6a;
	border-color:#263f6a;
}

.pagination > li > a,
.pagination > li > span,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #263f6a;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #263f6a;
  border-color: #263f6a;
}

.label-D {
  background-color: #f26522;
}
.label-N {
  background-color: #4c8e4c;
}
a.label-s {
	background-color: rgba(240,173,78,0.70);
}
a.label-pdf {background-color:rgba(0,0,0,0.50); color:#fff; padding:3px 6px; font-size:11px; border-radius:5px;}
.glyphicon-active {color:#449d44 !important;}
.wrapper { position:relative; }
.hidethis {display: none;}
.showthis {display: block;}
h3.page-title {margin-top:0px;}

.error { color:rgba(201,26,29,1.00); }
.img-wrapper { position:relative; }
.img-wrapper .img-hover { position:absolute; z-index:10; padding:4px; }
.img-preview { border:solid 1px rgba(0,0,0,0.15); padding:4px; width:140px; margin:5px; border-radius:4px; }

.loginBox {
	background:#fff;
	padding:30px;
	margin:6%;
	border-radius:10px;
	border: 1px solid rgba(0,0,0,0.15);
	box-shadow: 0px 0px 6px rgba(0,0,0,0.05);
}
.loginBox .logo {padding:10px;}
.loginBox .logo img {width:150px;}
.loginBox .offline {text-align:center; padding:15px 15px 30px;}
.loginBox .offline h2 {font-size:20px;}
.loginBox .login {padding:10px;}

@media (min-width:768px){
	.loginBox .offline h2 {font-size:26px;}
	.page-top {text-align:left;}
	.login-stamp {display:inline; padding:6px; border-left:solid 1px rgba(0,0,0,1.00);}
	.page-buttons {text-align:right;}
	}

@media (max-width:768px){
	.dataTables_filter { display: none; }
	}

.contentB {
    height: auto;
	background-color: #fff;
	border-radius: 10px;
	padding: 25px 10px;
	border: 1px solid rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.05);
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.05);
	box-shadow: 0px 0px 6px rgba(0,0,0,0.05);
	overflow:hidden;
}

table th {text-align:center;}

fieldset {
  min-width: 0;
  padding: 20px;
  margin-bottom: 2%;
  border: solid 1px rgba(0,0,0,0.10);
  border-radius:5px;
}
legend {
  display: block;
  width: auto;
  padding: 10px;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-color: transparent;
}

section {
	clear:both;
	width:100%;
	padding-top: 5px;
	padding-bottom: 5px;
}

.gap {
	clear:both;
	height:25px;
	}

header {clear:both; padding:10px;}
header .caption { float:left; padding:12px 6px 10px; color:rgba(0,0,0,0.40);}
header .logo, header .banner {float:left;}
header .logo { float:left; width:33%;}
header .banner {width:66%; display:none;}

.navbar-inverse {
  background: -webkit-linear-gradient(#fefefe, #f2f2f2); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#fefefe, #f2f2f2); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#fefefe, #f2f2f2); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#fefefe, #f2f2f2); /* Standard syntax */
  border-color: #cccccc;
}
.navbar-inverse .navbar-nav > li > a {
  color: #222;
  font-size:16px;
  font-weight:bold;
  padding-left:30px;
  padding-right:30px;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff !important;
  background: -webkit-linear-gradient(#263f6a, #22395f); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#263f6a, #22395f); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#263f6a, #22395f); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#263f6a, #22395f); /* Standard syntax */
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff !important;
  background: -webkit-linear-gradient(#263f6a, #22395f); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#263f6a, #22395f); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#263f6a, #22395f); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#263f6a, #22395f); /* Standard syntax */
}

.navbar-inverse .navbar-toggle {
  border-color: #263f6a;
  background-color: #263f6a;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #263f6a;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: transparent;
}
.navbar-collapse {
  padding-right: 10px;
  padding-left: 10px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: none;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.navbar-inverse .dropdown-menu {
  background-color: #263f6a;
}
.navbar-inverse .dropdown-menu > li > a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 18px;
	color: #fff !important;
	white-space: nowrap;
}
.navbar-inverse .dropdown-menu > li > a:hover,
.navbar-inverse .dropdown-menu > li > a:focus,
.navbar-inverse .dropdown-submenu:hover > a,
.navbar-inverse .dropdown-submenu:focus > a {
	text-decoration: none;
	color: #fff !important;
	background-color: transparent;

}
.navbar-inverse .dropdown-menu > .active > a,
.navbar-inverse .dropdown-menu > .active > a:hover,
.navbar-inverse .dropdown-menu > .active > a:focus {
	color: #fff !important;
	text-decoration: none;
	outline: 0;
	background-color: transparent;
}
@media (min-width:768px){
  body.site {
	background:#e2e2e2;
	background-image: url(../images/bgM.png);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover cover;
  }
  .hidethis {display:block;}
  .showthis {display: none;}
  header .banner {display:inline;}
  .navbar {
    border-radius: 9px;
  }
  .navbar-inverse .navbar-nav > li > a {
	border-right:solid 1px #fff;
  }
  .navbar-inverse .navbar-nav > li > a:hover,
  .navbar-inverse .navbar-nav > li > a:focus,
  .navbar-inverse .navbar-nav > .active > a,
  .navbar-inverse .navbar-nav > .active > a:hover,
  .navbar-inverse .navbar-nav > .active > a:focus {
    border-right:solid 1px #22395f;
  }
  .navbar-inverse .navbar-nav > li:first-child > a:hover,
  .navbar-inverse .navbar-nav > li:first-child > a:focus,
  .navbar-inverse .navbar-nav > .active:first-child > a,
  .navbar-inverse .navbar-nav > .active:first-child > a:hover,
  .navbar-inverse .navbar-nav > .active:first-child > a:focus {
	border-radius: 9px 0px 0px 9px;
  }
  .navbar-inverse .navbar-nav.navbar-right > li > a {
	border-color: transparent;
  }
  .navbar-inverse .navbar-nav.navbar-right > li > a:hover,
  .navbar-inverse .navbar-nav.navbar-right > li > a:focus,
  .navbar-inverse .navbar-nav.navbar-right > .active > a,
  .navbar-inverse .navbar-nav.navbar-right > .active > a:hover,
  .navbar-inverse .navbar-nav.navbar-right > .active > a:focus {
    border-color:transparent;
    background-color:transparent;
  }
  .navbar-inverse .navbar-nav.navbar-right > li:first-child > a:hover,
  .navbar-inverse .navbar-nav.navbar-right > li:first-child > a:focus,
  .navbar-inverse .navbar-nav.navbar-right > .active:first-child > a,
  .navbar-inverse .navbar-nav.navbar-right > .active:first-child > a:hover,
  .navbar-inverse .navbar-nav.navbar-right > .active:first-child > a:focus {
	border-radius: 0px 9px 9px 0px;
  }
  .navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}

.navbar-inverse .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
 }

}

.nav-tabs {
  border-color: transparent;
  border-radius:7px;
  width:auto;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 0px;
  line-height: 1.42857143;
  border-top: solid 1px rgba(0,0,0,0.10);
  border-bottom: solid 1px rgba(0,0,0,0.10);
  border-radius:0px;
  border-right: solid 1px rgba(0,0,0,0.10);
}
.nav-tabs > li:first-child > a,
.nav-tabs > li:first-child > a:hover {
  border-radius: 7px 0px 0px 7px;
  border-left: solid 1px rgba(0,0,0,0.10);
}
.nav-tabs > li:last-child > a,
.nav-tabs > li:last-child > a:hover {
  border-radius: 0px 7px 7px 0px;
}

.nav-tabs > li > a:hover {
  border-radius:0px;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #fff;
  cursor: default;
  background-color: #263f6a;
  border-color: transparent;
}
.nav-tabs > li:first-child > a {
  border-radius: 7px 0px 0px 7px;
}

.tab-pane {padding:4% 0px; margin-top:10px; border-radius:0px;}

.proposal {
	padding: 6px;
	margin-bottom: 20px;
	border-radius:4px;
	background-color: rgba(0,0,0,0.05);
	border: solid 1px rgba(0,0,0,0.10);
	position: relative;
}
.proposal .change_image { position:absolute; z-index:10; top:0px; left:0px; padding:4px 8px; color:red; }
.proposal .change_image:hover { color:#fff; background-color:red; }
.comment {
	font-size:12px;
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	border-radius:4px;
	background-color: rgba(0,0,0,0.05);
}
.comment:last-child {
	background-color: rgba(0,0,0,0.08);
}

.nowell {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: transparent;
	border: 1px solid transparent;
	/*-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);*/
}
.nowell ul {
	list-style:none;
	padding:0px 25px;
}
.nowell ul li {
	padding:5px 0px;
}
.nowell .page-header {
	margin: 0px 0px 5px 0px;
}
@media (max-width: 980px) {
	.nowell {
		padding: 10px;
	}
}
.well ul {
	list-style: circle;
	padding:0px 25px;
}
.well ul li {
	padding:5px 0px;
}
.well a:hover,
.well a:focus {
	text-decoration:none;
	}
.dwell {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: transparent;
	border: 1px solid rgba(0,0,0,0.10);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
}

.logout {
	color:#D82715 !important;
	}
.wrapper {
	width:100%;
	overflow:hidden;
}

/* ------------------- Model Box --------------------- */

.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 14px solid #999;
  border: 14px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .0);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .0);
}


/* ----------------- Table Styling ------------------ */
.dtable a, .tdetail a, .display a {color:#263f6a;}

.dtable tr {
  padding: 5px;
}
.dtable td {padding:5px; font-size: 15px;}
.dtable td:first-child {font-weight:bold; text-align:right;}

.tdetail tr {
  padding: 5px;
}
.tdetail td {padding:5px;}

table.display td { font-size: 13px;}
table.display th {font-weight:bold; text-align:left; font-size: 12px;}
table.display td .glyphicon {font-size:17px;}

/* -----------------*/
.item-page {padding:0px 2%;}
.item-N {padding:10px; margin:6px; border-bottom:dotted 1px #C3C3C3;}
.item-N:last-child {border-color:transparent;}
.pad {
	padding:25px;
}

/*
  ====================================================================================================
  ======================================= FOOTER STYLES ===========================================
  ====================================================================================================
*/
footer {}
footer .credit {text-align:center;}
footer .version {text-align:center;}
@media screen and (min-width:768px){
	footer .credit {text-align:left;}
	footer .version {text-align:right;}
}

/*
  ====================================================================================================
  ======================================= MISC PAGE STYLES ===========================================
  ====================================================================================================
*/

.bs-wizard {margin-top: 40px;}

/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 11px; margin-bottom: 2px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 12px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 16px; height: 16px; display: block; background: rgba(9,180,172,1.00); top: 45px; left: 50%; margin-top: -11px; margin-left: -8px; border-radius: 50%;}
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0; background-color: #e5e5e5; overflow: hidden;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #09B4AC;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.cancelled > .bs-wizard-dot {background-color: rgba(205,55,33,1.00);}
.bs-wizard > .bs-wizard-step.cancelled > .bs-wizard-dot:after {opacity: .4;}
.bs-wizard > .bs-wizard-step.cancelled > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.cancelled > .progress { background-color: rgba(205,55,33,1.00);}
.bs-wizard > .bs-wizard-step.cancelled > .progress > .progress-bar {background: rgba(205,55,33,1.00);}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #e5e5e5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
/*END Form Wizard*/

.alert-normal {
  color: rgba(37,37,37,0.7) !important;
  background-color: rgba(197,197,197,0.1) !important;
  border-color: rgba(197,197,197,0.3) !important;
  position: relative !important;
}
.alert-normal:before {
border-bottom: 1px solid rgba(197,197,197,0.3) !important;
border-style: solid !important;
border-width: 10px !important;
color: rgba(255,255,255,0);
content: "" !important;
display: block !important;
height: 0 !important;
position: absolute !important;
left: 384px !important;
top: -20px !important;
width: 0 !important;
}

.alert-normal strong {
  color: rgba(5,144,138,0.8) !important;
}
.alert-normal hr {
  border-top-color: rgba(197,197,197,0.6) !important;
}
.alert-normal .alert-link {
  color: rgba(37,37,37,0.6) !important;
}

.alert-dash {
  color: rgba(37,37,37,1.0) !important;
  background-color: rgba(197,197,197,0.1) !important;
  border:1px dashed #dadada !important;
  position: relative !important;
}

.alert-dash strong {
  color: rgba(5,144,138,1.0) !important;
}
.alert-dash hr {
  border-top-color: rgba(197,197,197,0.6) !important;
}
.alert-dash .alert-link {
  color: rgba(37,37,37,0.6) !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;
  text-align:right;
  border: 1px dotted rgba(212,212,212,0.6);
  border-radius: 6px;
  padding: 20px;
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.0);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.0);
}
.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: 5;
  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;
  text-align:left;
}
.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;
}
*/

/*RELATED ARTICLES*/
.timeline-centered {
    position: relative;
    margin-bottom: 30px;
}

    .timeline-centered:before, .timeline-centered:after {
        content: " ";
        display: table;
    }

    .timeline-centered:after {
        clear: both;
    }

    .timeline-centered:before, .timeline-centered:after {
        content: " ";
        display: table;
    }

    .timeline-centered:after {
        clear: both;
    }

    .timeline-centered:before {
        content: '';
        position: absolute;
        display: block;
        width: 4px;
        background: #f5f5f6;
        /*left: 50%;*/
        top: 20px;
        bottom: 20px;
        margin-left: 30px;
    }

    .timeline-centered .timeline-entry {
        position: relative;
        /*width: 50%;
        float: right;*/
        margin-top: 5px;
        margin-left: 30px;
        margin-bottom: 10px;
        clear: both;
    }

        .timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after {
            content: " ";
            display: table;
        }

        .timeline-centered .timeline-entry:after {
            clear: both;
        }

        .timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after {
            content: " ";
            display: table;
        }

        .timeline-centered .timeline-entry:after {
            clear: both;
        }

        .timeline-centered .timeline-entry.begin {
            margin-bottom: 0;
        }

        .timeline-centered .timeline-entry.left-aligned {
            float: left;
        }

            .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner {
                margin-left: 0;
                margin-right: -18px;
            }

                .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {
                    left: auto;
                    right: -100px;
                    text-align: left;
                }

                .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon {
                    float: right;
                }

                .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label {
                    margin-left: 0;
                    margin-right: 70px;
                }

                    .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after {
                        left: auto;
                        right: 0;
                        margin-left: 0;
                        margin-right: -9px;
                        -moz-transform: rotate(180deg);
                        -o-transform: rotate(180deg);
                        -webkit-transform: rotate(180deg);
                        -ms-transform: rotate(180deg);
                        transform: rotate(180deg);
                    }

        .timeline-centered .timeline-entry .timeline-entry-inner {
            position: relative;
            margin-left: -20px;
        }

            .timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after {
                content: " ";
                display: table;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner:after {
                clear: both;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after {
                content: " ";
                display: table;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner:after {
                clear: both;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time {
                position: absolute;
                left: -100px;
                text-align: right;
                padding: 10px;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span {
                    display: block;
                }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:first-child {
                        font-size: 15px;
                        font-weight: bold;
                    }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:last-child {
                        font-size: 12px;
                    }

            .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
                background: #fff;
                color: #737881;
                display: block;
                width: 40px;
                height: 40px;
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding;
                background-clip: padding-box;
                -webkit-border-radius: 20px;
                -moz-border-radius: 20px;
                border-radius: 20px;
                text-align: center;
                -moz-box-shadow: 0 0 0 5px #f5f5f6;
                -webkit-box-shadow: 0 0 0 5px #f5f5f6;
                box-shadow: 0 0 0 5px #f5f5f6;
                line-height: 40px;
                font-size: 15px;
                float: left;
            }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-primary {
                    background-color: #303641;
                    color: #fff;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-secondary {
                    background-color: #ee4749;
                    color: #fff;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-success {
                    background-color: #00a651;
                    color: #fff;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-info {
                    background-color: #21a9e1;
                    color: #fff;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-warning {
                    background-color: #fad839;
                    color: #fff;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-danger {
                    background-color: #cc2424;
                    color: #fff;
                }

            .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
                position: relative;
                background: #f5f5f6;
                padding: 1em;
                margin-left: 60px;
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding;
                background-clip: padding-box;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
            }


                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after {
                    content: '';
                    display: block;
                    position: absolute;
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: 9px 9px 9px 0;
                    border-color: transparent #f5f5f6 transparent transparent;
                    left: 0;
                    top: 10px;
                    margin-left: -9px;
                }

				.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label blockquote {
				  color: rgba(0,0,0,0.60);
				  padding:10px;
				  margin: 10px;
				  font-size: 13px;
				  border-color: solid 4px rgba(0,0,0,0.20);
				}

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p {
                    color: #737881;
                    font-family: "Noto Sans",sans-serif;
                    font-size: 12px;
                    margin: 0;
                    line-height: 1.428571429;
					padding-left:4%;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p span {
                    color: rgba(0,0,0,0.80);
                }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p + p {
                        margin-top: 15px;
                    }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 {
                    font-size: 16px;
                    margin-bottom: 10px;
                }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 a {
                        color: #303641;
                    }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 span {
                        -webkit-opacity: .6;
                        -moz-opacity: .6;
                        opacity: .6;
                        -ms-filter: alpha(opacity=60);
                        filter: alpha(opacity=60);
                    }



/*
for grey scale
http://codepen.io/beben-koben/pen/ckKzh
THIS NOT WORKING in Safari and Chrome
*/
.grayscale {
filter: url(#grayscale);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}

/*Hover effects*/
.grayscale:hover {
    filter: none;
	-moz-filter: none;
	-webkit-filter: none;
}

/*Default state for brightness has to be specified specifically*/
img.brightness:hover {
    -webkit-filter: brightness(0);
}

/*
calendar css
Ref: http://codepen.io/chelovekov/pen/ayKAn
*/

.dott { padding:20px; border:dashed 1px rgba(0,0,0,0.15); border-radius:4px; background-color:rgba(0,0,0,0.10); margin:5px 0px;}

.dash-custom {
  background:#fff;
  transition:all 0.2s ease;
  border:1px dashed #dadada;
  margin-bottom: 12px;
  text-align:center;
  box-sizing: border-box;
  border-radius: 5px;
  background-clip: padding-box;
  padding:5%;
}


.dash {
  background:#fff;
  transition:all 0.2s ease;
  border:1px dashed #dadada;
  margin-bottom: 12px;
  text-align:center;
  box-sizing: border-box;
  border-radius: 5px;
  background-clip: padding-box;
  padding:10px;
}

.box {
  background:#fff;
  transition:all 0.2s ease;
  border:1px dashed #dadada;
  text-align:center;
  box-sizing: border-box;
  border-radius: 5px;
  background-clip: padding-box;
  padding:10px;
  margin-top:14px;
  min-height:240px;
}

.box:hover {
  color:#fff;
  border:1px solid #263f6a;
  background: #263f6a;
}

.box h1.tag-title {
    font-size: 18px;
	margin-bottom:0px;
}

.box .box-content {
  padding: 16px;
  border-radius: 0 0 2px 2px;
  background-clip: padding-box;
  box-sizing: border-box;
}
.box .box-content .gly-5x { font-size:4em; margin-top:10px;}
.box .box-content .gly-6x { font-size:7em; margin-top:10px;}
.box .box-content .glyphicon {color:#263f6a;}
.box:hover .glyphicon {color:#fff;}

.box .box-content p {
  color:#515c66;
  text-transform:none;
}
.box:hover p {color:#fff;}

.agenda {  }

/* Dates */
.agenda .agenda-date { width: 170px; }
.agenda .agenda-date .dayofmonth {
  width: 40px;
  font-size: 36px;
  line-height: 36px;
  float: left;
  text-align: right;
  margin-right: 10px;
}
.agenda .agenda-date .shortdate {
  font-size: 0.75em;
}


/* Times */
.agenda .agenda-time { width: 140px; }


/* Events */
.agenda .agenda-events {  }
.agenda .agenda-events .agenda-event {  }

@media (max-width: 767px) {

}
.glyphicon.pull-right {
    margin-left: 0.1em;
}

.date-picker,
.date-container {
    position: relative;
    display: inline-block;
    width: 100%;
    color: rgb(75, 77, 78);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.date-container {
    padding: 0px 40px;
}

.date-picker h2, .date-picker h4 {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0px;
    font-family: 'Roboto', sans-serif;
    font-weight: 200;
}

.date-container{
    text-align: center;
}
.date-picker span.fa {
    position: absolute;
    cursor: pointer;
}
.date-picker span.fa[data-method="subtract"] {
    left: 0px;
}
.date-picker span.fa[data-method="add"] {
    right: 0px;
}


@media (min-width: 768px) and (max-width: 1010px) {
    .date-picker h2{
        font-size: 1.5em;
        font-weight: 400;
    }
    .date-picker h4 {
        font-size: 1.1em;
    }
    .date-picker span.fa {
        font-size: 3em;
    }
}