/*

Template Name: DASHGUM FREE - Bootstrap 3.2 Admin Theme

Template Version: 1.0

Author: Carlos Alvarez

Website: http://blacktie.co

Premium: http://www.gridgum.com

*/



/* Import fonts */

@import url(https://fonts.googleapis.com/css?family=Ruda:400,700,900);



/* BASIC THEME CONFIGURATION */

body {

    color: #242424;

	background: #f2f2f2;

    font-family: 'Helvlight', sans-serif;

    padding: 0px !important;

    margin: 0px !important;

    font-size:13px;

}



ul li {

    list-style: none;

}



a, a:hover, a:focus {

    text-decoration: none;

    outline: none;

}

::selection {



    background: #68dff0;

    color: #fff;

}

::-moz-selection {

    background: #68dff0;

    color: #fff;

}



#container {

    width: 100%;

    height: 100%;

}



/* Bootstrap Modifications */

.modal-header {

	background: #68dff0;

}



.modal-title {

	color: white;

}



.btn-round {

	border-radius: 20px;

	-webkit-border-radius: 20px;

}



.accordion-heading .accordion-toggle {

	display: block;

	cursor: pointer;

	border-top: 1px solid #F5F5F5;

	padding: 5px 0px;

	line-height: 28.75px;

	text-transform: uppercase;

	color: #1a1a1a;

	background-color: #ffffff;

	outline: none !important;

	text-decoration: none;

}	







/*Theme Backgrounds*/



.bg-theme {

	background-color: #68dff0;

}



.bg-theme02 {

	background-color: #ac92ec;

}



.bg-theme03 {

  background-color: #48cfad;

}



.bg-theme04 {

  background-color: #ed5565;

}

/*Theme Buttons*/



.btn-theme {

  color: #fff;

  background-color: #242424;

  border-color: #000;

}

.btn-theme:hover,

.btn-theme:focus,

.btn-theme:active,

.btn-theme.active,

.open .dropdown-toggle.btn-theme {

  color: #fff;

  background-color: #000566;

  border-color: #cc0000;

}



.btn-theme02 {

  color: #fff;

  background-color: #ac92ec;

  border-color: #967adc;

}

.btn-theme02:hover,

.btn-theme02:focus,

.btn-theme02:active,

.btn-theme02.active,

.open .dropdown-toggle.btn-theme02 {

  color: #fff;

  background-color: #967adc;

  border-color: #967adc;

}



.btn-theme03 {

  color: #fff;

  background-color: #48cfad;

  border-color: #37bc9b;

}

.btn-theme03:hover,

.btn-theme03:focus,

.btn-theme03:active,

.btn-theme03.active,

.open .dropdown-toggle.btn-theme03 {

  color: #fff;

  background-color: #37bc9b;

  border-color: #37bc9b;

}



.btn-theme04 {

  color: #fff;

  background-color: #ed5565;

  border-color: #da4453;

}

.btn-theme04:hover,

.btn-theme04:focus,

.btn-theme04:active,

.btn-theme04.active,

.open .dropdown-toggle.btn-theme04 {

  color: #fff;

  background-color: #da4453;

  border-color: #da4453;

}



.btn-clear-g {

	color: #48bcb4;

	background: transparent;

	border-color: #48bcb4;

}



.btn-clear-g:hover {

	color: white;

}



hr {

  margin-top: 20px;

  margin-bottom: 20px;

  border: 0;

  border-top: 1px solid #797979;

}







/*Helpers*/



.centered {

	text-align: center;

}



.goleft {

	text-align: left;

}



.goright {

	text-align: right;

}



.mt {

	margin-top: 25px;

}



.mb {

	margin-bottom: 25px;

}



.ml {

	margin-left: 5px;

	}



.no-padding {

	padding: 0 !important;

}



.no-margin {

	margin: 0 !important;

}



/*Exclusive Theme Colors Configuration*/



.label-theme {

	background-color: #68dff0;

}



.bg-theme {

	background-color: #68dff0;

}



ul.top-menu > li > .logout {

	color: #fff;

	font-size: 12px;

	border-radius: 4px;

	-webkit-border-radius: 4px;

	border: 1px solid #cc0000 !important;

	padding: 5px 15px;

	margin-right: 15px;

	background: #242424;

	margin-top: 15px;

}





/*sidebar navigation*/



#sidebar {

    width: 210px;

    height: 100%;

    position: fixed;

    background: #424a5d;

}



#sidebar h5 {

	color: #f2f2f2;

	font-weight: 700;

}



#sidebar ul li {

    position: relative;

}



#sidebar .sub-menu > .sub li  {

    padding-left: 32px;

}



#sidebar .sub-menu > .sub li:last-child {

    padding-bottom: 10px;

}



/*LEFT NAVIGATION ICON*/

.dcjq-icon {

    height:17px;

    width:17px;

    display:inline-block;

    background: url("../img/nav-expand.png") no-repeat top;

    border-radius:3px;

    -moz-border-radius:3px;

    -webkit-border-radius:3px;

    position:absolute;

    right:10px;

    top:15px;

}

.active .dcjq-icon {

    background: url("../img/nav-expand.png") no-repeat bottom;

    border-radius:3px;

    -moz-border-radius:3px;

    -webkit-border-radius:3px;

}

/*---*/



.nav-collapse.collapse {

    display: inline;

}



ul.sidebar-menu , ul.sidebar-menu li ul.sub{

    margin: -2px 0 0;

    padding: 0;

}



ul.sidebar-menu {

    margin-top: 75px;

}



#sidebar > ul > li > ul.sub {

    display: none;

}



#sidebar > ul > li.active > ul.sub, #sidebar > ul > li > ul.sub > li > a {

    display: block;

}



ul.sidebar-menu li ul.sub li{

    background: #424a5d;

    margin-bottom: 0;

    margin-left: 0;

    margin-right: 0;

}



ul.sidebar-menu li ul.sub li:last-child{

    border-radius: 0 0 4px 4px;

    -webkit-border-radius: 0 0 4px 4px;

}



ul.sidebar-menu li ul.sub li a {

    font-size: 12px;

    padding: 6px 0;

    line-height: 35px;

    height: 35px;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

    color: #aeb2b7;

}



ul.sidebar-menu li ul.sub li a:hover {

	color: white;

	background: transparent;

}



ul.sidebar-menu li ul.sub li.active a {

    color: #68dff0;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

    display: block;

}



ul.sidebar-menu li{

    /*line-height: 20px !important;*/

    margin-bottom: 5px;

    margin-left:10px;

    margin-right:10px;

}



ul.sidebar-menu li.sub-menu{

    line-height: 15px;

}



ul.sidebar-menu li a span{

    display: inline-block;

}



ul.sidebar-menu li a{

    color: #aeb2b7;

    text-decoration: none;

    display: block;

    padding: 15px 0 15px 10px;

    font-size: 12px;

    outline: none;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



ul.sidebar-menu li a.active, ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus {

    background: #ff3333;

    color: #fff;

    display: block;



    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

}





ul.sidebar-menu li a i {

    font-size: 15px;

    padding-right: 6px;

}



ul.sidebar-menu li a:hover i, ul.sidebar-menu li a:focus i {

    color: #fff;

}



ul.sidebar-menu li a.active i {

    color: #fff;

}





.mail-info, .mail-info:hover {

    margin: -3px 6px 0 0;

    font-size: 11px;

}



/* MAIN CONTENT CONFIGURATION */

#main-content {

    margin-left: 210px;

}



.header, .footer {

    min-height: 60px;

    padding: 0 15px;

}



.header {

    position: fixed;

    left: 0;

    right: 0;

    z-index: 1002;

}



.black-bg {

    background: #000566;

    border-bottom: 1px solid #cc0000;

}



.wrapper {

    display: inline-block;

    color: black;

    border: 0px

    margin-top: 0px;

    padding-left: 15px;

    padding-right: 15px;

    padding-bottom: 15px;

    padding-top: 0px;

    width: 100%;

    height: 100%;


}



a.logo {

    font-size: 20px;

    color: #ffffff;

    float: left;

    margin-top: 15px;

    text-transform: uppercase;

}



a.logo b {

    font-weight: 900;

}



a.logo:hover, a.logo:focus {

    text-decoration: none;

    outline: none;

}



a.logo span {

    color: #68dff0;

}





/*notification*/

#top_menu .nav > li, ul.top-menu > li {

    float: left;

}



.notify-row {

    float: left;

    margin-top: 15px;

    margin-left: 92px;

}



.notify-row .notification span.label {

    display: inline-block;

    height: 18px;

    width: 20px;

    padding: 5px;

}



ul.top-menu > li > a {

    color: #242424;

    font-size: 16px;

    border-radius: 4px;

    -webkit-border-radius: 4px;

    border:1px solid #242424 !important;

    padding: 2px 6px;

    margin-right: 15px;

}



ul.top-menu > li > a:hover, ul.top-menu > li > a:focus {

    border:1px solid #b6b6b6 !important;

    background-color: transparent !important;

    border-color: #b6b6b6 !important;

    text-decoration: none;

    border-radius: 4px;

    -webkit-border-radius: 4px;

    color: #b6b6b6 !important;

}



.notify-row .badge {

    position: absolute;

    right: -10px;

    top: -10px;

    z-index: 100;

}



.dropdown-menu.extended {

    max-width: 300px !important;

    min-width: 160px !important;

    top: 42px;

    width: 235px !important;

    padding: 0;

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.176) !important;

    border: none !important;

    border-radius: 4px;

    -webkit-border-radius: 4px;

}



@media screen and (-webkit-min-device-pixel-ratio:0) {

    /* Safari and Chrome */

    .dropdown-menu.extended  {

        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176) !important;

    };

    }



.dropdown-menu.extended li p {

    background-color: #F1F2F7;

    color: #666666;

    margin: 0;

    padding: 10px;

    border-radius: 4px 4px 0px 0px;

    -webkit-border-radius: 4px 4px 0px 0px;

}



.dropdown-menu.extended li p.green {

    background-color: #68dff0;

    color: #fff;

}



.dropdown-menu.extended li p.yellow {

    background-color: #fcb322;

    color: #fff;

}



.dropdown-menu.extended li a {

    border-bottom: 1px solid #EBEBEB !important;

    font-size: 12px;

    list-style: none;

}



.dropdown-menu.extended li a {

    padding: 15px 10px !important;

    width: 100%;

    display: inline-block;

}



.dropdown-menu.extended li a:hover {

    background-color: #F7F8F9 !important;

    color: #2E2E2E;

}



.dropdown-menu.tasks-bar .task-info .desc {

    font-size: 13px;

    font-weight: normal;

}



.dropdown-menu.tasks-bar .task-info .percent {

    display: inline-block;

    float: right;

    font-size: 13px;

    font-weight: 600;

    padding-left: 10px;

    margin-top: -4px;

}



.dropdown-menu.extended .progress {

    margin-bottom: 0 !important;

    height: 10px;

}



.dropdown-menu.inbox li a .photo img {

    border-radius: 2px 2px 2px 2px;

    float: left;

    height: 40px;

    margin-right: 4px;

    width: 40px;

}



.dropdown-menu.inbox li a .subject {

    display: block;

}



.dropdown-menu.inbox li a .subject .from {

    font-size: 12px;

    font-weight: 600;

}



.dropdown-menu.inbox li a .subject .time {

    font-size: 11px;

    font-style: italic;

    font-weight: bold;

    position: absolute;

    right: 5px;

}



.dropdown-menu.inbox li a .message {

    display: block !important;

    font-size: 11px;

}



.top-nav  {

    margin-top: 7px;

}



.top-nav ul.top-menu > li .dropdown-menu.logout {

    width: 268px !important;



}



.top-nav li.dropdown .dropdown-menu {

    float: right;

    right: 0;

    left: auto;

}



.dropdown-menu.extended.logout > li {

    float: left;

    text-align: center;

    width: 33.3%;

}



.dropdown-menu.extended.logout > li:last-child {

    float: left;

    text-align: center;

    width: 100%;

    background: #a9d96c;

    border-radius: 0 0 3px 3px;

}



.dropdown-menu.extended.logout > li:last-child > a, .dropdown-menu.extended.logout > li:last-child > a:hover {

    color: #fff;

    border-bottom: none !important;

    text-transform: uppercase;

}



.dropdown-menu.extended.logout > li:last-child > a:hover > i{

    color: #fff;

}



.dropdown-menu.extended.logout > li > a {

    color: #a4abbb;

    border-bottom: none !important;

}



.full-width .dropdown-menu.extended.logout > li > a:hover {

    background: none !important;

    color: #50c8ea !important;

}



.dropdown-menu.extended.logout > li > a:hover {

    background: none !important;

}



.dropdown-menu.extended.logout > li > a:hover i {

    color: #50c8ea;

}



.dropdown-menu.extended.logout > li > a i {

    font-size: 17px;

}



.dropdown-menu.extended.logout > li > a > i {

    display: block;

}



.top-nav ul.top-menu > li > a {

    border: 1px solid #eeeeee;

    border-radius: 4px;

    -webkit-border-radius: 4px;

    padding: 6px;

    background: none;

    margin-right: 0;

}

.top-nav ul.top-menu > li {

    margin-left: 10px;

}



.top-nav ul.top-menu > li > a:hover, .top-nav ul.top-menu > li > a:focus {

    border:1px solid #F1F2F7;

    background: #F1F2F7;



}



.top-nav .dropdown-menu.extended.logout {

    top: 50px;

}



.top-nav .nav .caret {

    border-bottom-color: #A4AABA;

    border-top-color: #A4AABA;

}

.top-nav ul.top-menu > li > a:hover .caret {

    border-bottom-color: #000;

    border-top-color: #000;

}



.log-arrow-up {

    background: url("../img/arrow-up.png") no-repeat;

    width: 20px;

    height: 11px;

    position: absolute;

    right: 20px;

    top: -10px;

}



/*----*/



.notify-arrow {

    border-style: solid;

    border-width: 0 9px 9px;

    height: 0;

    margin-top: 0;

    opacity: 0;

    position: absolute;

    left: 7px;

    top: -18px;

    transition: all 0.25s ease 0s;

    width: 0;

    z-index: 10;

    margin-top: 10px;

    opacity: 1;

}



.notify-arrow-yellow {

    border-color: transparent transparent #FCB322;

    border-bottom-color: #FCB322 !important;

    border-top-color: #FCB322 !important;

}

.notify-arrow-green {

    border-color: transparent transparent #68dff0;

    border-bottom-color: #68dff0 !important;

    border-top-color: #68dff0 !important;

}







/*--sidebar toggle---*/



.sidebar-toggle-box {

    float: left;

    padding-right: 15px;

    margin-top: 20px;

}



.sidebar-toggle-box .fa-bars {

    cursor: pointer;

    display: inline-block;

    font-size: 20px;

}





.sidebar-closed > #sidebar > ul {

    display: none;

}



.sidebar-closed #main-content {

    margin-left: 0px;

}



.sidebar-closed #sidebar {

    margin-left: -180px;

}





/* Dash Side */



.ds {

	background: #ffffff;

	padding-top: 20px;

}



.ds h4 {

	font-size: 14px;

	font-weight: 700;

}



.ds h3 {

	color: #ffffff;

	font-size: 16px;

	padding: 0 10px;

	line-height: 60px;

	height: 60px;

	margin: 0;

	background: #ff865c;

	text-align: center;

}



.ds i {

	font-size: 12px;

	line-height: 16px;

}



.ds .desc {

	border-bottom: 1px solid #eaeaea;

	display: inline-block;

	padding: 15px 0;

	width: 100%;

}



.ds .desc:hover {

	background: #f2f2f2;

}



.ds .thumb {

	width: 30px;

	margin: 0 10px 0 20px;

	display: block;

	float: left;

}



.ds .details {

	width: 170px;

	float: left;

}



.ds > .desc p {

	font-size: 11px;

}



.ds p > muted {

	font-size: 9px;

	text-transform: uppercase;

	font-style: italic;

	color: #666666

}



.ds a {

	color: #68dff0;

}



/* LINE ICONS CONFIGURATION */



.mtbox {

	margin-top: 80px;

	margin-bottom: 40px;

}



.box1 {

	padding: 15px;

	text-align: center;

	color: #989898;

	border-bottom: 1px solid #989898;

}



.box1 span {

	font-size: 50px;



}



.box1 h3 {

	text-align: center;

}



.box0:hover .box1 {

	border-bottom: 1px solid #ffffff;

}



.box0 p {

	text-align: center;

	font-size: 12px;

	color: #f2f2f2;

}



.box0:hover p {

	color: #ff865c;

}



.box0:hover {

	background: #ffffff;

	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);

}



/* MAIN CHART CONFIGURATION */

.main-chart {

	padding-top: 20px;

}



.mleft {

}



.border-head h3 {

    margin-top: 20px;

    margin-bottom: 20px;

	margin-left: 15px;	

    padding-bottom: 5px;

    font-weight: normal;

    font-size: 18px;

    display: inline-block;

    width: 100%;

    font-weight: 700;

    color: #989898;

}



.custom-bar-chart {

    height: 290px;

    margin-top: 20px;

    margin-left: 20px;

    position: relative;

    border-bottom: 1px solid #c9cdd7;

}



.custom-bar-chart .bar {

    height: 100%;

    position: relative;

    width: 6%;

    margin: 0px 4%;

    float: left;

    text-align: center;

    z-index: 10;

}



.custom-bar-chart .bar .title {

    position: absolute;

    bottom: -30px;

    width: 100%;

    text-align: center;

    font-size: 11px;

}



.custom-bar-chart .bar .value {

    position: absolute;

    bottom: 0;

    background: #ff865c;

    color: #68dff0;

    width: 100%;

    -webkit-border-radius: 5px 5px 0 0;

    -moz-border-radius: 5px 5px 0 0;

    border-radius: 5px 5px 0 0;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}







.custom-bar-chart .bar .value:hover {

    background: #2f2f2f;

    color: #fff;

}



.y-axis {

    color: #555555;

    position: absolute;

    text-align: left;

    width: 100%;

    font-size: 11px;

}



.y-axis li {

    border-top: 1px dashed #dbdce0;

    display: block;

    height: 58px;

    width: 100%;

}



.y-axis li:last-child {

    border-top: none;

}



.y-axis li span {

    display: block;

    margin: -10px 0 0 -60px;

    padding: 0 10px;

    width: 40px;

}





/*Donut Chart Main Page Conf*/

.donut-main {

	display: block;

	text-align: center;

}



.donut-main h4 {

	font-weight: 700;

	font-size: 16px;

}



/* *************************************************************************************

PANELS CONFIGURATIONS

*************************************************************************************** */



/*Panel Size*/



.pn {

	height: 250px;

	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);

}



.pn:hover {

	box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.3);

	

}



/*Grey Panel*/



.grey-panel {

	text-align: center;

	background: #dfdfe1;

}

.grey-panel .grey-header {

	background: #ccd1d9;

	padding: 3px;

	margin-bottom: 15px;

}

.grey-panel h5 {

	font-weight: 200;

	margin-top: 10px;

}

.grey-panel p {

	margin-left: 5px;

}

/* Specific Conf for Donut Charts*/

.donut-chart p {

	margin-top: 5px;

	font-weight: 700;

	margin-left: 15px;

}

.donut-chart h2 {

	font-weight: 900;

	color: #FF6B6B;

	font-size: 38px;

}



/* Dark Blue*/



.darkblue-panel {

	text-align: center;

	background: #444c57;

}

.darkblue-panel .darkblue-header {

	background: transparent;

	padding: 3px;

	margin-bottom: 15px;

}

.darkblue-panel h1 {

	color: #f2f2f2;

}

.darkblue-panel h5 {

	font-weight: 200;

	margin-top: 10px;

	color: white;

}

.darkblue-panel footer {

	color: white;

}

.darkblue-panel footer h5 {

	margin-left:10px; 

	margin-right: 10px;

	font-weight: 700;

}



/*Green Panel*/

.green-panel {

	text-align: center;

	background: #68dff0;

}

.green-panel .green-header {

	background: #43b1a9;

	padding: 3px;

	margin-bottom: 15px;

}

.green-panel h5 {

	color: white;

	font-weight: 200;

	margin-top: 10px;

}

.green-panel h3 {

	color: white;

	font-weight: 100;

}

.green-panel p {

	color: white;

}



/*White Panel */

.white-panel {

	text-align: center;

	background: #ffffff;

	color: #ccd1d9;

}



.white-panel p {

	margin-top: 5px;

	font-weight: 700;

	margin-left: 15px;

}

.white-panel .white-header {

	background: #f4f4f4;

	padding: 3px;

	margin-bottom: 15px;

	color: #c6c6c6;

}

.white-panel .small {

	font-size: 10px;

	color: #ccd1d9;

}



.white-panel i {

	color: #68dff0;

	padding-right: 4px;

	font-size: 14px;

}



/*STOCK CARD Panel*/

.card {

  background: white;

  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);

  margin-bottom: 1em; 

  height: 250px;

}

.stock .stock-chart {

  background: #00c5de;

}

.stock .stock-chart #chart {

    height: 10.7em;

    background: url(http://i.imgbox.com/abmuNQx2) center bottom no-repeat; 

}    

.stock .current-price {

  background: #1d2122;

  padding: 10px; 

}

.stock .current-price .info abbr {

    display: block;

    color: #f8f8f8;

    font-size: 1.5em;

    font-weight: 600;

    margin-top: 0.18em;

}

.stock .current-price .changes {

    text-align: right; 

}

.stock .changes .up {

	color: #4fd98b

}

.stock .current-price .changes .value {

      font-size: 1.8em;

      font-weight: 700; 

}

.stock .summary {

    color: #2f2f2f;

    display: block;

    background: #f2f2f2;

    padding: 10px;

	text-align: center;

}

.stock .summary strong {

	font-weight: 900;

	font-size: 14px;

}



/*Content Panel*/

.content-panel {

	background: #ffffff;

	box-shadow: 0px 3px 2px #aab2bd;

	padding-top: 15px;

	padding-bottom: 5px;

}

.content-panel h4 {

	margin-left: 10px;

}



/*WEATHER PANELS*/



/* Weather 1 */

.weather {

	background: url(../img/weather.jpg) no-repeat center top;

	text-align: center;

	background-position: center center;

}

.weather i {

	color: white;

	margin-top: 45px;

}

.weather h2 {

	color: white;

	font-weight: 900;

}

.weather h4 {

	color: white;

	font-weight: 900;

	letter-spacing: 1px;

}



/* Weather 2 */

.weather-2 {

	background: #e9f0f4;

}

.weather-2 .weather-2-header {

	background: #54bae6;

	padding-top: 5px;

	margin-bottom: 5px;

}

.weather-2 .weather-2-header p {

	color: white;

	margin-left: 5px;

	margin-right: 5px;

}

.weather-2 .weather-2-header p small {

	font-size: 10px;

}

.weather-2 .data {

	margin-right: 10px;

	margin-left: 10px;

	color: #272b34;

}

.weather-2 .data h5 {

	margin-top: 0px;

	font-weight: lighter;

}

.weather-2 .data h1{

	margin-top: 2px;

}



/* Weather 3 */

.weather-3 {

	background: #ffcf00;

}



.weather-3 i {

	color: white;

	margin-top: 30px;

	font-size: 70px;

}

.weather-3 h1 {

	margin-top: 10px;

	color: white;

	font-weight: 900;

}

.weather-3 .info {

	background: #f2f2f2;

}

.weather-3 .info i {

	font-size: 15px;

	color: #c2c2c2;

	margin-bottom: 0px;

	margin-top: 10px;

}

.weather-3 .info h3 {

	font-weight: 900;

	margin-bottom: 0px;

}

.weather-3 .info p {

	margin-left: 10px;

	margin-right: 10px;

	margin-bottom: 16px;

	color: #c2c2c2;

	font-size: 15px;

	font-weight: 700;

}





/*Twitter Panel*/

.twitter-panel {

	background: #4fc1e9;

	text-align: center;

}

.twitter-panel i {

	color: white;

	margin-top: 40px;

}

.twitter-panel p {

	color: #f5f5f5;

	margin: 10px;

}

.twitter-panel .user {

	color: white;

	font-weight: 900;

}





/* Instagram Panel*/

.instagram-panel {

	background: url(../img/instagram.jpg) no-repeat center top;

	text-align: center;

	background-position: center center;

}

.instagram-panel i {

	color: white;

	margin-top: 35px;

}

.instagram-panel p {

	margin: 5px;

	color: white;

}



/* Product Panel */

.product-panel {

	background: #dadad2;

	text-align: center;

	padding-top: 50px;

	height: 100%;

}



/* Product Panel 2*/

.product-panel-2 {

	background: #dadad2;

	text-align: center;

}

.product-panel-2 .badge {

	position: absolute;

	top: 20px;

	left: 35px;

}

.badge-hot {

	background: #ed5565;

	width: 70px;

	height: 70px;

	line-height: 70px;

	font-size: 18px;

	color: #fff;

	text-align: center;

	border-radius: 100%;

}



/* Soptify Panel */

#spotify {

	background: url(../img/lorde.jpg) no-repeat center top;

	margin-top: -15px;

	background-attachment: relative;

	background-position: center center;

	min-height: 220px;

	width: 100%;

    -webkit-background-size: 100%;

    -moz-background-size: 100%;

    -o-background-size: 100%;

    background-size: 100%;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}

#spotify .btn-clear-g {

	top: 15%;

	right: 10px;

	position: absolute;

	margin-top: 5px;

}

#spotify .sp-title {

	bottom: 15%;

	left: 25px;

	position: absolute;

	color: #efefef;

}

#spotify .sp-title h3 {

	font-weight: 900;

}

#spotify .play{

	bottom: 18%;

	right: 25px;

	position: absolute;

	color: #efefef;

	font-size: 20px

}

.followers {

	margin-left: 5px;

	margin-top: 5px;

}



/* BLOG PANEL */

#blog-bg {

	background: url(../img/blog-bg.jpg) no-repeat center top;

	margin-top: -15px;

	background-attachment: relative;

	background-position: center center;

	min-height: 150px;

	width: 100%;

    -webkit-background-size: 100%;

    -moz-background-size: 100%;

    -o-background-size: 100%;

    background-size: 100%;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}

#blog-bg .badge {

	position: absolute;

	top: 20px;

	left: 35px;

}

.badge-popular {

	background: #3498db;

	width: 70px;

	height: 70px;

	line-height: 70px;

	font-size: 13px;

	color: #fff;

	text-align: center;

	border-radius: 100%;

}

.blog-title {

	background: rgba(0,0,0,0.5);

	bottom: 100px;

	padding: 6px;

	color: white;

	font-weight: 700;

	position: absolute;

	display: block;

	width: 120px;

}

.blog-text {

	margin-left: 8px;

	margin-right: 8px;

	margin-top: 15px;

	font-size: 12px;

}



/* Calendar Configuration */

#calendar {

	color: white;

	padding: 0px !important;

}

.calendar-month-header {

	background: #43b1a9;

}



/* TODO PANEL */

.steps{

  display: block;

}

.steps input[type=checkbox] {

  display: none;

}

.steps input[type=submit]{

  background: #f1783c;

  border: none;

  padding: 0px;

  margin: 0 auto;

  width: 100%;

  height: 55px;

  color: white;

  text-transform: uppercase;

  font-weight: 900;

  font-size: 11px;

  letter-spacing: 1px;

  cursor: pointer;

  transition: background 0.5s ease

}

.steps input[type=submit]:hover{

  background: #8fde9c;

}

.steps label{

  background: #393D40;

  height: 65px;

  line-height: 65px;

  width: 100%;

  display: block;

  border-bottom: 1px solid #44494e;

  color: #889199;

  text-transform: uppercase;

  font-weight: 900;

  font-size: 11px;

  letter-spacing: 1px;

  text-indent: 52px;

  cursor: pointer;

  transition: all 0.7s ease;

  margin: 0px;

}

.steps label:before{

  content:"";

  width: 12px;

  height: 12px;

  display: block;

  position: absolute;

  margin: 26px 0px 0px 18px;

  border-radius: 100%;

  transition: border 0.7s ease

}

.steps label:hover{

  background: #2B2E30;

  color: #46b7e5

}

.steps label:hover:before{

  border: 1px solid #46b7e5;

}

#op1:checked ~ label[for=op1]:before,

#op2:checked ~ label[for=op2]:before,

#op3:checked ~ label[for=op3]:before{

  border: 2px solid #96c93c;

  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAYAAAA1WQxeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGFJREFUeNpinHLMhgEHKADia0xQThIQs6JJ9gPxZhYQAcS6QHwDiI8hSYJAC0gBPxDLAvFcIJ6JJJkDxFNBVtgBcQ8Qa6BLghgwN4A4a9ElQYAFSj8C4mwg3o8sCQIAAQYA78QTYqnPZuEAAAAASUVORK5CYII=') no-repeat center center;

}



/* PROFILE PANELS */

/* Profile 01*/

#profile-01 {

	background: url(../img/profile-01.jpg) no-repeat center top;

	margin-top: -15px;

	background-attachment: relative;

	background-position: center center;

	min-height: 150px;

	width: 100%;

    -webkit-background-size: 100%;

    -moz-background-size: 100%;

    -o-background-size: 100%;

    background-size: 100%;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}

#profile-01 h3 {

	color: white;

	padding-top: 50px;

	margin: 0px;

	text-align: center;

}

#profile-01 h6 {

	color: white;

	text-align: center;

	margin-bottom: 0px;

	font-weight: 900;

}

.profile-01 {

	background: #68dff0;

	height: 50px;

}

.profile-01:hover {

	background: #2f2f2f;

  -webkit-transition: background-color 0.6s;

  -moz-transition: background-color 0.6s;

  -o-transition: background-color 0.6s;

  transition: background-color 0.6s;

  cursor: pointer;

}

.profile-01 p {

	color: white;

	padding-top: 15px;

	font-weight: 400;

	font-size: 15px;

}



/* Profile 02*/

#profile-02 {

	background: url(../img/profile-02.jpg) no-repeat center top;

	margin-top: -15px;

	background-attachment: relative;

	background-position: center center;

	min-height: 200px;

	width: 100%;

    -webkit-background-size: 100%;

    -moz-background-size: 100%;

    -o-background-size: 100%;

    background-size: 100%;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}

#profile-02 .user {

	padding-top: 40px;

	text-align: center;

}

#profile-02 h4 {

	color: white;

	margin:0px;

	padding-top: 8px;

}

.pr2-social a {

	color: #cdcdcd;

}

.pr2-social a:hover {

	color: #68dff0;

}

.pr2-social i {

	margin-top: 15px;

	margin-right: 12px;

	font-size: 20px;

}





/*spark line*/

.chart {

    display: inline-block;

    text-align: center;

    width: 100%;

}

.chart .heading {

    text-align: left;

}

.chart .heading span {

    display: block;

}

.panel.green-chart .chart-tittle {

    font-size: 16px;

    padding: 15px;

    display: inline-block;

    font-weight:normal;

    background: #99c262;

    width: 100%;

    -webkit-border-radius: 0px 0px 4px 4px;

    border-radius: 0px 0px 4px 4px;

}

#barchart {

    margin-bottom: -15px;

    display: inline-block;

}

.panel.green-chart .chart-tittle .value {

    float: right;

    color: #c0f080;

}

.panel.green-chart {

    background: #a9d96c;

    color: #fff;

}

.panel.terques-chart {

    background: transparent;

    color: #797979;

}

.panel.terques-chart .chart-tittle .value {

    float: right;

    color: #fff;

}

.panel.terques-chart .chart-tittle .value a {

    color: #2f2f2f;

    font-size: 12px;

}

.panel.terques-chart .chart-tittle .value a:hover, .panel.terques-chart .chart-tittle .value a.active {

    color: #68dff0;

    font-size: 12px;

}

.panel.terques-chart .chart-tittle {

    font-size: 16px;

    padding: 15px;

    display: inline-block;

    font-weight:normal;

    background: #39b7ac;

    width: 100%;

    -webkit-border-radius: 0px 0px 4px 4px;

    border-radius: 0px 0px 4px 4px;

}

.inline-block {

    display: inline-block;

}



/* showcase background */

.showback {

	background: #ffffff;

	padding: 15px;

	margin-bottom: 15px;

	box-shadow: 0px 3px 2px #aab2bd;

}







/* Calendar Events - Calendar.html*/

.external-event {

	cursor: move;

	display: inline-block !important;

	margin-bottom: 7px !important;

	margin-right: 7px !important;

	padding: 10px;

}



.drop-after {

	padding-top: 15px;

	margin-top: 15px;

	border-top: 1px solid #ccc;

}



.fc-state-default, .fc-state-default .fc-button-inner {

	background: #f2f2f2;

}



.fc-state-active .fc-button-inner {

	background: #FFFFFF;

}



/* Gallery Configuration */

.photo-wrapper {

  display: block;

  position: relative;

  overflow: hidden;

  background-color: #68dff0;

  -webkit-transition: background-color 0.4s;

  -moz-transition: background-color 0.4s;

  -o-transition: background-color 0.4s;

  transition: background-color 0.4s;

}

.project .overlay {

  position: absolute;

  text-align: center;

  color: #fff;

  opacity: 0;

  filter: alpha(opacity=0);

  -webkit-transition: opacity 0.4s;

  -moz-transition: opacity 0.4s;

  -o-transition: opacity 0.4s;

  transition: opacity 0.4s;

  

}



.project:hover .photo-wrapper {

  background-color: #68dff0;

	background-image:url(../img/zoom.png);

	background-repeat:no-repeat;

	background-position:center;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	position: relative;

}

.project:hover .photo {

  opacity: 10;

  filter: alpha(opacity=4000);

  opacity: 0.1;

  filter: alpha(opacity=40);

}

.project:hover .overlay {

  opacity: 100;

  filter: alpha(opacity=10000);

  opacity: 1;

  filter: alpha(opacity=100);

}







/* EZ Checklist */

.ez-checkbox {

	margin-right: 5px;

}



.ez-checkbox, .ez-radio {

	height: 20px;

	width: 20px;

}



.brand-highlight {

background: #fffbcc !important;

}





/* FORMS CONFIGURATION */

.form-panel {

	background: #ffffff;

	margin: 10px;

	padding: 10px;

	box-shadow: 0px 3px 2px #aab2bd;

	text-align: left;

}



label {

	font-weight: 400;

}



.form-horizontal.style-form .form-group {

	border-bottom: 1px solid #eff2f7;

	padding-bottom: 15px;

	margin-bottom: 15px;

}



.round-form {

	border-radius: 500px;

	-webkit-border-radius: 500px;

}



@media (min-width: 768px) {

		.form-horizontal .control-label {

		text-align: left;

        padding-left: 30px;

        font-size:15px;

	}

}



#focusedInput {

	border: 1px solid #ed5565;

	box-shadow: none;

}



.add-on {

	float: right;

	margin-top: -37px;

	padding: 3px;

	text-align: center;

}



.add-on .btn {

	height: 34px;

}



/* TOGGLE CONFIGURATION */

.has-switch {

    border-radius: 30px;

    -webkit-border-radius: 30px;

    display: inline-block;

    cursor: pointer;

    line-height: 1.231;

    overflow: hidden;

    position: relative;

    text-align: left;

    width: 80px;

    -webkit-mask: url('../img/mask.png') 0 0 no-repeat;

    mask: url('../img/mask.png') 0 0 no-repeat;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    -o-user-select: none;

    user-select: none;

}

.has-switch.deactivate {

    opacity: 0.5;

    filter: alpha(opacity=50);

    cursor: default !important;

}

.has-switch.deactivate label,

.has-switch.deactivate span {

    cursor: default !important;

}

.has-switch > div {

    width: 162%;

    position: relative;

    top: 0;

}

.has-switch > div.switch-animate {

    -webkit-transition: left 0.25s ease-out;

    -moz-transition: left 0.25s ease-out;

    -o-transition: left 0.25s ease-out;

    transition: left 0.25s ease-out;

    -webkit-backface-visibility: hidden;

}

.has-switch > div.switch-off {

    left: -63%;

}

.has-switch > div.switch-off label {

    background-color: #7f8c9a;

    border-color: #bdc3c7;

    -webkit-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);

    -moz-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);

    box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);

}

.has-switch > div.switch-on {

    left: 0%;

}

.has-switch > div.switch-on label {

    background-color: #41cac0;

}

.has-switch input[type=checkbox] {

    display: none;

}

.has-switch span {

    cursor: pointer;

    font-size: 14.994px;

    font-weight: 700;

    float: left;

    height: 29px;

    line-height: 19px;

    margin: 0;

    padding-bottom: 6px;

    padding-top: 5px;

    position: relative;

    text-align: center;

    width: 50%;

    z-index: 1;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-transition: 0.25s ease-out;

    -moz-transition: 0.25s ease-out;

    -o-transition: 0.25s ease-out;

    transition: 0.25s ease-out;

    -webkit-backface-visibility: hidden;

}

.has-switch span.switch-left {

    border-radius: 30px 0 0 30px;

    background-color: #2A3542;

    color: #41cac0;

    border-left: 1px solid transparent;

}

.has-switch span.switch-right {

    border-radius: 0 30px 30px 0;

    background-color: #bdc3c7;

    color: #ffffff;

    text-indent: 7px;

}

.has-switch span.switch-right [class*="fui-"] {

    text-indent: 0;

}

.has-switch label {

    border: 4px solid #2A3542;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    float: left;

    height: 29px;

    margin: 0 -21px 0 -14px;

    padding: 0;

    position: relative;

    vertical-align: middle;

    width: 29px;

    z-index: 100;

    -webkit-transition: 0.25s ease-out;

    -moz-transition: 0.25s ease-out;

    -o-transition: 0.25s ease-out;

    transition: 0.25s ease-out;

    -webkit-backface-visibility: hidden;

}

.switch-square {

    border-radius: 6px;

    -webkit-border-radius: 6px;

    -webkit-mask: url('../img/mask.png') 0 0 no-repeat;

    mask: url('../img/mask.png') 0 0 no-repeat;

}

.switch-square > div.switch-off label {

    border-color: #7f8c9a;

    border-radius: 6px 0 0 6px;

}

.switch-square span.switch-left {

    border-radius: 6px 0 0 6px;

}

.switch-square span.switch-left [class*="fui-"] {

    text-indent: -10px;

}

.switch-square span.switch-right {

    border-radius: 0 6px 6px 0;

}

.switch-square span.switch-right [class*="fui-"] {

    text-indent: 5px;

}

.switch-square label {

    border-radius: 0 6px 6px 0;

    border-color: #41cac0;

}







/*LOGIN CONFIGURATION PAGE*/

.form-login {

	max-width: 330px;

	margin: 100px auto 0;

	background: #fff;

	border-radius: 5px;

	-webkit-border-radius: 5px;

}



.form-login h2.form-login-heading {

	margin: 0;

	padding: 25px 20px;

	text-align: center;

	background:#ff3333;

	border-radius: 5px 5px 0 0;

	-webkit-border-radius: 5px 5px 0 0;

	color: #fff;

	font-size: 20px;

	text-transform: uppercase;

	font-weight: 300;

}

.login-wrap {

	padding: 20px;

}

.login-wrap .registration {

	text-align: center;

}

.login-social-link {

	display: block;

	margin-top: 20px;

	margin-bottom: 15px;

}





/*LOCK SCREEN CONF*/

#showtime {

	width: 100%;

	color: #fff;

	font-size: 90px;

	margin-bottom: 30px;

	margin-top: 250px;

	display: inline-block;

	text-align: center;

	font-weight: 400;

}



.lock-screen {

	text-align: center;

}



.lock-screen a {

	color: white;

}



.lock-screen a:hover {

	color: #48cfad

}



.lock-screen i {

	font-size: 60px;

}



.lock-screen .modal-content {

	position: relative;

	background-color: #f2f2f2;

	background-clip: padding-box;

	border: 1px solid #999;

	border: 1px solid rgba(0, 0, 0, .2);

	border-radius: 5px;

}





.btn-facebook {

  color: #fff;

  background-color: #5193ea;

  border-color: #2775e2;

}

.btn-facebook:hover,

.btn-facebook:focus,

.btn-facebook:active,

.btn-facebook.active,

.open .dropdown-toggle.btn-facebook {

  color: #fff;

  background-color: #2775e2;

  border-color: #2775e2;

}



.btn-twitter {

  color: #fff;

  background-color: #44ccfe;

  border-color: #2bb4e8;

}

.btn-twitter:hover,

.btn-twitter:focus,

.btn-twitter:active,

.btn-twitter.active,

.open .dropdown-toggle.btn-twitter {

  color: #fff;

  background-color: #2bb4e8;

  border-color: #2bb4e8;

}





/*badge*/

.badge.bg-primary {

    background: #8075c4;

}



.badge.bg-success {

    background: #a9d86e;

}



.badge.bg-warning {

    background: #FCB322;

}



.badge.bg-important {

    background: #ff6c60;

}



.badge.bg-info {

    background: #41cac0;

}



.badge.bg-inverse {

    background: #2A3542;

}





/*easy pie chart*/

.easy-pie-chart {

    display: inline-block;

    padding: 30px 0;

}



.chart-info, .chart-info .increase, .chart-info .decrease {

    display: inline-block;

}



.chart-info {

    width: 100%;

    margin-bottom:5px;

}



.chart-position {

    margin-top: 70px;

}



.chart-info span {

    margin: 0 3px;

}



.chart-info .increase {

    background: #ff6c60;

    width: 10px;

    height: 10px;

}



.chart-info .decrease {

    background: #f2f2f2;

    width: 10px;

    height: 10px;

}



.panel-footer.revenue-foot {

    background-color: #e6e7ec;

    -webkit-border-radius: 0px 0px 4px 4px;

    border-radius: 0px 0px 4px 4px;

    border: none;

    padding: 0;

    width: 100%;

    display: inline-block;

}



@media screen and (-webkit-min-device-pixel-ratio:0) {

    /* Safari and Chrome */

    .panel-footer.revenue-foot {

        margin-bottom: -4px;

    };

    }





.panel-footer.revenue-foot ul  {

    margin: 0;

    padding: 0;

    width: 100%;

    display: inline-flex;

}



.panel-footer.revenue-foot ul li {

    float: left;

    width: 33.33%;

}



.panel-footer.revenue-foot ul li.first a:hover, .panel-footer.revenue-foot ul li.first a {

    -webkit-border-radius: 0px 0px 0px 4px;

    border-radius: 0px 0px 0px 4px;

}



.panel-footer.revenue-foot ul li.last a:hover, .panel-footer.revenue-foot ul li.last a {

    -webkit-border-radius: 0px 0px 4px 0px;

    border-radius: 0px 0px 4px 0px;

    border-right: none;



}



.panel-footer.revenue-foot ul li a{

    display: inline-block;

    width: 100%;

    padding: 14px 15px;

    text-align: center;

    border-right: 1px solid #d5d8df;

    color: #797979;

}



.panel-footer.revenue-foot ul li a:hover, .panel-footer.revenue-foot ul li.active a {

    background: #fff;

    position: relative;

}



.panel-footer.revenue-foot ul li a i {

    color: #c6cad5;

    display: block;

    font-size: 16px;

}

.panel-footer.revenue-foot ul li a:hover i, .panel-footer.revenue-foot ul li.active a i {

    color: #ff6c60;

    display: block;

    font-size: 16px;

}





/*flot chart*/

.flot-chart .chart, .flot-chart .pie, .flot-chart .bars {

    height: 300px;

}



/*todolist*/

#sortable {

    list-style-type: none;

    margin: 0 0 20px 0;

    padding: 0;

    width: 100%;

}

#sortable li {

    padding-left: 3em;

    font-size: 12px;

}

#sortable li i {

    position: absolute;

    left:6px;

    padding:4px 10px 0 10px;

    cursor: pointer;

}



#sortable li input[type=checkbox]{

    margin-top: 0;

}



.ui-sortable > li {

    padding: 15px 0 15px 35px !important ;

    position: relative;

    background: #f5f6f8;

    margin-bottom: 2px;

    border-bottom   : none !important;

}



.ui-sortable li.list-primary {

    border-left: 3px solid #41CAC0;

}



.ui-sortable li.list-success {

    border-left: 3px solid #78CD51;

}



.ui-sortable li.list-danger {

    border-left: 3px solid #FF6C60;

}



.ui-sortable li.list-warning {

    border-left: 3px solid #F1C500;

}



.ui-sortable li.list-info {

    border-left: 3px solid #58C9F3;

}



.ui-sortable li.list-inverse {

    border-left: 3px solid #BEC3C7;

}



/*footer*/

.site-footer {

    background: #68dff0;

    color: #fff;

    padding: 10px 0;

}





.go-top {

    margin-right: 1%;

    float: right;

    background: rgba(255,255,255,.5);

    width: 20px;

    height: 20px;

    border-radius: 50%;

    -webkit-border-radius: 50%;

}



.go-top i {

    color: #2A3542;

}



.site-min-height {

    min-height: 900px;

}



/*****************************************/

.box1{ min-height:151px;

padding: 15px 15px 0 15px;

margin-bottom:15px;

border-top-left-radius:5px;

border-top-right-radius:5px;

}



.box1 a{ color:#242424;

}

.box1:hover{ background:#ff3333;

color:#fff;

cursor:pointer;

}

.box1 a:hover{color:#fff;

}

.fa-birthday-cake:before {

content: "\f1fd";

}

.site-footer{background: #ff3333;

}

.btn-file {

    position: relative;

    overflow: hidden;

}

.btn-file input[type=file] {

    position: absolute;

    top: 0;

    right: 0;

    min-width: 100%;

    min-height: 100%;

    font-size: 100px;

    text-align: right;

    filter: alpha(opacity=0);

    opacity: 0;

    outline: none;

    background: white;

    cursor: inherit;

    display: block;

}

#declaration_box{

    border:solid 0px;

     margin-top:10%; 

     margin-left:13%; 

     width:800px; 

     height:250px;"

}