@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,300,700);
@import url(https://fonts.googleapis.com/css?family=Anton);
@import url('https://fonts.googleapis.com/css?family=Eczar|Glegoo|Laila');
.demo-icons {
margin-top: 22px;
}
.demo-icons .fa-hover {
display: block;
color: #9398a0;
line-height: 32px;
height: 32px;
padding-left: 10px;
border-radius: 4px;
}
.demo-icons .fa-hover:hover {
cursor: pointer;
}
.demo-icons .fa-hover i {
width: 32px;
font-size: 16px;
display: inline-block;
text-align: right;
margin-right: 10px;
color: #00BCD4;
}
.demo-icons .fa-hover:hover {
background-color: #f9f9f9;
color: #d7dce5;
text-decoration: none;
}
.demo-icons .fa-hover:hover i {
font-size: 24px;
vertical-align: -6px;
}
.demo-icons .fa-hover:hover .text-muted {
color: #bbe2d5;
}
/* Demo  Icons  @Font Awesome
---------------------------------------------------------------------------------------------- */
.fontawesome-icon-list {
margin-top: 22px;
}
.fontawesome-icon-list .fa-hover {
display: block;
color: #9398a0;
line-height: 32px;
height: 32px;
padding-left: 10px;
border-radius: 4px;
}
.fontawesome-icon-list .fa-hover:hover {
cursor: pointer;
}
.fontawesome-icon-list .fa-hover .fa, .fontawesome-icon-list .fa-hover i {
width: 32px;
font-size: 14px;
display: inline-block;
text-align: right;
margin-right: 10px;
color: #00BCD4;
}
.fontawesome-icon-list .fa-hover:hover {
background-color: #f9f9f9;
color: #d7dce5;
text-decoration: none;
}
.fontawesome-icon-list .fa-hover:hover .fa, .fontawesome-icon-list .fa-hover:hover i {
font-size: 28px;
vertical-align: -6px;
}
.fontawesome-icon-list .fa-hover:hover .text-muted {
color: #bbe2d5;
}
.icon-show .fa-2x {
font-size: 2em;
}
.icon-show .fa-3x {
font-size: 4em;
}
.icon-show .fa-4x {
font-size: 7em;
}
.icon-show .fa-5x {
font-size: 12em;
}
.icon-show .fa-6x {
font-size: 20em;
}
/****************************************************
TABLE OF CONTENTS
****************************************************/
.mCSB_inside > .mCSB_container {
margin-right: 0 !important;
}
a:focus, a:active, button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, select::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
border: 0;
outline: 0;
}
.left-bar::-webkit-scrollbar-track, .side-bar::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #F5F5F5;
}
.left-bar::-webkit-scrollbar, .side-bar::-webkit-scrollbar {
width: 4px;
background-color: #F5F5F5;
}
.left-bar::-webkit-scrollbar-thumb, .side-bar::-webkit-scrollbar-thumb {
background-color: #555555;
border: 2px solid #555555;
border-radius: 10px;
}
body, html {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size: 14px;
margin: 0;
padding: 0;
overflow-x: hidden;
overflow-y: auto;
background-color: #CADBEC;
text-rendering: optimizeLegibility;
text-rendering: geometricPrecision;
font-smooth: always;
font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-webkit-font-smoothing: subpixel-antialiased;
min-height: 100%;
}
.navbar-collapse {
padding: 0;
}
.wrapper {
position: relative;
overflow: hidden;
min-height: 800px;
}
.wrapper.fixed-top-bar .top-bar {
position: fixed;
}
.wrapper.fixed-top-bar .main-content {
padding-top: 90px;
}
.left-bar, .side-bar {
    position: fixed;
    height: 100%;
    width: 266px;
    background-color: rgb(69 136 205);
    display: block;
    float: left;
    box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 200ms ease-out;
    /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
    -moz-transition: all 200ms ease-out;
    /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
    transition: all 200ms ease-out;
    /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
    overflow-y: auto;
}
.left-bar.right-bar-menu, .side-bar.right-bar-menu {
float: right;
right: 0;
}
.left-bar.right-bar-menu .menu-parent, .side-bar.right-bar-menu .menu-parent {
padding-right: 0;
}
.left-bar.right-bar-menu .menu-parent .icon, .side-bar.right-bar-menu .menu-parent .icon {
float: left;
margin-top: 13px;
}
.left-bar.right-bar-menu .menu-parent .chevron, .side-bar.right-bar-menu .menu-parent .chevron {
float: right;
display: inline-block;
}
.left-bar.right-bar-menu .menu-parent span, .side-bar.right-bar-menu .menu-parent span {
padding-right: 30px;
}
.left-bar.right-bar-menu .menu-parent .drop-indicator, .side-bar.right-bar-menu .menu-parent .drop-indicator {
position: absolute;
left: 0;
}
.left-bar.static-bar, .side-bar.static-bar {
position: absolute;
display: block;
display: table-cell;
height: 100%;
}
.left-bar.static-bar .admin-logo, .side-bar.static-bar .admin-logo {
position: relative !important;
}
.left-bar.static-bar .menu-parent, .side-bar.static-bar .menu-parent {
padding-top: 0;
}
.left-bar.static-bar .menu-parent i.chevron, .side-bar.static-bar .menu-parent i.chevron {
line-height: 52px !important;/*float: right !important;*/
}
.left-bar.right-bar, .side-bar.right-bar {
float: right !important;
right: -266px;
top: 70px;
}
.left-bar.right-bar.left-layout, .side-bar.right-bar.left-layout {
float: left !important;
left: -266px;
}
    .left-bar .admin-logo, .side-bar .admin-logo {
        background-color: #0f3e4d;
        border: solid 1px rgba(0, 0, 0, 0.16);
        min-height: 70px;
        padding-left: 15px;
        position: fixed !important;
        width: 266px;
        z-index: 999;
        -webkit-transition: all 200ms ease-out;
        -moz-transition: all 200ms ease-out;
        transition: all 200ms ease-out;
    }
.left-bar .admin-logo .logo-holder, .side-bar .admin-logo .logo-holder {
width: 150px;
padding-top: 8px;
}
.left-bar .admin-logo .logo-holder, .side-bar .admin-logo .logo-holder h5 {
color: #00BCD4;
text-transform: uppercase;
}
.left-bar .admin-logo .logo-holder .logo, .side-bar .admin-logo .logo-holder .logo {
width: 100%;
}
.left-bar .admin-logo a.menu-bar, .side-bar .admin-logo a.menu-bar {
font-size: 30px;
display:marker;
width: 80px;
position: absolute;
right: 0;
height: 100%;
/*background-color: #4B6C8B;*/
text-align: center;
color: #80ABD2;
padding-top: 15px;
text-decoration: none;
cursor: pointer;
}
.left-bar .menu-parent, .side-bar .menu-parent {
padding-top: 5px;
}
    .left-bar .menu-parent li.current {
        background: #307dc9;
        border-left: solid 3px #00bcd4;
    }
.left-bar .menu-parent li.current a, .side-bar .menu-parent li.current a {
color: #F5F8FC;
}
.left-bar .menu-parent li.header, .side-bar .menu-parent li.header {
padding: 5px 20px;
background: #f2f4f7;
color: #707780;
text-transform: capitalize;
}
.left-bar .menu-parent.header-style > li, .side-bar .menu-parent.header-style > li {
border-bottom-width: 0;
}
.left-bar .menu-parent > li, .side-bar .menu-parent > li {
display: block;
border-left: 1px solid #2f4c67;
border-right: 1px solid #2f4c67;
border-bottom: 1px solid #2f4c67;
}
.left-bar .menu-parent > li.submenu ul, .side-bar .menu-parent > li.submenu ul {
padding-left: 10px;
list-style:none;
}
.left-bar .menu-parent > li a, .side-bar .menu-parent > li a {
padding-left: 20px;
padding-right: 20px;
display: inline-block;	
width: 100%;
height:55px;
line-height:55px;
text-decoration: none;
font-size: 13px;
font-weight: 300;
color: #FFFFFF;
position: relative;
}
    .left-bar .menu-parent > li a:hover, .side-bar .menu-parent > li a:hover {
        background-color: #307dc9;
    }
.left-bar .menu-parent > li a i, .side-bar .menu-parent > li a i {
color: #80abd2;
display: inline-block;
font-size: 15px;
margin: 20px 0 0 -20px;
padding-right: 3px;
position: absolute;
}
.left-bar .menu-parent > li a .drop-indicator, .side-bar .menu-parent > li a .drop-indicator {
top: 0;
line-height: 30px !important;
height: 25px;
}
.left-bar .menu-parent > li a i.chevron, .side-bar .menu-parent > li a i.chevron, .left-bar .menu-parent > li a i.drop-indicator, .side-bar .menu-parent > li a i.drop-indicator {
	font-size: 10px;
	color: #b4d3f8;
	line-height: 52px;
	float: right;
	top:-7px;
	right:10px
}
.left-bar .menu-parent > li ul > li, .side-bar .menu-parent > li ul > li {
padding-left: 20px;
border-bottom-width: 0;
position: relative;
}
.left-bar .menu-parent > li ul > li a, .side-bar .menu-parent > li ul > li a {
padding-left: 20px;
}
.left-bar .menu-parent > li ul > li:before, .side-bar .menu-parent > li ul > li:before {
content: '';
width: 0;
height: 100%;
position: absolute;
border-left: 1px solid #d7dce5;
top: 0;
left: 10px;
}
.left-bar .menu-parent > li ul > li:after, .side-bar .menu-parent > li ul > li:after {
content: ".";
position: absolute;
left: 4px;
top: -30px;
font-size: 45px;
color: #d7dce5;
}
.left-bar .menu-parent > li ul > li:last-child, .side-bar .menu-parent > li ul > li:last-child {
padding-bottom: 10px;
}
.left-bar .menu-parent > li ul > li a, .side-bar .menu-parent > li ul > li a {
font-size: 12px;
/*height: 30px;
line-height: 30px;
padding: 0 10px;*/
height: auto;
line-height: 20px;
padding: 5px 10px;
}
.left-bar .menu-parent > li ul > li li, .side-bar .menu-parent > li ul > li li {
padding-left: 20px;
border-bottom-width: 0;
}
.left-bar .menu-parent > li ul > li li:last-child:before, .side-bar .menu-parent > li ul > li li:last-child:before {
content: '';
width: 0;
height: 80%;
position: absolute;
border-left: 1px solid #d7dce5;
top: 0;
left: 10px;
}
.left-bar .menu-parent > li ul > li.panel, .side-bar .menu-parent > li ul > li.panel {
border-bottom-width: 0;
box-shadow: none;
border: 0;
border-radius: 0;
}
.left-bar .menu-parent .panel, .side-bar .menu-parent .panel {
margin-bottom: 0;
box-shadow: none;
border-radius: 0;
}
.content {
margin-left: 266px;
background-color: #CADBEC;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.content.right-menu-enabled {
margin-left: 0;
margin-right: 266px;
}
.content .main-content {
background-color: #fff;
padding-top: 0px;
padding-right: 0px;
}
.content .mdl-content {
padding: 15px 30px;
background-color: #DFEBF6;
text-align: center;
}
.content .mdl-content .btn-lg {
padding: 10px 22px;
font-size: 16px !important;
color: #7fa1c2;
}
.content .mdl-content .btn-lg i {
color: #31B6FC;
font-size: 18px;
}
.content .btm-content {
padding: 30px;
}
.content .btm-content .panel-piluku {
border-radius: 2px;
}
.content .btm-content .panel-piluku > .panel-heading {
background-color: #F6FAFE;
}
.content .btm-content .panel-footer {
padding: 12px 15px;
background-color: #31B6FC;
border-top: 1px solid #31B6FC;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
text-align: center;
color: #fff;
font-weight: 600;
font-size: 16px;
}
.content .btm-content .panel {
border: none;
}
.btm-content .panel-piluku > .panel-heading h4 i {
color: #97b3ce;
font-size: 20px;
border: solid 1px #c0d1e3;
border-radius: 4px;
height: 34px;
width: 34px;
line-height: 31px;
text-align: center;
}
.btm-content .panel-piluku > .panel-heading h4 {
font-size: 16px;
margin-bottom: 10px;
padding-top: 18px;
color: #617e9c;
font-weight: 500;
}
.top-bar {
    height: 70px;
    background-color: rgb(69 136 205);
    min-height: 0;
    display: table;
    width: 100%;
    position: relative;
    border-radius: 0;
    border-left-width: 0;
    border-bottom: 1px solid dark-border !important;
    border-bottom-color: rgba(0, 0, 0, 0.16);
    border-right-color: rgba(0, 0, 0, 0.16);
    border-top-color: rgba(0, 0, 0, 0.16);
    z-index: 999;
}
.top-bar .search {
margin-top: 15px;
font-weight: 300;
width: 600px;
padding-left: 10px;
}
    .top-bar .search input {
        background-color: #076abf;
        background-color: transparent;
        border: none;
        outline: none;
        width: 100%;
        font-size: 1rem;
        margin: 0 0 15px 0;
        padding: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -ms-transition: 0.3s;
        transition: 0.3s;
        font-weight: 400;
    }
.top-bar .navbar-default .navbar-nav > .open > a, .top-bar .navbar-default .navbar-nav > .open > a:focus, .top-bar .navbar-default .navbar-nav > .open > a:hover {
background-color: #e3f2fd;
color: #a7d2fe;
}
.top-bar .navbar-default .navbar-nav > li > a:hover, .top-bar .navbar-default .navbar-nav > li > a:active {
background-color: #54789A;
}
.top-bar nav {
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
.top-bar .navbar-default .navbar-nav > li > a {
background-color: #4B6C8B;
color: #FFF;
font-family: 'Roboto', sans-serif;
border-left: solid 1px #0000004D;
}
.top-bar .navbar-nav {
margin: 0;
height:68px;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
.top-bar .navbar {
margin: 0;
}
.top-bar .avatar_width .avatar_info {
max-width: 175px;
display: inline-block;
white-space: nowrap !important;
float: left;
overflow: hidden;
}
.top-bar .avatar_width .avatar-holder {
width: 45px;
display: inline-block;
margin-right: 5px;
float: left;
}
.top-bar .avatar_width .avatar-holder img {
border-radius: 50%;
width: 100%;
    height: 42px;
}
.top-bar .top-elements > li > a {
height: 100%;
line-height: 70px;
padding: 0px 20px;
text-decoration: none;
cursor: pointer;
text-align: center;
position: relative;
-webkit-backface-visibility: hidden;
/* Chrome, Safari, Opera */
backface-visibility: hidden;
}
.top-bar .top-elements .btn {
border-width: 0 !important;
}
.top-bar .top-elements .image-holder {
width: 45px;
display: inline-block;
}
.top-bar .top-elements .image-holder img {
border-radius: 50%;
width: 100%;
padding-right: 15px;
}
.top-bar .top-elements .icon-notification {
font-size: 25px;
vertical-align: top;
}
.top-bar .top-elements .info-number {
float: none;
color: #FFFFFF;
min-width: 22px;
min-height: 22px;
border-radius: 50%;
line-height: 22px;
padding: 0;
font-size: 9px;
margin-left: -8px;
margin-top: 5px;
font-weight: 300;
}
.top-bar .top-elements .info-number.message {
background-color: #00BCD4;
}
.top-bar .top-elements .info-number.bell {
background-color: #fb5d5d;
}
.hexagon {
position: relative;
width: 40px;
height: 23.09px;
background-color: #8476ba;
margin: 11.55px 0;
display: inline-block;
float: left;
margin-right: 15px;
text-align: left;
}
.hexagon span {
position: absolute;
display: inline-block;
left: 0;
right: 0;
color: #FFFFFF;
font-size: 20px;
text-align: center;
padding-top: 1px;
}
.hexagon:before, .hexagon:after {
content: "";
position: absolute;
width: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
}
.hexagon:before {
bottom: 100%;
border-bottom: 11.55px solid #8476ba;
}
.hexagon:after {
top: 100%;
width: 0;
border-top: 11.55px solid #8476ba;
}
.hexagon.success {
background-color: #6fd64b;
}
.hexagon.success:before {
bottom: 100%;
border-bottom: 11.55px solid #6fd64b;
}
.hexagon.success:after {
top: 100%;
width: 0;
border-top: 11.55px solid #6fd64b;
}
.hexagon.danger {
background-color: #fb5d5d;
}
.hexagon.danger:before {
bottom: 100%;
border-bottom: 11.55px solid #fb5d5d;
}
.hexagon.danger:after {
top: 100%;
width: 0;
border-top: 11.55px solid #fb5d5d;
}
.hexagon.warning {
background-color: #f7941d;
}
.hexagon.warning:before {
bottom: 100%;
border-bottom: 11.55px solid #f7941d;
}
.hexagon.warning:after {
top: 100%;
width: 0;
border-top: 11.55px solid #f7941d;
}
.hexagon.info {
background-color: #5d9bfb;
}
.hexagon.info:before {
bottom: 100%;
border-bottom: 11.55px solid #5d9bfb;
}
.hexagon.info:after {
top: 100%;
width: 0;
border-top: 11.55px solid #5d9bfb;
}
.outline-hexagon {
position: relative;
width: 40px;
height: 23.09px;
background-color: transparent;
margin: 11.55px 0;
border-left: solid 1px #999999;
border-right: solid 1px #999999;
display: inline-block;
float: left;
margin-right: 15px;
}
.outline-hexagon span {
position: absolute;
display: inline-block;
left: 0;
right: 0;
color: #999999;
font-size: 16px;
text-align: center;
padding-top: 3px;
}
.outline-hexagon:before, .outline-hexagon:after {
content: "";
position: absolute;
z-index: 1;
width: 28.28px;
height: 28.28px;
-webkit-transform: scaleY(0.5774) rotate(-45deg);
-ms-transform: scaleY(0.5774) rotate(-45deg);
transform: scaleY(0.5774) rotate(-45deg);
background-color: inherit;
left: 4.8579px;
}
.outline-hexagon:before {
top: -13.1421px;
border-top: solid 1.4142px #999999;
border-right: solid 1.4142px #999999;
}
.outline-hexagon:after {
bottom: -14.1421px;
border-bottom: solid 1.4142px #999999;
border-left: solid 1.4142px #999999;
}
/************global*********/
.flatRed {
background-color: #fb5d5d !important;
}
.flatBlue {
background-color: #A08BCD !important;
}
.b1 {
border: solid 3px #A08BCD !important;
}
.b2 {
border: solid 3px #ec974b !important;
}
.b3 {
border: solid 3px #f7bf47 !important;
}
.flatOrange {
background-color: #f7941d !important;
}
.flatGreen {
background-color: #6fd64b;
}
.flatRedc {
color: #fb5d5d !important;
}
.flatBluec {
color: #5d9bfb !important;
}
.flatOrangec {
color: #f7941d !important;
}
.flatGreenc {
color: #6fd64b !important;
}
.dashboard-stats {
background-color: #FFFFFF;
position: relative;
min-height: 107px;
padding: 3px;
padding-left: 5%;
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
border-radius: 2px;
display: table;
width: 100%;
margin-bottom: 10px;
}
.dashboard-stats .left {
float: left;
padding-top: 5px;
}
.dashboard-stats .left h3 {
font-size: 30px;
font-family: 'Roboto', sans-serif;
font-weight: 300;
}
.dashboard-stats .left h4 {
font-size: 16px;
font-weight: 300;
color: #9398a0;
line-height: 24px;
}
.dashboard-stats .right {
position: absolute;
right: 3px;
top: 3px;
width: 30%;
bottom: 3px;
border-radius: 2px;
font-size: 48px;
text-align: center;
color: #FFFFFF;
}
.dashboard-stats .right i {
vertical-align: middle;
line-height: 107px;
}
.list-group {
margin-bottom: 0;
}
.list-group li {
border-radius: 0 !important;
border-right-width: 0 !important;
}
.list-group li:last-child {
border-bottom-width: 0;
}
.nopad-right {
padding-right: 0;
}
.light-tab {
margin-bottom: 22px !important;
}
.light-tab .indicator {
background-color: #d7dce5 !important;
}
.light-tab li.tab a.active {
color: #707780 !important;
font-weight: 400;
}
.light-tab li a {
font-size: 12px;
}
.nicescroll-cursors {
position: absolute;
top: 0px;
float: right;
width: 5px;
height: 604px;
border: 1px solid rgba(255, 255, 255, 0.5);
border-radius: 5px;
background-color: rgba(66, 66, 66, 0.5) !important;
background-clip: padding-box;
z-index: 9999;
}
/*spin*/
.ion-spin {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-animation-name: ion-spin;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: rotate;
-moz-animation-duration: 2s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
}
@-webkit-keyframes ion-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-moz-keyframes ion-spin {
0% {
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
transform: rotate(359deg);
}
}
/**********speed up fadein*********/
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 20%, 0);
transform: translate3d(0, 20%, 0);
}
20% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 20%, 0);
-ms-transform: translate3d(0, 20%, 0);
transform: translate3d(0, 20%, 0);
}
20% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.breadcrumb {
padding: 20px;
border-radius: 0px;
min-height: 50px;
background: url(../images/breadcrumbbg.png) no-repeat left top;
}
.breadcrumb li a {
color: #FFFFFF;
}
.breadcrumb li.active {
color: #f7941d;
}
.breadcrumb .breadcrumb-opacity {
background-color: rgba(33, 150, 243, 0.5);
padding: 12px;
min-height: 50px;
color: #ffffff;
font-family: 'Roboto', sans-serif;
font-size: 13px;
font-weight: 300;
line-height: 26px;
letter-spacing: 0.25px;
text-transform: capitalize;
}
.breadcrumb .breadcrumb-opacity .parent-location {
float: left;
padding-right: 10px;
color: #ffffff;
text-decoration: none;
}
.breadcrumb .breadcrumb-opacity .parent-location:hover {
text-decoration: underline;
}
.breadcrumb .breadcrumb-opacity i {
float: left;
padding-right: 10px;
line-height: 26px;
}
.breadcrumb .breadcrumb-opacity .current-location {
font-weight: 400;
color: #ffffff;
text-decoration: none;
}
.breadcrumb .breadcrumb-opacity .current-location:hover {
text-decoration: underline;
}
/************dropdown shadow below desktop and mobile screen fix***************/
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px;
}
.navbar-nav .open .dropdown-menu > li > a {
line-height: 20px;
}
.navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
background-image: none;
}
}
/*********dropdowns in mobile ************/
@media (max-width: 850px) {
.nav.navbar-nav.navbar-right.top-elements {
text-align: center !important;
}
.nav.navbar-nav.navbar-right.top-elements > li {
text-align: center !important;
display: inline-block;
float: none !important;
}
.nav.navbar-nav.navbar-right.top-elements > li.chat_btn {
position: absolute;
top: 0;
right: 0;
}
}
@media (max-width: 767px) {
.dropdown, .piluku-dropdown {
position: static !important;
}
.top-bar .top-elements .dropdown .dropdown-menu {
left: 0 !important;
}
.dropdown-menu, .dropdown-piluku-menu {
width: 100% !important;
position: absolute !important;
background-color: #ffffff !important;
}
.dropdown-menu:after, .dropdown-piluku-menu:after {
display: none;
}
.nav.navbar-nav.navbar-right.top-elements > li.chat_btn {
display: none !important;
}
}
@media (max-width: 680px) {
.nav.navbar-nav.navbar-right.top-elements > li > a {
font-size: 12px;
padding: 0 9px;
}
.nav.navbar-nav.navbar-right.top-elements > li.chat_btn {
display: none !important;
}
.top-bar .avatar_width .avatar_info {
width: 96px;
width: 59px;
}
}
/************media queries**********/
.menu-bar-mobile {
display: none;
text-decoration: none;
}
/******topnav  view sidebar********/
@media only screen and (max-width: 700px) {
.content {
z-index: 99999 !important;
border-left: 1px solid #d7dce5;
margin-left: 0;
}
.content .overlay.show {
height: 100%;
width: 100%;
position: absolute;
display: block;
background-color: #000000;
z-index: 999999999;
opacity: 0.5;
}
    .left-bar, .side-bar {
        height: 100%;
        width: 266px;
        background-color: rgb(69 136 205);
        display: block;
        float: left;
        box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);
        -webkit-transition: all 200ms ease-out;
        /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
        -moz-transition: all 200ms ease-out;
        /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
        transition: all 200ms ease-out;
        /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
        overflow-y: auto;
        margin-left: -266px;
        z-index: 99999999999;
        overflow-x: hidden !important;
    }
.left-bar .menu-bar, .side-bar .menu-bar {
display: none !important;

}
.left-bar .logo-holder, .side-bar .logo-holder {
float: none !important;
text-align: center !important;
margin: 0 auto;
}
.left-bar.menu_appear, .side-bar.menu_appear {
margin-left: 0;
}
.left-bar.menu_appear.right-bar-menu, .side-bar.menu_appear.right-bar-menu {
margin-right: 0;
}
.menu-bar-mobile {
display: block;
text-decoration: none !important;
z-index: 999999999;
position: absolute;
padding-top: 15px;
font-size: 20px;
width: 60px;
height: 55px;
left: 0;
top: 0;
text-align: center;
}
.right-bar-menu {
margin-right: -266px;
}
.right-bar-menu.menu_appear {
margin-left: 0;
}
.content.right-menu-enabled {
margin-right: 0;
}
}
/*********collapse to minibar function onclick**********/
@media only screen and (min-width: 700px) and (max-width: 6000px) {
.wrapper.mini-bar .left-bar {
width: 80px;
overflow: visible !important;
z-index: 999999999;
/*position: absolute; mini-bar dropdown fix for rightmenu*/
}
.wrapper.mini-bar .left-bar .admin-logo {
width: 80px !important;
}
.wrapper.mini-bar .left-bar .panel-group .panel + .panel {
margin-top: 0 !important;
}
.wrapper.mini-bar .left-bar.right-bar-menu .menu-parent .icon, .wrapper.mini-bar .left-bar .side-bar.right-bar-menu .menu-parent .icon {
float: none;
position: relative;
top: 0;
}
.wrapper.mini-bar .left-bar .menu-parent li:before {
display: none !important;
}
.wrapper.mini-bar .left-bar .menu-parent li:after {
display: none;
}
.wrapper.mini-bar .left-bar .menu-parent li span.text {
display: none;
}
.wrapper.mini-bar .left-bar li {
padding: 0;
padding-bottom: 0 !important;
text-align: center !important;
position: relative;
}
.wrapper.mini-bar .left-bar li a {
/*line-height:55px !important;*/
font-size: 14px !important;
text-align: center;
}
.wrapper.mini-bar .left-bar li ul li a {
font-size: 14px !important;
text-align: left;
color:#464646
}
.wrapper.mini-bar .left-bar li ul li a:hover {	
	color:#fff
}
.wrapper.mini-bar .left-bar li a i {
padding: 0;
display: inline-block;
margin-top: 20px;
}
.wrapper.mini-bar .left-bar li a i.chevron {
color: #707780;
display: none !important;
position: absolute;
}
.wrapper.mini-bar .left-bar li ul {
position: absolute;
left: 100%;
background-color: #FFFFFF;
min-width: 200px;
top: -1px;
border: 1px solid #d7dce5 !important;
margin-left: 1px;
padding: 0;
}
.wrapper.mini-bar .left-bar li ul li {
line-height: 30px;
}
.wrapper.mini-bar .left-bar li ul .drop-arrow i.chevron {
display: block !important;
margin-top: 2px;
}
.wrapper.mini-bar .left-bar.right-bar-menu li ul {
left: auto !important;
right: 100% !important;
background-color: #FFFFFF;
min-width: 200px;
top: -1px;
border: 1px solid #d7dce5 !important;
margin-left: 1px;
padding: 0;
}
.wrapper.mini-bar .left-bar.right-bar-menu li ul li {
line-height: 30px;
}
.wrapper.mini-bar .left-bar.right-bar-menu li ul .drop-arrow i.chevron {
display: block !important;
margin-top: 2px;
}
.wrapper.mini-bar .left-bar.right-bar-menu li ul .drop-indicator.chevron {
margin-left: 10px !important;
}
.wrapper.mini-bar .left-bar .admin-logo .logo-holder {
display: none;
}
.wrapper.mini-bar .left-bar .admin-logo a.menu-bar {
width: 80px;
}
.wrapper.mini-bar .content {
margin-left: 80px;
}
.wrapper.mini-bar .content.right-menu-enabled {
margin-left: 0;
margin-right: 80px;
}
.wrapper.right-bar-enabled .right-bar {
right: 0;
z-index: 99;
}
.wrapper.right-bar-enabled .left-layout {
left: 0;
z-index: 99;
}
.wrapper.hide-left-bar .left-bar {
display: none;
}
.wrapper.hide-left-bar .content {
margin-left: 0px;
}
.wrapper.hide-left-bar .navbar-brand {
background: #00BCD4;
height: 70px;
width: 120px;
line-height: 70px;
padding: 0;
padding-left: 20px;
font-size: 30px;
color: #FFFFFF;
}
.wrapper.hide-left-bar .navbar-brand img {
width: 100%;
}
}
/************autocollapse to mini bar function************/
@media only screen and (min-width: 700px) and (max-width: 1200px) {
/*.left-bar {
width: 90px;
overflow: visible !important;
z-index: 999999999;
position: absolute;
}mini-bar dropdown fix for rightmenu
.left-bar .admin-logo {
width: 90px;
}
.left-bar .panel-group .panel + .panel {
margin-top: 0 !important;
}
.left-bar .menu-parent > li ul > li, .left-bar .side-bar .menu-parent > li ul > li {
padding-left: 0;
}
.left-bar .menu-parent > li ul > li li, .left-bar .side-bar .menu-parent > li ul > li li {
padding-left: 0;
}
.left-bar.right-bar-menu .menu-parent .icon, .left-bar .side-bar.right-bar-menu .menu-parent .icon {
float: none;
position: relative;
top: 0;
}
.left-bar .menu-parent li:before {
display: none !important;
}
.left-bar .menu-parent li:after {
display: none;
}
.left-bar .menu-parent li span.text {
display: none;
}
.left-bar li {
padding: 0;
padding-bottom: 0 !important;
text-align: center !important;
position: relative;
}
.left-bar li a {
line-height: 36px !important;
font-size: 13px !important;
text-align: center;
}
.left-bar li a i {
padding: 0 !important;
display: inline-block;
margin-top: 15px;
}
.left-bar li a i.chevron {
color: #707780;
display: none !important;
position: absolute;
}
.left-bar li ul {
position: absolute;
left: 100%;
background-color: #FFFFFF;
min-width: 200px;
top: -1px;
border: 1px solid #d7dce5 !important;
margin-left: 1px;
padding: 0;
padding-left: 0 !important;
}
.left-bar li ul li {
line-height: 30px;
}
.left-bar li ul .drop-arrow i.chevron {
display: block !important;
margin-top: 2px;
}
.left-bar.right-bar-menu li ul {
left: auto !important;
right: 100% !important;
background-color: #FFFFFF;
min-width: 200px;
top: -1px;
border: 1px solid #d7dce5 !important;
margin-left: 1px;
padding: 0;
}
.left-bar.right-bar-menu li ul li {
line-height: 30px;
}
.left-bar.right-bar-menu li ul .drop-arrow i.chevron {
display: block !important;
margin-top: 2px;
}
.left-bar.right-bar-menu li ul .drop-indicator.chevron {
margin-left: 10px !important;
}
.left-bar .admin-logo .logo-holder {
display: none;
}
.left-bar .admin-logo a.menu-bar {
width: 90px;
}
.content {
margin-left: 90px;
}
.content.right-menu-enabled {
margin-right: 90px;
}

body.boxed .wrapper {
padding: 0;
}
body.boxed {
background-color: #455982;
}
.wrapper .left-bar .menu-parent li ul li span.text {
    display: block;
}
.wrapper .left-bar .menu-parent .submenu ul li a { color:#464646; text-align:left; line-height: normal !important;}
}

@media only screen and (max-width: 1200px) {
body.boxed .wrapper.container {
width: 100%;
padding: 0;
}
}
@media only screen and (max-width: 850px) {
.top-bar .search {
margin: 10px auto;
}
.top-bar .search input {
height: 30px;
}
.top-bar .navbar-nav {
text-align: center;
position: relative;
display: table;
width: 100%;
background-color: #FFFFFF;
}
.top-bar .navbar-nav > li {
text-align: center;
display: inline-block;
}
.top-bar .navbar-nav > li a {
min-width: 0;
font-size: 14px;
line-height: 70px;
}
.top-bar .dropdown .avatar-holder {
width: 20px;
}
.top-bar .icon-notification {
font-size: 24px !important;
display: inline-block;
}
.top-bar .info-number {
min-width: 25px;
min-height: 25px;
border-radius: 50%;
line-height: 25px;
padding: 0;
font-size: 11px;
margin-left: -8px;
margin-top: 5px;
font-weight: 300;
float: none;
}
.top-bar .info-number.message {
background-color: #00BCD4;
}
.top-bar .info-number.bell {
background-color: #fb5d5d;
}*/
#UP1 {
    padding-top: 5px !important;
}
.login-top{width:75% !important}
}
/****horizontal menu collapse fix *****/
@media only screen and (min-width: 100px) and (max-width: 767px) {
.top-collapse-nav {
border-bottom: 1px solid #e9ecf2;
background: red !important;
position: relative;
min-height: 0;
}
.top-collapse-nav > li {
display: block !important;
}
.top-collapse-nav .dropdown-menu {
position: relative !important;
}
.navbar-collapse.in {
overflow: visible;
}
}
@media only screen and (min-width: 1000px) and (max-width: 1400px) {
.dashboard-stats .left {
float: left;
padding-top: 5px;
}
.dashboard-stats .left h3 {
font-size: 20px;
}
.dashboard-stats .left h4 {
font-size: 12px;
}
.dashboard-stats .right {
position: absolute;
right: 3px;
top: 3px;
width: 35%;
bottom: 3px;
border-radius: 2px;
font-size: 38px;
text-align: center;
color: #FFFFFF;
}
.dashboard-stats .right i {
vertical-align: middle;
line-height: 107px;
}
}
/*	panels
---------------------------------------------------------------------------------------------- */
.panel-piluku {
clear: both;
background-color: #FFFFFF;
border-radius: 0px;
}
.panel-piluku > .panel-heading {
border-bottom: 1px solid #e9e9e9;
font-weight: normal;
background: none;
display: table;
width: 100%;
padding-top: 0;
}
.panel-piluku > .panel-heading h3 {
font-size: 20px;
font-weight: normal;
margin-bottom: 5px;
padding-top: 10px;
color: #58789a;
}
.panel-piluku > .panel-heading a {
text-decoration: none !important;
}
.panel-piluku > .panel-heading .panel-options {
float: right;
}
.padding-top {
padding: 0px 15px;
}
.panel-piluku > .panel-heading .panel-options a:hover {
text-decoration: none;
color: #99a6bd;
}
.panel-piluku > .panel-body.no-padding {
padding: 0px !important;
}
.panel-piluku > .panel-body .padding {
padding: 15px !important;
}
.panel-piluku.panel-primary {
border: none;
border-color: none;
}
.panel-piluku.panel-primary > .panel-heading {
color: #00BCD4 !important;
background-color: #ffffff;
border-top: 1px solid #00BCD4;
}
.panel-piluku.panel-primary > .panel-heading h3 {
font-size: 14px;
font-weight: normal;
}
.panel-piluku.panel-success {
border-top: 1px solid #a0d269;
}
.panel-piluku.panel-danger {
border-top: 1px solid #df6c6e;
}
.panel-piluku.panel-info {
border-top: 1px solid #6cadd1;
}
.panel-piluku.panel-warning {
border-top: 1px solid #eac841;
}
/*	Load Mask
---------------------------------------------------------------------------------------------- */
.loadmask {
z-index: 100;
position: absolute;
top: 0;
left: 0;
-moz-opacity: 0.5;
opacity: .50;
filter: alpha(opacity=50);
background-color: #b3b3b3;
width: 100%;
height: 100%;
zoom: 1;
}
.loadmask-msg {
z-index: 20001;
position: absolute;
top: 0;
left: 0;
background: #FFFFFF;
padding: 2px;
}
.loadmask-msg div {
padding: 5px 10px 5px 25px;
line-height: 16px;
color: #00BCD4;
font: normal 11px tahoma, arial, helvetica, sans-serif;
cursor: wait;
}
.masked {
overflow: hidden !important;
}
.masked-relative {
position: relative !important;
}
.masked-hidden {
visibility: hidden !important;
}
.placeholder {
background-color: white;
}
/*	Badges Contextual classes
---------------------------------------------------------------------------------------------- */
.bg-primary {
background-color: #00BCD4;
}
.bg-success {
background-color: #a0d269;
}
.bg-warning {
background-color: #ED9E57;
}
.bg-yellow {
background-color: #F7BF47;
}
.bg-default {
background-color: #f6fafe;
color: #95aac0 !important;
}
.bg-info {
background-color: #6cadd1;
}
.bg-danger {
background-color: #E07182;
}
.graph {
width: 100%;
height: 300px;
}
/* Gritter Custom classes
---------------------------------------------------------------------------------------------- */
#gritter-notice-wrapper {
top: 90px;
}
/* contextual gritters  */
.success .gritter-item, .success .gritter-top, .success .gritter-bottom {
background: none;
background-color: #5CB85C !important;
}
.info .gritter-item, .info .gritter-top, .info .gritter-bottom {
background: none;
background-color: #5BC0DE;
}
.danger .gritter-item, .danger .gritter-top, .danger .gritter-bottom {
background: none;
background-color: #D9534F;
}
.warning .gritter-item, .warning .gritter-top, .warning .gritter-bottom {
background: none;
background-color: #F0AD4E;
}
/* Text Colors
------------------------------------------------------------------------------------------------*/
.text-success {
color: #a0d269;
}
.text-primary {
color: #00BCD4;
}
.text-info {
color: #6cadd1;
}
.text-danger {
color: #df6c6e;
}
.text-warning {
color: #eac841;
}
.text-white {
color: #FFFFFF !important;
}
/* Sliders overwrite
---------------------------------------------------------------------------------------------- */
.table-sliders .default td {
padding: 20px;
border-top: none;
}
.table-sliders .all td {
padding: 20px 0px 20px 0px;
}
.ui-slider-range {
background: #00BCD4;
border-color: none;
}
.ui-slider-handle {
border-color: #87ceeb !important;
width: 24px;
position: absolute;
margin-left: -12px;
z-index: 200;
background: #989dac;
border-radius: 0%;
}
.ui-slider-handle:focus {
outline: none;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
background: #d8ebf3;
}
#red, #green, #blue {
float: left;
clear: left;
width: 300px;
margin: 15px;
}
#swatch {
width: 120px;
height: 100px;
margin-top: 18px;
margin-left: 350px;
background-image: none;
}
#red .ui-slider-range {
background: #e45857;
}
#red .ui-slider-handle {
border-color: #e45857 !important;
}
#green .ui-slider-range {
background: #90c657;
}
#green .ui-slider-handle {
border-color: #90c657 !important;
}
#blue .ui-slider-range {
background: #54b5df;
}
#blue .ui-slider-handle {
border-color: #54b5df !important;
}
#eq span {
height: 120px;
float: left;
margin: 15px;
}
.waves-effect.waves-light .waves-ripple {
background-color: #b2dbfb;
opacity: 0.25;
}
.piluku-preloader {
/*background-color: lighten(@primary-color,10%);*/
/*padding-top: 20%;	*/
background-color: #00BCD4;
display: block;
width: 100%;
height: 100%;
position: fixed;
z-index: 999999999999999;
}
.loader {
font-size: 10px;
margin: 5em auto;
text-indent: -9999em;
width: 11em;
height: 11em;
border-radius: 50%;
background: #ffffff;
background: -moz-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
background: -webkit-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
background: -o-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
background: -ms-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
position: relative;
-webkit-animation: load3 1.4s infinite linear;
animation: load3 1.4s infinite linear;
}
.loader:before {
width: 50%;
height: 50%;
background: #FFF;
border-radius: 100% 0 0 0;
position: absolute;
top: 0;
left: 0;
content: '';
}
.loader:after {
background: #00BCD4;
width: 75%;
height: 75%;
border-radius: 50%;
content: '';
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
@-webkit-keyframes load3 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load3 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/*	Charts
---------------------------------------------------------------------------------------------- */
.graph {
height: 350px;
}
.realtime-bar {
height: 350px;
margin-left: -80px;
}
#chart1, #donuts-holder {
height: 350px;
background: #f9f9f9;
}
#test1 {
height: 350px;
}
.realtime-bar {
height: 350px;
margin-left: -80px;
}
#chart1 svg {
height: 350px;
}
#chart4 svg, #chart5, #pieOne, #pieTwo, #flotOne, #nvdLive, #flotTwo, #flotThree {
height: 500px;
min-width: 100px;
min-height: 100px;/*
Minimum height and width is a good idea to prevent negative SVG dimensions...
For example width should be =< margin.left + margin.right + 1,
of course 1 pixel for the entire chart would not be very useful, BUT should not have errors
*/
}
#placeholder {
height: 400px;
}
#menu > .btn {
margin: 5px;
}
#choices > .choiceinput {
margin-left: 20px;
margin-right: 5px;
}
.site-status {
padding: 20px !important;
border-bottom: 2px solid #FFFFFF;
margin-bottom: 20px;
}
.switch-button-label {
float: left;
font-size: 15pt;
cursor: pointer;
font-weight: 600;
}
.switch-button-label.off {
color: #adadad;
}
.switch-button-label.on {
color: #2ECC71;
}
.switch-button-background {
float: left;
position: relative;
background: #E4E6EB;
border: 1px solid #aaa;
margin: 1px 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
cursor: pointer;
}
.switch-button-button {
position: absolute;
left: -1px;
top: -1px;
background: #5c9df5;
border: 1px solid #5c9df5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
/* Presentation
-------------------------------------------------------------------------------------------------------- */
.page_header {
background-color: #FAFCFF;
min-height: 150px;
padding: 20px 30px;
display: table;
width: 100%;
}
.page_header .page_header_icon {
font-size: 40px;
border: 1px solid #82c4f8;
display: inline-block;
position: relative;
height: 75px;
line-height: 75px;
width: 75px;
text-align: center;
border-radius: 5px;
background-color: #FFFFFF;
color: #00BCD4;
}
.page_header .main-text {
font-size: 35px;
margin-left: 10px;
color: #707780;
}
.page_header p.text {
clear: both;
font-size: 15px;
max-width: 600px;
margin-top: 10px;
color: #858b94;
margin-bottom: 10px;
}
.page_header .right_bar {
position: relative;
}
.page_header .right_bar li {
line-height: 26px;
color: #858b94;
margin-right: 20px;
}
.page_header .right_bar li a {
color: #00BCD4;
text-decoration: none;
text-transform: capitalize;
position: relative;
display: inline-block;
width: 100%;
}
.page_header .right_bar li a.active {
color: #00BCD4;
}
.page_header .right_bar li a.active:after {
content: "";
width: 4px;
height: 100%;
display: inline-block;
position: absolute;
top: 0;
right: -1px;
background-color: #00BCD4;
}
.page_header .right_bar:before {
content: "";
height: 100%;
width: 2px;
display: inline-block;
position: absolute;
top: 0;
right: 0;
border-radius: 10px;
background-color: #d7dce5;
}
/************************************tree view***********************************/
.tree {
border: none;
}
.tree .parent {
background: #65bd77;
color: #ffffff;
border: 1px solid #65bd77;
}
.tree .parent:hover {
background: #53b567 !important;
border: 1px solid #65bd77 !important;
color: #ffffff !important;
}
.tree .child {
background: #ffbc1a;
color: #ffffff;
border: 1px solid #ffbc1a;
}
.tree .child:hover {
background: #ffb500 !important;
border: 1px solid #ffbc1a !important;
color: #ffffff !important;
}
.tree .grandchild {
background: #fa6251;
color: #ffffff;
border: 1px solid #fa6251;
}
.tree .grandchild:hover {
background: #f94c38 !important;
border: 1px solid #fa6251 !important;
color: #ffffff !important;
}
.tree .great-grandchild {
background: #5798fb;
color: #ffffff;
border: 1px solid #5798fb;
}
.tree .great-grandchild:hover {
background: #3e89fa !important;
border: 1px solid #5798fb !important;
color: #ffffff !important;
}
.tree .greatgrand-grandchild {
background: #85b6fe;
color: #ffffff;
border: 1px solid #85b6fe;
}
.tree .fa-folder-open {
color: #ffffff;
}
.tree li span {
border-radius: 3px !important;
}
.card {
margin: 0;
}
.card .card-content .card-title, .card .card-reveal .card-title {
margin-bottom: 20px;
}
.card .card-content span, .card .card-reveal span, .card .card-content a, .card .card-reveal a, .card .card-content p, .card .card-reveal p {
color: #707780;
font-weight: 400;
font-size: 16px;
}
.card .card-content p, .card .card-reveal p {
font-size: 14px;
text-transform: lowercase;
color: #9398a0 !important;
font-weight: 100;
}
.noty_bar:after {
content: "x";
float: right;
font-size: 18px !important;
font-size: 30px;
display: inline-block;
margin-top: -30px;
margin-right: 20px;
}
.filemanager {
margin: 0 auto;
width: 100%;
}
.filemanager .search {
background-color: #00BCD4;
}
.filemanager .search input[type=search] {
color: #707780;
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.25px;
margin-left: -206px;
}
.filemanager .search:before {
right: 18px;
}
.filemanager .search:after {
top: 19px;
right: 16px;
}
.filemanager .breadcrumbs {
color: #00BCD4;
font-family: 'Roboto', sans-serif;
font-size: 26px;
font-weight: 400;
letter-spacing: 0.25px;
text-transform: capitalize;
}
.filemanager .breadcrumbs a {
text-decoration: none !important;
}
.filemanager .breadcrumbs a .folderName {
color: #707780 !important;
}
.filemanager .data {
margin-top: 30px;
}
.navbar-right.form-search {
margin-right: 5px;
}
/****************************************************
Form Elements
****************************************************/
.form-heading {
color: #707780;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 16px;
letter-spacing: 0.25px;
line-height: 26px;
text-transform: capitalize;
padding-top: 20px;
padding-bottom: 20px;
}
.control-label {
font-weight: 400;
letter-spacing: 0.25px;
color: #3D5B77;
font-size: 14px;
text-transform: capitalize;
}
.control-label.align-rt {
float: right;
}
.form-group {
margin-bottom: 20px;
}
.form-group.has-error .form-control {
border-color: #e19092;
}
.form-group.has-error .form-control:focus {
box-shadow: none;
border-color: #cc3f44;
}
.form-group.has-success .form-control {
border-color: #9cde68;
}
.form-group.has-success .form-control:focus {
box-shadow: none;
border-color: #68b828;
}
.form-control {
border-radius: 0px;
box-shadow: none;
border-color: #7b7b7b;
height: 40px;
font-weight: 300;
/*line-height: 40px;*/
color: #000;
}
.form-control.text-area {
height: 100px;
line-height: 26px;
resize: none;
}
.form-control:focus {
border-color: #b8c1d1;
box-shadow: none;
}
.form-control::-webkit-input-placeholder {
color: #aaaaaa;
letter-spacing: 0.25px;
font-weight: 300;
font-size: 12px;
line-height: 40px;
}
.form-control:-moz-placeholder {
/* Firefox 18- */
color: #aaaaaa;
letter-spacing: 0.25px;
font-weight: 300;
font-size: 12px;
line-height: 40px;
}
.form-control::-moz-placeholder {
color: #5a82a2;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.25px;
/*line-height: 40px;*/
}
.plus {
color: #c0d6ec;
margin-left: 4px;
font-size: 24px !important
}
.form-control:-ms-input-placeholder {
color: #aaaaaa;
letter-spacing: 0.25px;
font-weight: 300;
font-size: 12px;
line-height: 40px;
}
.input-group .input-group-addon {
border-radius: 0px;
border-width: 0px;
text-align: center;
color: #707780;
background-color: #f2f4f7;
}
.input-group .input-group-addon.bg {
background: #00BCD4;
padding: 6px 12px;
color: #ffffff;
font-family: 'Roboto', sans-serif;
font-size: 12px;
font-weight: 300;
}
.input-group .input-group-addon.bg i {
color: #ffffff;
font-size: 18px;
}
.input-group:hover {
text-decoration: none;
}
.input-group.demo-group .input-group-addon {
border: 1px solid #d7dce5;
}
.input-group.demo-group .input-group-addon.addon-left {
border-right: 0px;
}
.input-group.demo-group .input-group-addon.addon-right {
border-left: 0px;
}
.input-group.input-group-lg .form-control {
border-radius: 0px;
}
.input-group.input-group-lg .form-control::-webkit-input-placeholder {
line-height: 24px;
}
.input-group.input-group-lg .form-control:-moz-placeholder {
/* Firefox 18- */
line-height: 24px;
}
.input-group.input-group-lg .form-control::-moz-placeholder {
/* Firefox 19+ */
line-height: 24px;
}
.input-group.input-group-lg .form-control:-ms-input-placeholder {
line-height: 24px;
}
.input-group.input-group-sm .form-control {
border-radius: 0px;
}
.input-group.input-group-sm .form-control::-webkit-input-placeholder {
line-height: 18px;
}
.input-group.input-group-sm .form-control:-moz-placeholder {
/* Firefox 18- */
line-height: 18px;
}
.input-group.input-group-sm .form-control::-moz-placeholder {
/* Firefox 19+ */
line-height: 18px;
}
.input-group.input-group-sm .form-control:-ms-input-placeholder {
line-height: 18px;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
background: #f9fafb;
}
.bootstrap-filestyle .form-control {
background: #ffffff;
border-color: #d7dce5;
}
.has-error .form-control {
border-color: #fb5d5d !important;
box-shadow: none !important;
}
.has-error .help-block {
color: #fb5d5d;
}
.has-success .form-control {
border-color: #6fd64b !important;
box-shadow: none !important;
}
/**************************************************
	Checbox & Radio
*************************************************
.check-radio {
margin-bottom: 0px;
}
.check-radio .checkboxes-radio li {
padding-right: 20px;
}
input[type="checkbox"] + label, input[type="radio"] + label {
font-weight: 400 !important;
color: #6889a7;
font-size: 14px;
letter-spacing: 0.25px;
line-height: 19px;
margin: 0px;
}
input[type="checkbox"] {
display: none;
}
input[type="checkbox"] + label span {
display: inline-block;
width: 19px;
height: 19px;
margin: -1px 4px 0 0;
vertical-align: middle;
background: url(../images/cbr.png) left top no-repeat;
cursor: pointer;
}
input[type="checkbox"]:checked + label span {
background: url(../images/cbr.png) -19px top no-repeat;
}
input[type="radio"] {
display: none;
}
input[type="radio"] + label span {
display: inline-block;
width: 19px;
height: 19px;
margin: -1px 4px 0 0;
vertical-align: middle;
background: url(../images/cbr.png) -38px top no-repeat;
cursor: pointer;
margin: 0px;
}
input[type="radio"]:checked + label span {
background: url(../images/cbr.png) -57px top no-repeat;
}*/
/**************************************************
	File upload button
**************************************************/
.btn-file-upload {
height: 40px;
line-height: 40px;
text-align: center;
padding: 0px 15px;
background: #00BCD4;
border-width: 0px;
border-radius: 0px;
color: #ffffff;
font-weight: 400;
}
.btn-file-upload:hover {
color: #ffffff;
}
/**************************************************
		Select2
**************************************************/
/******** select2 input **********/
.select2-container .select2-selection--single, .select2-selection--multiple {
outline: none !important;
border-radius: 0px !important;
height: 32px !important;
line-height: 32px !important;
border-color: #d7dce5 !important;
}
.select2-dropdown {
border-radius: 0px !important;
border-color: #d7dce5 !important;
color: #363636 !important;
}
/********** select2 input field **********/
.select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
outline: none !important;
box-shadow: none !important;
border-color: #d7dce5 !important;
color: #7b7b7b !important;
margin: 5px 0px;
}
/************ on hover background color ************/
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #2f2f2f !important;
color: #fff !important;
}
.select2-container--default .select2-selection--single {
height: 40px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #000 !important;
line-height: 40px;
}
/********** selected highlight color **********/
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #2f2f2f !important;
color: #fff !important;
}
/********for input tags *********/
.select2-selection__choice {
margin-top: 0px !important;
background-color: #f4f6fb !important;
height: 20px !important;
line-height: 20px !important;
margin-top: 5px !important;
border-radius: 0px !important;
border-color: #d7dce5 !important;
color: #747b8f !important;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
background-color: #ffffff !important;
}
.select2-container .select2-search--inline .select2-search__field {
margin-top: 0px !important;
}
.select2-selection__arrow {
background: #f9fafb !important;
height: 38px !important;
width: 38px !important;
border-left: 1px solid #7b7b7b;
}
.select2-selection__placeholder {
font-size: 12px !important;
color: #bbbbbb !important;
}
.select2-container {
width: 100% !important;
}
.select2-search--dropdown {
width: 100% !important;
}
/**************************************************
		Toggle
**************************************************/
.toggle-switch {
padding-bottom: 32px;
position: relative;
}

.toggle {
position: absolute;
top: 20;
margin: auto;
width: 51px;
height: 31px;
}
.toggle label, .toggle i {
box-sizing: border-box;
display: block;
background: #ffffff;
}
.toggle label {
width: 51px;
height: 32px;
border-radius: 32px;
border: 2px solid #e5e5e5;
transition: all 0.30s ease;
}
.toggle i {
position: absolute;
top: 2px;
left: 2px;
width: 28px;
height: 28px;
border-radius: 28px;
box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.25), 0 3px 3px 0 rgba(0, 0, 0, 0.15);
background: #ffffff;
transition: all 0.3s cubic-bezier(0.275, -0.45, 0.725, 1.45);
}
input[type="checkbox"]:active + .toggle i {
width: 35px;
}
input[type="checkbox"]:active + .toggle label, input[type="checkbox"]:checked + .toggle label {
border: 16px solid #6fd64b;
}
input[type="checkbox"]:checked + .toggle i {
left: 21px;
}
input[type="checkbox"]:checked:active + .toggle label {
border: 16px solid #e5e5e5;
}
input[type="checkbox"]:checked:active + .toggle i {
left: 14px;
}
input[type="checkbox"]:disabled + .toggle label {
border: 16px solid #b1e99e;
}
/**************************************************
		Multi Select
**************************************************/
.ms-container .ms-selectable .ms-list, .ms-container .ms-selection .ms-list {
box-shadow: none;
border: 1px solid #d7dce5;
border-radius: 0px;
}
.ms-container .ms-selectable .ms-list .ms-elem-selectable, .ms-container .ms-selection .ms-list .ms-elem-selectable, .ms-container .ms-selectable .ms-list .ms-elem-selection, .ms-container .ms-selection .ms-list .ms-elem-selection {
border-bottom: 1px solid #e9ecf2 !important;
color: #9398a0;
font-family: 'Roboto', sans-serif;
font-size: 12px;
font-weight: 300;
letter-spacing: 0.25px;
padding: 5px 10px;
}
.ms-container .ms-selectable .ms-list .ms-elem-selectable.ms-hover, .ms-container .ms-selection .ms-list .ms-elem-selectable.ms-hover, .ms-container .ms-selectable .ms-list .ms-elem-selection.ms-hover, .ms-container .ms-selection .ms-list .ms-elem-selection.ms-hover {
background-color: #00BCD4;
color: #ffffff;
}
.ms-container .ms-selectable .ms-list.ms-focus, .ms-container .ms-selection .ms-list.ms-focus {
box-shadow: none !important;
border: 1px solid #d7dce5 !important;
}
/**************************************************
		Date Picker
**************************************************/
.picker {
padding-bottom: 30px;
display: inline-block;
width: 100%;
}
.datepicker {
border-radius: 0px !important;
}
.datepicker .datepicker-inline {
border: 1px solid #d7dce5 !important;
color: #9398a0;
font-family: 'Roboto', sans-serif;
font-size: 12px;
font-weight: 400;
}
.datepicker .datepicker-days table thead tr .datepicker-switch, .datepicker .datepicker-months table thead tr .datepicker-switch, .datepicker .datepicker-years table thead tr .datepicker-switch, .datepicker .datepicker-days table thead tr .prev, .datepicker .datepicker-months table thead tr .prev, .datepicker .datepicker-years table thead tr .prev, .datepicker .datepicker-days table thead tr .next, .datepicker .datepicker-months table thead tr .next, .datepicker .datepicker-years table thead tr .next {
color: #707780;
font-family: 'Roboto', sans-serif;
font-size: 13px;
font-weight: 400;
}
.datepicker .datepicker-days table thead tr .datepicker-switch:hover, .datepicker .datepicker-months table thead tr .datepicker-switch:hover, .datepicker .datepicker-years table thead tr .datepicker-switch:hover, .datepicker .datepicker-days table thead tr .prev:hover, .datepicker .datepicker-months table thead tr .prev:hover, .datepicker .datepicker-years table thead tr .prev:hover, .datepicker .datepicker-days table thead tr .next:hover, .datepicker .datepicker-months table thead tr .next:hover, .datepicker .datepicker-years table thead tr .next:hover {
background-color: #f2f4f7;
border-radius: 0px;
}
.datepicker .datepicker-days table thead tr .dow, .datepicker .datepicker-months table thead tr .dow, .datepicker .datepicker-years table thead tr .dow {
color: #707780;
font-family: 'Roboto', sans-serif;
font-size: 13px;
font-weight: 400;
}
.datepicker .datepicker-days table tbody tr .old, .datepicker .datepicker-months table tbody tr .old, .datepicker .datepicker-years table tbody tr .old, .datepicker .datepicker-days table tbody tr .new, .datepicker .datepicker-months table tbody tr .new, .datepicker .datepicker-years table tbody tr .new {
color: #aaaaaa;
font-family: 'Roboto', sans-serif;
font-size: 12px;
font-weight: 300;
}
.datepicker .datepicker-days table tbody tr .old:hover, .datepicker .datepicker-months table tbody tr .old:hover, .datepicker .datepicker-years table tbody tr .old:hover, .datepicker .datepicker-days table tbody tr .new:hover, .datepicker .datepicker-months table tbody tr .new:hover, .datepicker .datepicker-years table tbody tr .new:hover {
background-color: #f2f4f7;
border-radius: 0px;
}
.datepicker .datepicker-days table tbody tr .day.active, .datepicker .datepicker-months table tbody tr .day.active, .datepicker .datepicker-years table tbody tr .day.active {
background-color: #00BCD4;
border-radius: 0px;
}
.datepicker .datepicker-days table tbody tr .day.active:hover, .datepicker .datepicker-months table tbody tr .day.active:hover, .datepicker .datepicker-years table tbody tr .day.active:hover {
background-color: #00BCD4;
}
.datepicker .datepicker-days table tbody tr .day:hover, .datepicker .datepicker-months table tbody tr .day:hover, .datepicker .datepicker-years table tbody tr .day:hover {
background-color: #f2f4f7;
border-radius: 0px;
}
.datepicker .datepicker-days table tbody tr .selected, .datepicker .datepicker-months table tbody tr .selected, .datepicker .datepicker-years table tbody tr .selected {
background-color: #00BCD4;
border-radius: 0px;
}
.datepicker .datepicker-days table tbody tr .selected:hover, .datepicker .datepicker-months table tbody tr .selected:hover, .datepicker .datepicker-years table tbody tr .selected:hover {
background-color: #00BCD4 !important;/*border: 1px solid transparent !important;*/
}
.datepicker .datepicker-days table tbody tr .range, .datepicker .datepicker-months table tbody tr .range, .datepicker .datepicker-years table tbody tr .range {
background-color: #b2dbfb;
}
.datepicker .datepicker-days table tbody tr .month.active, .datepicker .datepicker-months table tbody tr .month.active, .datepicker .datepicker-years table tbody tr .month.active, .datepicker .datepicker-days table tbody tr .year.active, .datepicker .datepicker-months table tbody tr .year.active, .datepicker .datepicker-years table tbody tr .year.active {
background-color: #00BCD4;
border-radius: 0px;
}
.datepicker .datepicker-days table tbody tr .month.active:hover, .datepicker .datepicker-months table tbody tr .month.active:hover, .datepicker .datepicker-years table tbody tr .month.active:hover, .datepicker .datepicker-days table tbody tr .year.active:hover, .datepicker .datepicker-months table tbody tr .year.active:hover, .datepicker .datepicker-years table tbody tr .year.active:hover {
background-color: #00BCD4;
}
.datepicker .datepicker-days table tbody tr .month:hover, .datepicker .datepicker-months table tbody tr .month:hover, .datepicker .datepicker-years table tbody tr .month:hover, .datepicker .datepicker-days table tbody tr .year:hover, .datepicker .datepicker-months table tbody tr .year:hover, .datepicker .datepicker-years table tbody tr .year:hover {
background-color: #00BCD4;
border-radius: 0px;
color: #ffffff;
}
.input-daterange input:first-child, .input-daterange input:last-child {
border-radius: 0px !important;
}
/**************************************************
		Color Picker
**************************************************/
.color-picker-addon {
background-color: #ffffff;
}
.color-dropdown {
height: 40px;
}
.color-dropdown:hover, .color-dropdown:active, .color-dropdown:focus {
background-color: #ffffff !important;
border: 1px solid #d7dce5 !important;
}
.pick-a-color-markup .color-preview {
border: 1px solid #d7dce5 !important;
border-radius: 0px !important;
box-shadow: none !important;
}
.pick-a-color-markup > .input-group-btn.open > .dropdown-toggle.btn-default {
border: 1px solid #d7dce5;
border-radius: 0px;
box-shadow: none;
background-color: #ffffff;
}
.pick-a-color-markup .color-menu {
border: 1px solid #d7dce5;
border-radius: 0px;
}
.pick-a-color-markup .color-menu .color-menu-tabs {
color: #707780;
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 400;
border-bottom: 1px solid #d7dce5;
}
.pick-a-color-markup .color-menu .color-menu-tabs .tab {
border: 0px;
border-radius: 0px;
}
.pick-a-color-markup .color-menu .color-menu-tabs .tab:hover {
border: 0px;
border-radius: 0px;
background-color: #f2f4f7;
}
.pick-a-color-markup .color-menu .color-menu-tabs .tab-active {
border: 0px;
border-radius: 0px;
background-color: #f2f4f7;
}
.pick-a-color-markup .color-menu .color-label {
color: #9398a0;
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 300;
}
.pick-a-color-markup .color-menu .color-label:hover {
color: #707780;
}
.pick-a-color-markup .color-menu .color-box {
border: 1px solid #d7dce5;
border-radius: 0px;
box-shadow: none;
}
.pick-a-color-markup .color-menu .color-box .highlight-band {
border: 1px solid #ffffff;
border-radius: 0px;
box-shadow: none;
background-color: #00BCD4;
}
.pick-a-color-markup .color-menu .color-box .highlight-band .highlight-band-stripe {
display: none;
}
.pick-a-color-markup .color-menu .advanced-content .color-box {
top: 32px;
}
/**************************************************
		Form Input Masks
**************************************************/
.date-block {
display: block;
width: 100%;
}
.help-block {
margin-top: 5px;
margin-bottom: 10px;
color: #aaaaaa;
}
/**************************************************
		Upload
**************************************************/
#upload {
font-family: 'PT Sans Narrow', sans-serif;
padding: 30px;
}
#drop {
padding: 100px 50px;
margin-bottom: 30px;
border-radius: 3px;
text-align: center;
text-transform: uppercase;
font-size: 26px;
font-weight: bold;
color: #00BCD4;
border: 4px dotted #00BCD4;
}
#drop a {
background-color: #00BCD4;
padding: 12px 26px;
color: #fff;
font-size: 14px;
border-radius: 2px;
cursor: pointer;
display: inline-block;
margin-top: 12px;
line-height: 1;
}
#drop a:hover {
background-color: #51adf6;
text-decoration: none;
}
#drop input {
display: none;
}
#upload ul {
list-style: none;
}
#upload ul li {
background-color: #333639;
background-image: -webkit-linear-gradient(top, #333639, #303335);
background-image: -moz-linear-gradient(top, #333639, #303335);
background-image: linear-gradient(top, #333639, #303335);
border-top: 1px solid #3d4043;
border-bottom: 1px solid #2b2e31;
height: 75px;
left: -20px;
position: relative;
}
#upload ul li input {
display: none;
}
#upload ul li p {
width: 144px;
overflow: hidden;
white-space: nowrap;
color: #EEE;
font-size: 16px;
font-weight: bold;
position: absolute;
top: 20px;
left: 100px;
}
#upload ul li i {
font-weight: normal;
font-style: normal;
color: #7f7f7f;
display: block;
}
#upload ul li canvas {
top: 15px;
left: 32px;
position: absolute;
}
#upload ul li span {
width: 15px;
height: 12px;
background: url(../images/icons.png) no-repeat;
position: absolute;
top: 34px;
right: 33px;
cursor: pointer;
}
#upload ul li.working span {
height: 16px;
background-position: 0 -12px;
}
#upload ul li.error p {
color: red;
}
.progress-bar-primary {
background-color: #00BCD4;
border-radius: none;
}
/****************************************************
	Image Crop Zoom
****************************************************/
.docs-toggles .active {
background-color: #0c7cd5 !important;
border: 1px solid transparent;
}
.docs-toggles .btn:hover {
border: 1px solid transparent;
}
.tooltip {
background: none !important;
}
.tooltip .tooltip-inner {
color: #ffffff;
font-size: 14px;
line-height: 26px;
}
.tooltip:after {
display: none;
}
/****************************************************
	List Groups
****************************************************/
.list-group .list-group-item {
color: #707780;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size: 14px;
letter-spacing: 0.25px;
line-height: 26px;
border: 1px solid #e9ecf2;
padding: 15px 15px;
}
.top-active {
border-left: solid 3px #60c6cf !important;
background-color: #F6FAFE;
padding: 15px 15px;
}
.list-group .list-group-item .list-group-item-heading {
color: #707780;
font-weight: 400;
}
.list-group .list-group-item .list-group-item-text {
color: #9398a0;
font-weight: 400;
}
.list-group .list-group-item.active {
background-color: #00BCD4;
border: 0px;
}
.list-group .list-group-item.active .list-group-item-heading {
color: #ffffff;
}
.list-group .list-group-item.active .list-group-item-text {
color: #eeeeee;
}
.list-group .list-group-item.active:hover, .list-group .list-group-item.active:active, .list-group .list-group-item.active:focus {
/*background-color: #0d8aee !important;*/
color: #FFFFFF;
}
.list-group .list-group-item:hover, .list-group .list-group-item:active, .list-group .list-group-item:focus, .list-group .list-group-item.disabled {
/*background-color: #f2f4f7;*/
}
.list-group .list-group-item.list-group-item-success {
color: #3c763d;
}
.list-group .list-group-item.list-group-item-success:hover {
background-color: #acd87d;
}
.list-group .list-group-item.list-group-item-info {
color: #31708f;
}
.list-group .list-group-item.list-group-item-info:hover {
background-color: #93c3dd;
}
.list-group .list-group-item.list-group-item-warning {
color: #8a6d3b;
}
.list-group .list-group-item.list-group-item-warning:hover {
background-color: #efd56f;
}
.list-group .list-group-item.list-group-item-danger {
color: #a94442;
}
.list-group .list-group-item.list-group-item-danger:hover {
background-color: #e89697;
}
.list-group.demo-list-group .list-group-item {
color: #707780;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size: 14px;
letter-spacing: 0.25px;
line-height: 26px;
}
.list-group.demo-list-group .list-group-item.active {
color: #ffffff;
}
.list-group.demo-list-group .list-group-item.active:hover {
background-color: #0d8aee;
}
.list-group.demo-list-group .list-group-item:hover, .list-group.demo-list-group .list-group-item:active, .list-group.demo-list-group .list-group-item:focus {
background-color: #f2f4f7;
}
.badge {
color: #ffffff;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 12px;
letter-spacing: 0.25px;
border-radius: 2px;
padding: 5px 10px;
}
/****************************************************
		Dropdown
****************************************************/
.piluku-dropdown {
display: inline-block;
}
.piluku-dropdown .dropdown-toggle {
color: #707780;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
letter-spacing: 0.25px;
text-decoration: none;
line-height: 26px;
}
.piluku-dropdown .dropdown-toggle .drop-icon i {
line-height: 24px;
}
.piluku-dropdown img.flag_img {
width: 20px;
display: inline-block;
margin-right: 8px;
margin-left: 8px;
}
.piluku-dropdown .dropdown-regular-menu {
border-width: 0;
border-radius: 0;
background-color: #FFFFFF;
border: 1px solid #e9ecf2;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
transition: all 1s ease-out;
position: absolute;
top: 24px;
left: 0;
max-height: 420px;
z-index: 99;
padding: 0px;
overflow: visible;
}
.piluku-dropdown .dropdown-regular-menu a {
height: 30px;
display: inline-block;
position: relative;
font-size: 13px;
font-weight: 400;
display: block;
line-height: 16px !important;
font-family: 'Roboto', sans-serif;
white-space: normal;
color: #707780;
padding: 5px;
}
.piluku-dropdown .dropdown-regular-menu a:hover, .piluku-dropdown .dropdown-regular-menu a:active, .piluku-dropdown .dropdown-regular-menu a:focus {
background-color: transparent;
}
.piluku-dropdown .dropdown-regular-menu.dropdown-right {
right: 0;
left: auto;
}
.piluku-dropdown .dropdown-regular-menu.dropdown-right li {
text-align: right;
}
.piluku-dropdown .dropdown-regular-menu.dropdown-right li img.flag_img {
float: right;
margin-left: 8px;
margin-right: 0px;
}
.piluku-dropdown .dropdown-menu-left {
right: auto !important;
left: 0;
}
.piluku-dropdown .dropdown-menu-left:after {
top: -10px;
right: auto !important;
margin: auto;
left: 20px !important;
}
.piluku-dropdown .dropdown-piluku-menu {
border-width: 0;
border-radius: 0;
background-color: #FFFFFF;
border-top: 2px solid #00BCD4;
-webkit-transition: all 1s ease-out;
position: absolute;
left: 0;
max-height: 420px;
z-index: 99;
padding: 0;
overflow: visible;
}
.piluku-dropdown .dropdown-piluku-menu li {
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}
.piluku-dropdown .dropdown-piluku-menu li a:hover {
background-color: #f6f7fa;
color: #707780;
}
.piluku-dropdown .dropdown-piluku-menu li:hover {
background-color: #e9ecf2;
}
.piluku-dropdown .dropdown-piluku-menu:after {
content: "";
position: absolute;
top: -10px;
left: 10px;
margin: auto;
width: 0;
height: 0;
border-style: solid;
border-width: 0 8px 8px 8px;
border-color: transparent transparent #00BCD4 transparent;
/*border-color: transparent transparent red transparent;*/
z-index: 9999999999999999999999999;
}
.piluku-dropdown .dropdown-piluku-menu.piluku-right {
left: auto;
right: 0;
}
.piluku-dropdown .dropdown-piluku-menu.piluku-right:after {
left: auto;
right: 20px;
}
.piluku-dropdown .dropdown-piluku-menu.dropdown-right {
right: 0;
left: auto;
}
.piluku-dropdown .dropdown-piluku-menu.dropdown-right:after {
right: 10px;
left: auto;
}
.piluku-dropdown .dropdown-piluku-menu.neat_drop a {
overflow: hidden;
display: inline-block;
display: table;
width: 100%;
padding: 10px 10px !important;
border-bottom: 1px solid #e9ecf2;
text-decoration: none;
}
.piluku-dropdown .dropdown-piluku-menu.neat_drop a .time_info {
font-size: 12px;
font-weight: 300;
color: #9398a0;
}
.piluku-dropdown .dropdown-piluku-menu.neat_drop a .text_info {
font-size: 12px;
font-weight: 400;
display: block;
line-height: 16px;
letter-spacing: 0.10px;
margin-top: 8px;
font-family: 'Roboto', sans-serif;
}
.piluku-dropdown .dropdown-piluku-menu.neat_drop a .time_info {
font-size: 12px;
font-weight: 300;
color: #9398a0;
}
.piluku-dropdown .dropdown-piluku-menu.neat_drop .last_info {
text-align: center;
color: #707780;
padding: 15px;
}
.piluku-dropdown .dropdown-piluku-menu.neat_drop .last_info:hover {
color: #4c5157;
}
.piluku-dropdown .dropdown-piluku-menu.neat_drop li:last-child a {
border-bottom-width: 0;
}
.piluku-dropdown .dropdown-piluku-menu.notification-drop {
width: 350px;
}
.piluku-dropdown .dropdown-piluku-menu.language-drop {
width: 200px;
}
.piluku-dropdown .dropdown-piluku-menu.avatar_drop {
width: 210px;
}
.piluku-dropdown .dropdown-piluku-menu.avatar_drop i {
color: #dadfe7;
padding-right: 10px;
font-size: 18px;
}
.piluku-dropdown .dropdown-piluku-menu.avatar_drop > li a.logout_button {
text-align: center;
background: #fb5d5d;
color: #FFFFFF;
border-radius: 2px;
}
.piluku-dropdown .dropdown-piluku-menu.avatar_drop > li a.logout_button i {
color: #FFFFFF;
font-size: 20px;
}
.piluku-dropdown .dropdown-piluku-menu.avatar_drop > li a.logout_button:hover {
color: #ffffff;
background-color: #fa4444;
}
.piluku-dropdown .dropdown-piluku-menu.message_drop {
width: 350px;
}
.piluku-dropdown .dropdown-piluku-menu.message_drop .avatar_left {
width: 30px;
display: inline-block;
float: left;
}
.piluku-dropdown .dropdown-piluku-menu.message_drop .avatar_left img {
width: 100%;
border-radius: 50%;
display: inline-block;
}
.piluku-dropdown .dropdown-piluku-menu.message_drop .info_right {
float: left;
display: inline-block;
width: 90%;
}
.piluku-dropdown .dropdown-piluku-menu.message_drop .info_right .text_head {
margin-left: 5px;
margin-bottom: 3px;
}
.piluku-dropdown .dropdown-piluku-menu.message_drop .text_info {
margin-top: 0 !important;
height: 30px;
clear: both;
overflow: hidden;
margin-left: 5px;
color: #9398a0;
font-size: 13px;
}
.piluku-dropdown .dropdown-piluku-menu.message_drop .time_info {
margin-top: 0 !important;
margin-left: 40px;
}
.piluku-dropdown .dropdown-piluku-menu.message_drop .time_info i {
font-size: 8px;
}
.piluku-dropdown .dropdown-piluku-menu.message_drop .time_info i.online {
color: #6fd64b;
}
.piluku-dropdown .dropdown-piluku-menu.message_drop .time_info i.offline {
color: #fb5d5d;
}
.piluku-dropdown .dropdown-piluku-menu.message_drop .time_info i.away {
color: #f7941d;
}
.piluku-dropdown .dropdown-piluku-menu.message_drop .time_info i.grey {
color: #d7dce5;
}
.piluku-dropdown .dropdown-piluku-menu a {
height: 30px;
display: inline-block;
position: relative;
font-size: 13px;
font-weight: 400;
display: block;
line-height: 16px !important;
font-family: 'Roboto', sans-serif;
white-space: normal;
color: #707780;
}
.piluku-dropdown .dropdown-piluku-menu a:hover, .piluku-dropdown .dropdown-piluku-menu a:active, .piluku-dropdown .dropdown-piluku-menu a:focus {
background-color: transparent;
color: #707780 !important;
}
.piluku-dropdown .drop-icon {
font-size: 10px;
display: inline-block;
vertical-align: top;
padding-left: 5px;
}
/****************************************************
	Wysiwig
****************************************************/
.mce-content-body p {
color: #9398a0;
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 300;
}
.mce-popover .mce-arrow:after {
border-bottom-color: red;
}
.mce-popover .mce-colorbutton-grid {
margin: 0px;
border: 1px solid #d7dce5 !important;
padding: 4px;
}
.mce-reset .mce-window-head {
border-bottom: 1px solid #d7dce5;
}
.mce-reset .mce-window-head .mce-title {
color: #707780;
font-family: 'Roboto', sans-serif;
font-size: 16px;
font-weight: 400;
}
.mce-reset .mce-textbox {
border-radius: 0px;
box-shadow: none;
outline: 0;
border-color: #d7dce5;
height: 30px;
font-weight: 300;
line-height: 30px;
color: #aaaaaa;
font-size: 14px;
font-family: 'Roboto', sans-serif;
}
.mce-reset .mce-textbox:focus {
box-shadow: none;
border-color: #00BCD4;
}
.mce-reset .mce-checkbox .mce-ico {
background-image: none;
background-color: #ffffff;
border-radius: 0px;
border: 1px solid #d7dce5;
}
.mce-reset .mce-checkbox .mce-label {
color: #707780;
font-family: 'Roboto', sans-serif;
font-size: 12px;
font-weight: 400;
}
.mce-container {
border-radius: 0px !important;
border-width: 0px !important;
}
.mce-container .mce-menubar {
background-color: #f2f4f7 !important;
border: 1px solid #d7dce5 !important;
padding: 2px;
}
.mce-container .mce-menubar .mce-btn button span {
color: #707780;
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 400;
text-transform: capitalize;
}
.mce-container .mce-menubar .mce-btn button .mce-caret {
border-top-color: #707780;
}
.mce-container .mce-menubar .mce-btn button:hover {
background-color: #e8ebf1;
}
.mce-container .mce-menubar .mce-btn.mce-active button {
background-color: #e8ebf1;
}
.mce-container .mce-btn {
background-color: #d7dce5;
background-image: none;
outline: 0;
border: 0px;
border-radius: 0px;
}
.mce-container .mce-btn button {
color: #ffffff;
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 400;
text-shadow: none;
}
.mce-container .mce-btn:hover {
background-color: #b8c1d1;
background-image: none;
}
.mce-container .mce-primary {
background-color: #00BCD4;
background-image: none;
outline: 0;
border: 0px;
border-radius: 0px;
}
.mce-container .mce-primary button {
color: #ffffff;
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 400;
text-shadow: none;
}
.mce-container .mce-primary:hover {
background-color: #0c7cd5;
background-image: none;
}
.mce-container .mce-toolbar-grp {
background-color: #f2f4f7 !important;
border: 1px solid #d7dce5 !important;
border-top-width: 0px !important;
padding: 6px;
}
.mce-container .mce-edit-area {
border: 1px solid #d7dce5 !important;
border-width: 0px 1px !important;
}
.mce-container .mce-statusbar {
background-color: #f2f4f7 !important;
border: 1px solid #d7dce5 !important;
}
.mce-container .mce-statusbar .mce-path .mce-path-item {
color: #707780;
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 400;
}
.mce-container .mce-widget {
color: #9398a0;
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 400;
border-left: 1px solid transparent;
}
.mce-container .mce-btn-group {
border: 1px solid #e9ecf2 !important;
}
.mce-container .mce-btn-group .mce-btn {
box-shadow: none;
background-image: none;
background-color: #ffffff;
border-width: 0px;
border-radius: 0px !important;
}
.mce-container .mce-btn-group .mce-btn:hover, .mce-container .mce-btn-group .mce-btn:focus {
box-shadow: none;
background-image: none;
background-color: #ffffff;
}
.mce-container .mce-btn-group .mce-btn button span {
color: #707780;
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 300;
}
.mce-container .mce-btn-group .mce-btn button .mce-caret {
color: #707780;
font-size: 14px;
}
.mce-container .mce-ico {
color: #707780;
font-size: 14px;
}
.mce-container .mce-panel {
background-image: none;
}
.mce-container.mce-menu {
border: 1px solid #d7dce5 !important;
}
.mce-container.mce-menu .mce-menu-item {
background-image: none;
}
.mce-container.mce-menu .mce-menu-item .mce-ico {
color: #00BCD4;
font-size: 14px;
}
.mce-container.mce-menu .mce-menu-item .mce-text {
color: #707780;
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 400;
text-transform: capitalize;
}
.mce-container.mce-menu .mce-menu-item .mce-menu-shortcut {
color: #aaaaaa;
font-family: 'Roboto', sans-serif;
font-size: 12px;
font-weight: 300;
text-transform: capitalize;
}
.mce-container.mce-menu .mce-menu-item:hover, .mce-container.mce-menu .mce-menu-item:focus, .mce-container.mce-menu .mce-menu-item.mce-selected {
background-color: #5d9bfb;
}
.mce-container.mce-menu .mce-menu-item:hover .mce-ico, .mce-container.mce-menu .mce-menu-item:focus .mce-ico, .mce-container.mce-menu .mce-menu-item.mce-selected .mce-ico, .mce-container.mce-menu .mce-menu-item:hover .mce-text, .mce-container.mce-menu .mce-menu-item:focus .mce-text, .mce-container.mce-menu .mce-menu-item.mce-selected .mce-text, .mce-container.mce-menu .mce-menu-item:hover .mce-menu-shortcut, .mce-container.mce-menu .mce-menu-item:focus .mce-menu-shortcut, .mce-container.mce-menu .mce-menu-item.mce-selected .mce-menu-shortcut {
color: #ffffff;
}
.mce-container.mce-menu .mce-menu-item.mce-disabled .mce-ico, .mce-container.mce-menu .mce-menu-item.mce-disabled .mce-text, .mce-container.mce-menu .mce-menu-item.mce-disabled .mce-menu-shortcut {
color: #aaaaaa;
}
.mce-container.mce-menu .mce-menu-item.mce-disabled:hover, .mce-container.mce-menu .mce-menu-item.mce-disabled:focus, .mce-container.mce-menu .mce-menu-item.mce-disabled.mce-selected {
background-color: #d7dce5;
}
.mce-container.mce-menu .mce-menu-item.mce-disabled:hover .mce-ico, .mce-container.mce-menu .mce-menu-item.mce-disabled:focus .mce-ico, .mce-container.mce-menu .mce-menu-item.mce-disabled.mce-selected .mce-ico, .mce-container.mce-menu .mce-menu-item.mce-disabled:hover .mce-text, .mce-container.mce-menu .mce-menu-item.mce-disabled:focus .mce-text, .mce-container.mce-menu .mce-menu-item.mce-disabled.mce-selected .mce-text, .mce-container.mce-menu .mce-menu-item.mce-disabled:hover .mce-menu-shortcut, .mce-container.mce-menu .mce-menu-item.mce-disabled:focus .mce-menu-shortcut, .mce-container.mce-menu .mce-menu-item.mce-disabled.mce-selected .mce-menu-shortcut {
color: #ffffff;
}
.mce-container.mce-menu .mce-menu-item-sep {
background-color: #d7dce5;
}
.mce-container.mce-menu .mce-menu-item-sep:hover {
background-color: #d7dce5;
}
/****************************************************
	Task Add Widget
****************************************************/
.task-add-widget .task-body {
background-color: #6fd64b;
padding: 40px;
text-align: center;
}
.task-add-widget .task-body .task-text {
color: #ffffff;
font-family: 'Roboto', sans-serif;
font-size: 16px;
font-weight: 300;
text-align: center;
padding-bottom: 20px;
}
.task-add-widget .task-body .task-text .add-task-btn {
margin-top: 20px;
}
.task-add-widget .task-body .task-text .todo-carousel-item {
padding-left: 30px;
padding-right: 30px;
text-align: left;
}
.task-add-widget .task-body .task-text .todo-carousel {
background-image: none;
opacity: 1;
top: 50%;
text-shadow: none;
width: 5%;
}
.task-add-widget .task-body .styled div {
display: inline-block;
padding-left: 21px;
padding-right: 21px;
color: #ffffff;
font-family: 'Roboto', sans-serif;
font-size: 30px;
font-weight: 300;
text-align: center;
}
.task-add-widget .task-body .styled div span {
display: block;
font-size: 12px;
text-transform: uppercase;
}
.task-add-widget .task-body .gallery-widget {
width: 100%;
margin: 0 auto;
}
.task-add-widget .task-body .gallery-widget .widget-nopad {
padding-left: 5px;
padding-right: 5px;
}
.task-add-widget .task-body .gallery-widget .widget-nopad .task-image {
margin: 5px;
border: 2px solid #e9ecf2;
}
.task-add-widget .task-body .gallery-widget .widget-nopad .task-image img {
width: 100%;
}
/****************************************************
Image Text Widget
****************************************************/
.image-text-widget .widget-image {
height: 340px;
width: 225px;
float: left;
background: url(../images/post1.jpg) no-repeat top center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: relative;
}
.image-text-widget .widget-image .widget-image-opacity {
background-color: rgba(247, 148, 29, 0.85);
position: absolute;
top: 0;
left: 0;
width: inherit;
height: inherit;
}
.image-text-widget .widget-image .widget-text {
color: #ffffff;
font-family: 'Roboto', sans-serif;
font-size: 20px;
font-weight: 400;
text-transform: uppercase;
text-align: center;
z-index: 999;
position: absolute;
top: 50%;
width: 100%;
}
.image-text-widget .widget-image .openNav {
transition-duration: 0.5s;
transition-timing-function: swing;
width: 30px;
height: 30px;
background-color: #ffffff;
z-index: 99;
position: relative;
}
.image-text-widget .widget-image .openNav:hover {
cursor: pointer;
}
.image-text-widget .widget-image .openNav .icon {
transition-duration: 0.2s;
position: absolute;
width: 20px;
height: 2px;
background-color: #f7941d;
top: 13px;
left: 5px;
}
.image-text-widget .widget-image .openNav .icon:before, .image-text-widget .widget-image .openNav .icon:after {
transition-duration: 0.5s;
background-color: #f7941d;
position: absolute;
content: "";
width: 20px;
height: 2px;
left: 0px;
}
.image-text-widget .widget-image .openNav .icon:before {
top: -5px;
}
.image-text-widget .widget-image .openNav .icon:after {
top: 5px;
}
.image-text-widget .widget-image .openNav.open .icon {
background-color: transparent;
}
.image-text-widget .widget-image .openNav.open .icon:before, .image-text-widget .widget-image .openNav.open .icon:after {
top: 0;
}
.image-text-widget .widget-image .openNav.open .icon:before {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.image-text-widget .widget-image .openNav.open .icon:after {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.image-text-widget .widget-image .widget-drop {
margin-top: 6px;
border: 0px;
padding: 0px;
min-width: 30px;
}
.image-text-widget .widget-image .widget-drop li {
text-align: center;
}
.image-text-widget .widget-image-text {
height: 340px;
padding-left: 10px;
padding-right: 10px;
text-align: center;
display: table-cell;
vertical-align: middle;
}
.image-text-widget .widget-image-text .widget-heading {
color: #707780;
font-family: 'Roboto', sans-serif;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
line-height: 26px;
}
.image-text-widget .widget-image-text .widget-content {
color: #9398a0;
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 300;
line-height: 22px;
padding-bottom: 10px;
}
@media (min-width: 990px) and (max-width: 1401px) {
.image-text-widget .widget-image {
width: 100%;
float: none;
}
}
/****************************************************
	Timeline
****************************************************/
.wline {
position: relative;
margin: 0px;
}
.wline:before {
content: '';
height: 100%;
margin-top: 16px;
border: 1px solid #d7dce5;
position: absolute;
top: 0;
left: 36px;
}
.wline .wtimeline {
position: relative;
margin-top: 20px;
margin-bottom: 10px;
width: 100%;
}
.wline .wtimeline .wtime-icon {
height: 30px;
width: 30px;
background-color: #ffffff;
border-radius: 4px;
margin-left: 18px;
text-align: center;
float: left;
-webkit-box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.2);
box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.2);
}
.wline .wtimeline .wtime-icon i {
color: #fb5d5d;
font-size: 16px;
line-height: 30px;
}
.wline .wtimeline .wtimeline-description {
background-color: #fafafa;
border: 1px solid #e9ecf2;
padding: 10px;
margin-left: 65px;
margin-right: 10px;
display: block;
color: #ffffff;
font-family: 'Roboto', sans-serif;
line-height: 22px;
position: relative;
}
.wline .wtimeline .wtimeline-description .wshape:after {
content: '';
display: block;
position: absolute;
top: 6px;
left: -8px;
width: 0;
height: 0;
border-right: 8px solid #fafafa;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
}
.wline .wtimeline .wtimeline-description .wshape:before {
content: '';
display: block;
position: absolute;
top: 5px;
left: -9px;
width: 0;
height: 0;
border-right: 9px solid #e9ecf2;
border-top: 9px solid transparent;
border-bottom: 9px solid transparent;
}
.wline .wtimeline .wtimeline-description .wtimeline-heading {
color: #707780;
font-size: 16px;
font-weight: 400;
width: 65%;
padding-bottom: 6px;
}
.wline .wtimeline .wtimeline-description .wtimeline-time {
position: absolute;
top: 6px;
right: 10px;
color: #9398a0;
font-size: 12px;
font-weight: 400;
}
.wline .wtimeline .wtimeline-description .wtimeline-content {
color: #9398a0;
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 300;
line-height: 22px;
padding-top: 6px;
border-top: 1px solid #e9ecf2;
}
@import url(http://fonts.googleapis.com/css?family=Nunito:400,300);
/************theme fonts********************/
/***********************theme colors*****************************/
/*****************theme parametres*******************/
/*sidebar-parametres*/
/****************************************************
Dashboard Calander
****************************************************/
.calendar-dashboard {
font-family: 'Roboto', sans-serif;
}
.calendar-dashboard .bic_calendar {
border-width: 0;
background-color: #FFFFFF;
}
.calendar-dashboard .calendar-head {
background-color: #FFFFFF;
vertical-align: middle;
color: #5d9bfb;
}
.calendar-dashboard .calendar-head i {
position: absolute;
font-size: 18px !important;
color: #707780;
padding: 10px;
}
.calendar-dashboard .calendar-head .fa-angle-left {
left: 30px;
top: 70px;
}
.calendar-dashboard .calendar-head .fa-angle-right {
right: 20px;
top: 70px;
}
.calendar-dashboard .table {
padding: 5px;
margin-top: 0px !important;
margin-bottom: 0px;
background-color: #FFFFFF;
padding-bottom: 10px;
}
.calendar-dashboard .table a {
font-size: 12px;
cursor: pointer;
}
.calendar-dashboard .table a.current {
background-color: red !important;
border-radius: 0px;
color: #FFFFFF;
padding: 10px 7px;
}
.calendar-dashboard .table a .event {
font-size: 8px;
display: block;
}
.calendar-dashboard .table a:hover {
text-decoration: none;
}
.calendar-dashboard .table thead {
font-weight: bold;
}
.calendar-dashboard .table td {
padding: 6px;
text-align: center;
}
.calendar-dashboard .table td.domingo {
background-color: #f9fafb;
}
.calendar-dashboard .table .dias_semana td {
background-color: transparent;
border-top: 1px solid #d7dce5;
border-bottom: 1px solid #d7dce5;
}
.calendar-dashboard .table > thead > tr > th, .calendar-dashboard .table > tbody > tr > th, .calendar-dashboard .table > tfoot > tr > th, .calendar-dashboard .table > thead > tr > td, .calendar-dashboard .table > tbody > tr > td, .calendar-dashboard .table > tfoot > tr > td {
border-top: 0px solid #dddddd;
}
/****************************************************
Dashboard Music Player
****************************************************/
.piluku-music-player {
min-height: 220px;
}
.piluku-music-player .track-info {
background: url(../images/player.jpg);
background-size: cover;
min-height: 190px;
padding: 20px;
}
.piluku-music-player .track-info a > i {
font-size: 30px;
color: #fb5d5d;
}
.piluku-music-player .track-info h3 {
text-align: center;
font-family: 'Roboto', sans-serif;
color: #FFFFFF;
}
.piluku-music-player .track-info p {
font-family: 'Roboto', sans-serif;
color: #FFFFFF;
}
.piluku-music-player .track-info .track-time {
margin-top: 30px;
}
.piluku-music-player .track-info .track-time .start-time {
float: left;
margin-bottom: 0px;
}
.piluku-music-player .seek-bar .progress {
margin-bottom: 0px;
max-height: 4px;
border-radius: 0px;
}
.piluku-music-player .seek-bar .progress .progress-bar {
border-radius: 0px;
background: #fb5d5d;
}
.piluku-music-player .audio-controls {
background: #000;
min-height: 0px;
}
.piluku-music-player .audio-controls .control-buttons {
padding: 10px;
padding-bottom: 5px;
}
.piluku-music-player .audio-controls .control-buttons ul {
padding: 0px;
text-align: center;
margin-bottom: 0;
}
.piluku-music-player .audio-controls .control-buttons ul li {
display: inline;
padding: 10px 15px;
}
.piluku-music-player .audio-controls .control-buttons ul li a {
text-decoration: none;
color: #FFFFFF;
}
.piluku-music-player .audio-controls .control-buttons ul li a i {
font-size: 22px;
}
.piluku-music-player .audio-controls .control-buttons ul li a i.ion-stop {
font-size: 18px;
}
.piluku-music-player .audio-controls .control-buttons ul li a:hover {
color: #fb5d5d;
}
.piluku-music-player .list-group .badge {
margin-top: 5px;
font-size: 12px;
font-weight: 100;
}
/****************************************************
Dashboard Login
****************************************************/
.piluku-login {
min-height: 298px;
background: #FFFFFF;
padding: 0px;
}
.piluku-login .header ul {
margin-top: 30px;
padding: 0;
text-align: center;
}
.piluku-login .header ul li {
display: inline-block;
}
.piluku-login .header ul li .btn {
min-width: 80px;
padding: 0;
padding: 8px 20px;
padding-top: 10px;
border-radius: 3px;
margin: 5px;
border: 1px solid transparent;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}
.piluku-login .header ul li a > i {
font-size: 20px;
color: #FFFFFF;
}
.piluku-login .form-section {
padding: 0px 30px;
margin-top: 50px;
}
.piluku-login .form-section .form-control {
border-radius: 0px;
}
.piluku-login .form-section .form-control:focus {
border-color: #b8c1d1 !important;
box-shadow: none !important;
outline: none;
}
.piluku-login .form-section input {
background: #FFFFFF;
border-color: #d7dce5;
color: #8b8d90;
height: 50px;
}
.piluku-login .form-section .input-group {
margin: 10px 0px;
}
.piluku-login .form-section .input-group .input-group-addon {
border-radius: 0px;
background: #e9ecf2;
color: #606468;
border: 1px solid #d7dce5;
border-right-width: 0;
padding: 6px 20px;
}
.piluku-login .btn {
border-radius: 0px;
padding: 10px 0px;
font-family: 'Roboto', sans-serif;
background-color: #5d9bfb;
color: #FFFFFF;
}
.piluku-login p {
text-align: center;
margin-bottom: 0px;
margin-top: 10px;
font-size: 14px;
font-family: 'Roboto', sans-serif;
color: #606468;
}
.piluku-login p strong {
color: #d8d8d8;
}
.facebook {
background-color: #dfe6f3 !important;
}
.facebook i {
color: #3b5998 !important;
}
.facebook:hover {
border: 1px solid #bbc8e4 !important;
}
.google {
background-color: #f9e1de !important;
}
.google i {
color: #dd4b39 !important;
}
.google:hover {
border: 1px solid #f2bab3 !important;
}
.twitter {
background-color: #e0f0fc !important;
}
.twitter i {
color: #55acee !important;
}
.twitter:hover {
border: 1px solid #a8d5f6 !important;
}
/*charts widgets*/
.monthly-earning-chart.chart-height {
height: 240px;
overflow: hidden;
}
.website-visits.chart-height {
height: 275px;
overflow: hidden;
}
.market_info_holder {
margin: 20px 0px;
}
.market_info_holder li .market_info {
border-right: 1px solid #d7dce5;
}
.market_info_holder li:last-child .market_info {
border-right-width: 0;
}
.market_info_holder .market_info {
text-align: center;
}
.market_info_holder .market_info h2 {
font-size: 14px;
font-weight: 400;
color: #707780;
margin-top: 0;
}
.market_info_holder .market_info .status {
font-weight: 400;
font-family: 'Roboto', sans-serif;
}
.main-chart-parent {
position: relative;/*height: 300px;
background: yellow;*/
}
.main-chart-parent .chart-height {
height: 420px;
overflow: hidden;
}
.main-chart-parent .ct-chart .ct-line {
stroke-width: 2px;
}
.main-chart-parent .ct-chart .ct-grid {
stroke: rgba(142, 142, 142, 0.2) !important;
stroke-width: 1px;
stroke-dasharray: 0px;
}
.main-chart-parent .ct-chart .ct-point {
stroke-width: 6px;
stroke-linecap: round;
}
.main-chart-parent .ct-chart .ct-series.ct-series-b .ct-bar, .main-chart-parent .ct-chart .ct-series.ct-series-b .ct-line, .main-chart-parent .ct-chart .ct-series.ct-series-b .ct-point, .main-chart-parent .ct-chart .ct-series.ct-series-b .ct-slice.ct-donut {
stroke: #5d9bfb;
}
.main-chart-parent .ct-chart .ct-series.ct-series-a .ct-bar, .main-chart-parent .ct-chart .ct-series.ct-series-a .ct-line, .main-chart-parent .ct-chart .ct-series.ct-series-a .ct-point, .main-chart-parent .ct-chart .ct-series.ct-series-a .ct-slice.ct-donut {
stroke: #6fd64b;
}
.small-bar-chart .ct-chart .ct-series.ct-series-a .ct-bar, .small-bar-chart .ct-chart .ct-series.ct-series-a .ct-line, .small-bar-chart .ct-chart .ct-series.ct-series-a .ct-point, .small-bar-chart .ct-chart .ct-series.ct-series-a .ct-slice.ct-donut {
stroke: #5d9bfb;
}
.small-bar-chart .ct-chart .ct-series.ct-series-b .ct-bar, .small-bar-chart .ct-chart .ct-series.ct-series-b .ct-line, .small-bar-chart .ct-chart .ct-series.ct-series-b .ct-point, .small-bar-chart .ct-chart .ct-series.ct-series-b .ct-slice.ct-donut {
stroke: #8fbafc;
}
.small-bar-chart .ct-chart .ct-series.ct-series-c .ct-bar, .small-bar-chart .ct-chart .ct-series.ct-series-c .ct-line, .small-bar-chart .ct-chart .ct-series.ct-series-c .ct-point, .small-bar-chart .ct-chart .ct-series.ct-series-c .ct-slice.ct-donut {
stroke: #c1d8fd;
}
.small-bar-chart .info_section {
padding-left: 20px;
line-height: 24px;
text-align: center;
color: #9398a0;
font-weight: 400;
}
.small-bar-chart .info_section .circle {
width: 10px;
height: 10px;
border: 1px solid #e9ecf2;
border-radius: 50%;
display: inline-block;
margin-right: 10px;
}
.small-bar-chart .info_section .flatBluec {
background: #5d9bfb;
}
.small-bar-chart .info_section .flatBluec2 {
background: #8fbafc;
}
.small-bar-chart .info_section .flatBluec3 {
background: #c1d8fd;
}
.small_pie_chart {
padding: 0px 20px;
}
.small_pie_chart .ct-chart .ct-series.ct-series-c .ct-area, .small_pie_chart .ct-chart .ct-series.ct-series-c .ct-slice:not(.ct-donut) {
fill: #f7941d;
}
.small_pie_chart .ct-chart .ct-series.ct-series-a .ct-area, .small_pie_chart .ct-chart .ct-series.ct-series-a .ct-slice:not(.ct-donut) {
fill: #5d9bfb;
}
.small_pie_chart .ct-chart .ct-series.ct-series-b .ct-area, .small_pie_chart .ct-chart .ct-series.ct-series-b .ct-slice:not(.ct-donut) {
fill: #fb5d5d;
}
.small_pie_chart .ct-chart .ct-slice {
opacity: 0.9;
transition: all 0.2s ease-in-out;
transform-origin: center center;
}
.small_pie_chart .ct-chart .ct-slice:hover {
opacity: 1;
transform: scale(1.05);
}
.small_pie_chart .ct-chart .ct-series.ct-series-d .ct-area, .small_pie_chart .ct-chart .ct-series.ct-series-d .ct-slice:not(.ct-donut) {
fill: #6fd64b;
}
.small_pie_chart .info_section {
line-height: 24px;
padding-top: 10px;
text-align: center;
font-family: 'Roboto', sans-serif;
}
.small_pie_chart .info_section li {
padding-right: 10px;
color: #9398a0;
}
.progress-bar-mini {
margin-left: -15px;
}
.progress-bar-info span {
position: absolute;
right: 18px;
font-weight: 700;
color: #61C6CF;
}
.content .btm-content .progress {
height: 20px;
margin-bottom: 0px;
overflow: hidden;
background-color: #fff;
border-radius: 4px;
box-shadow: none;
}
.content .btm-content .dvdr {
border-bottom: solid 1px #d7e3f0;
padding: 10px 0px;
}
.content .btm-content .progress-bar-info {
background-color: #61C6CF;
}
.content .btm-content .panel .avatar_holder {
width: 50px;
height: 50px;
float: left;
}
.content .btm-content .panel .avatar_holder img {
width: 100%;
height: 100%;
border-radius: 10%;
border: 1px solid #e9ecf2;
}
.content .btm-content .panel .name {
font-size: 15px;
color: #627e9c;
display: inline-block;
overflow: hidden;
white-space: nowrap;
margin-left: -15px;
font-weight: 500;
}
.content .btm-content .panel .name small {
font-size: 90%;
font-weight: 300;
margin-left: 10px;
}
.todo_widget {
position: relative;
background: transparent;
box-shadow: none;
}
.todo_widget .todo_heading {
background: #FFFFFF;
/*display: table;*/
width: 100%;
text-align: center;
height: 40px;
line-height: 40px;
}
.todo_widget .todo_heading .left-icon {
float: left;
}
.list-group-item .right-icon {
float: right;
}
.list-group-item .right-icon {
padding: 8px 12px;
background: #60c6cf;
color: #FFFFFF;
font-size: 20px;
margin-top: -8px;
}
.todo_widget .list-todo {
position: relative;
}
.todo_widget .list-todo:before {
content: '';
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 50px;
overflow: hidden;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 8px 0 -3px #f6f6f6, 0 9px 1px -3px rgba(0, 0, 0, 0.2), 0 16px 0 -6px #f6f6f6, 0 17px 2px -6px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 8px 0 -3px #f6f6f6, 0 9px 1px -3px rgba(0, 0, 0, 0.2), 0 16px 0 -6px #f6f6f6, 0 17px 2px -6px rgba(0, 0, 0, 0.2);
}
.todo_widget .list-todo:hover li {
background-color: #FFFFFF;
}
.todo_widget .list-todo label {
color: #707780;
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 400;
}
.todo_widget .list-todo label span {
margin-right: 10px;
}
.todo_widget .list-todo .list-group-item.completed label {
opacity: 0.2 !important;
text-decoration: line-through;
}
.todo_widget .list-todo .notification {
position: absolute;
right: 20px;
top: 10px;
font-size: 18px;
}
.ios-profile-widget {
position: relative;
}
.ios-profile-widget .header_cover {
min-height: 100px;
text-align: center;
padding: 20px 0px;
color: #FFFFFF;
font-family: 'Roboto', sans-serif;
background-image: url(../images/playerBg.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.ios-profile-widget .header_cover img {
width: 50px;
border-radius: 50%;
display: inline-block;
margin: 0 auto;
clear: both;
}
.ios-profile-widget .header_cover .more {
font-size: 25px;
padding-right: 20px;
position: absolute;
right: 20px;
top: 20px;
}
.ios-profile-widget .header_cover .more a {
color: #FFFFFF;
text-decoration: none;
}
.ios-profile-widget .header_cover .more a:hover {
color: #00BCD4;
}
.ios-profile-widget .interactive_btn {
margin: 0;
background: #FFFFFF;
}
.ios-profile-widget .interactive_btn li {
display: inline-block;
width: 32%;
text-align: center;
margin: 0;
padding: 0;
}
.ios-profile-widget .interactive_btn li a {
border-right: 1px solid #d7dce5;
display: inline-block;
width: 100%;
padding: 15px 0px;
padding-top: 20px;
font-size: 14px;
text-decoration: none;
color: #9398a0;
-webkit-transition: all 300ms ease-out;
/* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
-moz-transition: all 300ms ease-out;
/* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
transition: all 300ms ease-out;/* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
}
.ios-profile-widget .interactive_btn li a i {
font-size: 25px;
display: block;
line-height: 0;
}
.ios-profile-widget .interactive_btn li a:hover, .ios-profile-widget .interactive_btn li a.active {
color: #f7941d;
}
.ios-profile-widget .interactive_btn li:last-child a {
border-right-width: 0;
}
.ios-profile-widget .badge {
background: #f7941d;
padding: 5px 7px;
}
/*sparkline widget*/
.sparkline-widget .heading-info {
padding: 10px 25px;
overflow: hidden;
font-family: 'Roboto', sans-serif;
font-size: 16px;
color: #FFFFFF;
font-weight: 600;
}
.sparkline-widget .heading-info .right {
line-height: 0;
}
.sparkline-widget .heading-info .right i {
font-size: 20px;
}
.sparkline-widget .info-bottom {
background: #FFFFFF;
text-align: center;
display: table;
width: 100%;
}
.sparkline-widget .info-bottom .left, .sparkline-widget .info-bottom .right {
background: #FFFFFF;
font-size: 16px;
font-family: 'Roboto', sans-serif;
padding: 10px 15px;
font-weight: 400;
color: #707780;
padding-top: 20px;
}
.sparkline-widget .info-bottom .left p, .sparkline-widget .info-bottom .right p {
font-size: 16px;
}
.sparkline-widget .info-bottom .left {
border-right: 1px solid #e9ecf2;
}
.sparkline-widget svg {
display: block;
}
.sparkline-widget svg.sparkline {
height: 100px !important;
font-size: 14px;
background: transparent !important;
color: #FFFFFF !important;
}
.sparkline-widget svg.sparkline .nvd3.nv-sparklineplus .nv-hoverValue line {
stroke: #FFFFFF;
stroke-width: 2px;
}
.sparkline-widget svg.sparkline .nvd3.nv-sparkline path {
fill: none;
stroke-width: 2px;
stroke: #FFFFFF !important;
}
.sparkline-widget .svg-holder {
position: relative;
padding-bottom: 30px;
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
z-index: 9;
}
.sparkline-widget .svg-holder .line {
position: absolute;
width: 100%;
border-bottom: 1px #FFFFFF dashed;
transform: scaleY(0.9);
opacity: 0.5;
top: 50%;
}
.weather-widget .weeks {
display: block;
margin-bottom: 20px;
}
.timeline-widget {
overflow: hidden;
}
@import url(http://fonts.googleapis.com/css?family=Nunito:400,300);
/************theme fonts********************/
/***********************theme colors*****************************/
/*****************theme parametres*******************/
/*sidebar-parametres*/
/****************************************************
		button colors
****************************************************/
.btn {
border-radius: 0;
color: #ffffff;
font-family: 'Nunito', sans-serif;
font-size: 14px;
font-weight: 300;
outline: 0;
border: 1px solid transparent;
}
.btn:focus, .btn:active {
outline: 0 !important;
border: 1px solid transparent;
}
.btn:hover {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.btn-radius {
border-radius: 4px;
}
.btn-round {
border-radius: 30px;
}
.btn-primary {
background-color: #00BCD4;
border: 1px solid transparent;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
background-color: #0d8aee;
border: 1px solid transparent;
color: #ffffff;
}
.btn-green {
background-color: #6fd64b;
border: 1px solid transparent;
/*height: 36px;*/
}
.btn-green:hover, .btn-green:active, .btn-green:focus {
background-color: #53c22c;
border: 1px solid transparent;
color: #ffffff;
}
.btn-orange {
background-color: #f7941d;
border: 1px solid transparent;
}
.btn-orange:hover, .btn-orange:active, .btn-orange:focus {
background-color: #f28809;
border: 1px solid transparent;
color: #ffffff;
}
.btn-red {
background-color: #fb5d5d;
border: 1px solid transparent;
}
.btn-red:hover, .btn-red:active, .btn-red:focus {
background-color: #fa4444;
border: 1px solid transparent;
color: #ffffff;
}
.btn-black {
background-color: #000000;
border: 1px solid transparent;
}
.btn-black:hover, .btn-black:active, .btn-black:focus {
background-color: #333333;
border: 1px solid transparent;
color: #ffffff;
}
.btn-white {
background-color: #ffffff;
border: 1px solid #e9ecf2;
color: #707780;
}
.btn-white:hover, .btn-white:active, .btn-white:focus {
background-color: #f2f2f2;
border: 1px solid #e9ecf2;
color: #707780;
}
.btn-gray {
background-color: #aaaaaa;
border: 1px solid transparent;
}
.btn-gray:hover, .btn-gray:active, .btn-gray:focus {
background-color: #777777;
border: 1px solid transparent;
color: #ffffff;
}
.btn-default {
background-color: #ffffff;
border: 1px solid #f4f6f999;
color: #000000;
}
.btn-default:hover, .btn-default:active, .btn-default:focus {
background-color: #eee;
border: 1px solid #fff;
color: #000000;
box-shadow: none;
}
/****************************************************
		paneltype-heading
****************************************************/
.paneltype-heading {
color: #707780;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.25px;
text-transform: capitalize;
line-height: 26px;
padding-top: 10px;
padding-bottom: 5px;
}
.paneltype-heading:first-child {
padding-top: 0px;
}
/****************************************************
		Button Icons
****************************************************/
.btn-icon-block {
padding: 0px;
}
.btn-icon-block i {
padding: 9px;
}
.btn-icon-block.btn-icon-blockleft {
padding: 0px 12px 0px 0px;
}
.btn-icon-block.btn-icon-blockleft span {
padding-left: 6px;
}
.btn-icon-block.btn-icon-blockright {
padding: 0px 0px 0px 12px;
}
.btn-icon-block.btn-icon-blockright span {
padding-right: 6px;
}
.btn-icon-block.btn-icon-primary i {
background-color: #0d8aee;
}
.btn-icon-block.btn-icon-green i {
background-color: #53c22c;
}
.btn-icon-block.btn-icon-orange i {
background-color: #f28809;
}
.btn-icon-block.btn-icon-red i {
background-color: #fa4444;
}
.btn-icon-block.btn-icon-black i {
background-color: #333333;
}
.btn-icon-block.btn-icon-white i {
background-color: #f2f2f2;
}
.btn-icon-block.btn-icon-gray i {
background-color: #777777;
}
.btn-icon-block.btn-icon-default i {
background-color: #cccccc;
}
/****************************************************
		Button Dropdown
****************************************************/
.dropdown-button-menu {
border-width: 0;
border-radius: 0;
background-color: #FFFFFF;
border-top: 2px solid #00BCD4;
-webkit-transition: all 1s ease-out;
max-height: 420px;
overflow: auto;
z-index: 99;
padding-bottom: 0;
}
.dropdown-button-menu.btn-drop > li a {
color: #707780;
font-family: 'Nunito', sans-serif;
font-size: 13px;
font-weight: 300;
line-height: 26px;
letter-spacing: 0.25px;
text-decoration: none;
text-transform: capitalize;
}
.dropdown-button-menu.btn-drop > li a:hover {
background-color: #e9ecf2;
}
.dropdown-button-menu.btn-bgcolor {
background-color: #00BCD4;
border-top: 2px solid #0d8aee;
}
.dropdown-button-menu.btn-bgcolor > li a {
color: #ffffff;
}
.dropdown-button-menu.btn-bgcolor > li a:hover {
background-color: #0d8aee;
}
.dropdown-button-menu.btn-bdrred {
border-top: 2px solid #fb5d5d !important;
}
.dropdown-button-menu.btn-bgred {
background-color: #fb5d5d;
}
.dropdown-button-menu.btn-bgred > li a {
color: #ffffff;
}
.dropdown-button-menu.btn-bgred > li a:hover {
background-color: #fa4444;
}
.page_header {
background-color: #e9ecf2;
min-height: 56px;
padding: 12px 10px;
display: block;
width: 100%;
}
.page_header .main-text {
font-size: 22px;
color: #272b31;
font-weight: 500;
}
.main-heading h3 {
font-size: 20px;
color: #33cef1;
margin: 0px auto;
border-bottom: solid 2px #eee;
padding: 5px 0px;
}
/**************************************************** SEARCH SELECT****************************************************/
.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle;
}
.select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 28px;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
overflow: hidden;
padding-left: 8px;
padding-right: 20px;
text-overflow: ellipsis;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left: 20px;
}
.select2-container .select2-selection--multiple {
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline-block;
overflow: hidden;
padding-left: 8px;
text-overflow: ellipsis;
}
.select2-container .select2-search--inline {
float: left;
}
.select2-container .select2-search--inline .select2-search__field {
border: none;
font-size: 100%;
margin-top: 5px;
}
.select2-dropdown {
background-color: white;
border: 1px solid #7b7b7b !important;
border-radius: 4px;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1051;
}
.select2-results {
display: block;
}
.select2-results__options {
list-style: none;
margin: 0;
padding: 0;
}
.select2-results__option {
padding: 6px;
user-select: none;
-webkit-user-select: none;
}
.select2-results__option[aria-selected] {
cursor: pointer;
}
.select2-container--open .select2-dropdown {
left: 0;
}
.select2-container--open .select2-dropdown--above {
//border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
//width: 100% !important;
}
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-search--dropdown {
display: block;
padding: 4px;
}
.select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
box-sizing: border-box;
}
.select2-search--dropdown.select2-search--hide {
display: none;
}
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #fff;
filter: alpha(opacity=0);
}
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #7b7b7b !important;
border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 36px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #7b7b7b transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
left: 1px;
right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #eee;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
list-style: none;
margin: 0;
padding: 0 5px;
width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
color: #999;
margin-top: 5px;
float: left;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-top: 5px;
margin-right: 10px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #999;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #333;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder {
float: right;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #eee;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #7b7b7b !important;
}
.select2-container--default .select2-search--inline .select2-search__field {
background: transparent;
border: none;
outline: 0;
}
.select2-container--default .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto;
}
.select2-container--default .select2-results__option[role=group] {
padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #5897fb;
color:#999;
}
.select2-container--default .select2-results__group {
cursor: default;
display: block;
padding: 6px;
}
.select2-container--classic .select2-selection--single {
background-color: #f6f6f6;
border: 1px solid #aaa;
border-radius: 4px;
outline: 0;
background-repeat: repeat-x;
background-image: linear-gradient(to bottom, #ffffff 50%, #eeeeee 100%);
}
.select2-container--classic .select2-selection--single:focus {
border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-right: 10px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
background-color: #ddd;
border-left: 1px solid #aaa;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
background-repeat: repeat-x;
background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
border-right-style: none;
border-right-color: inherit;
border-right-width: medium;
border-top-style: none;
border-top-color: inherit;
border-top-width: medium;
border-bottom-style: none;
border-bottom-color: inherit;
border-bottom-width: medium;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
border: none;
border-right: 1px solid #aaa;
border-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
left: 1px;
right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
background: transparent;
border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
border-top-left-radius: 0;
border-top-right-radius: 0;
background-repeat: repeat-x;
background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%);
border-top-style: none;
border-top-color: inherit;
border-top-width: medium;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-repeat: repeat-x;
background-image: linear-gradient(to bottom, #eeeeee 50%, #ffffff 100%);
border-bottom-style: none;
border-bottom-color: inherit;
border-bottom-width: medium;
}
.select2-container--classic .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
list-style: none;
margin: 0;
padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
color: #888;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #555;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
float: right;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
border: 1px solid #7b7b7b;
outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
outline: 0;
}
.select2-container--classic .select2-dropdown {
background-color: white;
border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto;
}
.select2-container--classic .select2-results__option[role=group] {
padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
color: #000;
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
background-color: #3875d7;
color: white;
}
.select2-container--classic .select2-results__group {
cursor: default;
display: block;
padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
border-color: #5897fb;
}
.content .btm-content {
padding: 30px;
}
.content .btm-content table {
background-color: #FFF;
}
    .content .btm-content .table > tbody > tr > th, .content .btm-content .table > thead > tr > th {
        /*vertical-align: bottom;*/
        border-bottom: 1px solid #d7dce5;
        color: #fff;
        font-weight: 500;
        background: rgb(69 136 205);
    }

.content .btm-content .table-bordered > tbody > tr > th, .content .btm-content .table-bordered > thead > tr > th {
border: 1px solid #0e0d0d1a;
}
.btn-btm {
position: relative;
left: -394px;
top: 203px;
}
.login_page {
background: #00BCD4;
padding: 11em 0;
width: 100%
}
.login-top {
margin: 4em auto;
background: #fff;
box-shadow: 0 1px 1px rgba(0,0,0,.05);
-o-box-shadow: 0 1px 1px rgba(0,0,0,.05);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,.05);
border: 1px solid rgba(213, 213, 214, 0.85);
width: 35%;
padding: 2em 2em;
position: absolute;
left: 35%;
top: 13%;
}


.login-top p {
font-size: 0.95em;
font-weight: 400;
color: #777;
margin: 10px 0;
}
a.read.fourth {
text-decoration: none;
color: #fff;
font-size: 1em;
font-weight: 400;
padding: 0.6em 1em;
display: inline-block;
margin: 0 auto;
margin-top: 1em;
background: #00c6d7;
}
a.read.fourth:hover {
background: #052963;
}
/*--//404--*/
/*--/sign-in--*/
.login input[type="text"], .login input[type="password"] {
width: 100%;
padding: 0.9em 1em 0.9em 4em;
color: #777;
font-size: 15px;
outline: none;
font-weight: 400;
border: 1px solid #ddd;
background: url("../images/icons.png") no-repeat 14px 13px !important;
margin: 0.3em 0;
font-family: 'Roboto', sans-serif;
}
.login input[type="password"] {
background: url("../images/icons.png") no-repeat 13px -33px !important;
}

.login #txtRandomCapcha {
background: url("../images/captcha.png") no-repeat 13px 11px !important;
}

.mobtxt{background: url("../images/3.png") no-repeat 14px 17px !important;}
.submit {
margin: 1em 0;
}
/*.login input[type="submit"] {
font-size: 20px;
font-weight: 400;
color: #fff;
cursor: pointer;
outline: none;
padding: 10px 15px;
width: 100%;
border: 2px solid #ea4c89;
background: #ea4c89;
margin: 0;
font-family: 'Roboto', sans-serif;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
.login input[type="submit"]:hover {
background: none;
border: 2px solid #ea4c89;
color: #ea4c89;
}*/
.buttons {
margin: 1em 0 0em 0;
}
.buttons ul {
padding: 0;
}
.buttons ul li {
display: inline-block;
width: 38%;
margin-right: 8%;
float: left;
}
.buttons ul li.or {
width: 3%;
margin-top: 8px;
color: #777;
}
.buttons ul li.lost {
margin-right: 0;
float: right;
}
.login-head{padding: 5px;
border-bottom: solid 1px #dbd4d4;
border-top: solid 1px #dbd7d7;
margin-bottom: 3px;
margin-top: -28px;}
.login-footer {
    text-align: center;
    background: #307dc9;
    position: fixed;
    width: 100%;
    bottom: 0px;
    padding: 10px 0px;
}
.login-footer p {
margin: 0px;
font-weight: 500;
color:#fff;
}
.login-footer p a {color:#00BCD4}
.login-footer p a:hover {color:#fff; text-decoration:none;}
/****************************************************
		Pager
****************************************************/
.pagination > li a {
color: #707780;
font-family: 'Nunito', sans-serif;
font-size: 13px;
font-weight: 300;
letter-spacing: 0.25px;
text-decoration: none;
text-align: center;
border: 1px solid #d7dce5;
}
.pagination > li a:first-child,
.pagination > li a:last-child {
border-radius: 0px;
}
.pagination > li i {
color: #707780;
font-size: 13px;
}
.pagination > li:hover a {
background-color: #f2f4f7;
}
.pagination > li.active a {
background-color: #2196f3;
border: 1px solid #2196f3;
}
.pagination > li.active a:hover {
background-color: #0d8aee;
}
.pagination > li.disabled a {
background-color: #d7dce5;
}
.pagination > li.disabled a:hover,
.pagination > li.disabled a:focus {
background-color: #d7dce5;
}
.pagination.small-pagination > li a {
padding: 5px 10px;
}
.pagination.large-pagination > li a {
padding: 8px 16px;
}
.pagination.rounded-pagination > li:last-child a {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.pagination.rounded-pagination > li:first-child a {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.pager > li a {
color: #707780;
font-family: 'Nunito', sans-serif;
font-size: 13px;
font-weight: 300;
letter-spacing: 0.25px;
text-decoration: none;
text-align: center;
border: 1px solid #d7dce5;
border-radius: 0px;
}
.pager > li i {
color: #707780;
font-size: 13px;
}
.pager > li:hover a {
background-color: #f2f4f7;
}
.pager.rounded-pager > li a {
border-radius: 30px;
}
.search h3 {
font-family: 'Anton', sans-serif;
text-transform: uppercase;
color: #00bcd4;
font-size: 24px;
margin: 0;
text-align: center;
padding: 8px 0px;
font-weight: normal;
}
.search h3 span {
color: #fff;
}
.login-head h3 {
font-family: 'Anton', sans-serif;
text-transform: uppercase;
color: #00bcd4;
font-size: 23px;
margin: 0;
text-align: center;
padding: 8px 0px;
font-weight: normal;
}
.login-head h3 span {
color: #3D5B77
}
.login h3 {
font-family: 'Anton', sans-serif;
text-transform: uppercase;
color: #a5aaab;
font-size: 22px;
margin: 0;
text-align: center;
padding: 8px 0px;
font-weight: normal;
}

.login_page .navbar-brand {
float: none;
height: 55px;
padding: 0px 0px 0px 60px;
position: relative;
top: -114px;
text-align: center;
display: block;
margin: 0 auto;
overflow: hidden;
border-bottom: solid 1px rgba(213, 213, 214, 0.85);
}
.login_page .navbar-brand > img {
display: inline-block;
}
.re{
	color: #fb5d5d !important;
	font-size: 16px;
    margin:  0 !important;
    display: inline-block;
}

.table table  tbody  tr  td a ,
.table table  tbody  tr  td  span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
color: #337ab7;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
/* top: -13px;
left: -29px;*/
}

.table table > tbody > tr > td > span {
/*z-index: 3;*/
color: #fff;
cursor: default;
background-color: #2196f3;
border-color: #2196f3;
}

.table table > tbody > tr > td:first-child > a,
.table table > tbody > tr > td:first-child > span {
margin-left: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}

.table table > tbody > tr > td:last-child > a,
.table table > tbody > tr > td:last-child > span {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}

.table table > tbody > tr > td > a:hover,
.table   table > tbody > tr > td > span:hover,
.table table > tbody > tr > td > a:focus,
.table table > tbody > tr > td > span:focus {
z-index: 2;
color: #fff;
background-color: #337ab7;
border-color: #337ab7;
}
.content .btm-content .table-bordered > tbody > tr > th a {
color:#fff;
}
.content .btm-content .table-bordered > tbody > tr > th a:hover {
color:#fff;
text-decoration:none;
}
table input[type="radio"] {
margin: 6px 3px 0;
margin-top: 6px;
line-height: normal;
}
table label {
font-size:13px;
font-weight:400;
}
.radio-box {
display: block;
width: 100%;
height: 40px;
padding: 6px 2px;
font-size: 14px;
line-height: 1.42857143;
border: 1px solid #7b7b7b; color: #555;}
.update-panel{height:200px; overflow-y:scroll;}
select option{padding:5px 4px; border-bottom:dotted 1px #ccc;}
.alert {
padding: 15px;
margin-bottom:0px;
border-radius: 0px;
}
.alert-danger {
color: #fb4440;
background-color: #fff;
border-color: #fb4440 !important;
}
.panel-piluku h4{font-size: 20px;
border-bottom: solid 1px #dbd6d6;
padding-bottom: 5px;
margin-top: 0px; color:#00BCD4;
text-align: center;
}
.alert-info {
color: #07b1d5;
background-color: #fff;
border-color: #07b1d5;
font-size: 16px;
font-weight: 400;
}
.form-group label{ font-size:14px; font-weight: 500; color: #333;}

.form-group label span{ font-size:18px; color:#1a71bd;}
.selected {background:rgb(83, 88, 93); color:rgb(111, 214, 75) !important}
.selected .ti-angle-double-right {color:rgb(111, 214, 75) !important}

#myModal .modal-body {color:#666 !important}
#myModal h4 {color:rgb(94, 134, 179) !important; font-family: 'Eczar', serif;}
#myModal ul li{    font-family: 'Laila', serif;}
/*
    font-family: 'Glegoo', serif;
    font-family: 'Laila', serif;
    font-family: 'Eczar', serif;
*/
.hom
{
	background-color: #fff !important;
	border-radius: 50%;
	color: #00BCD4 !important;
	font-size: 1.3em;
	margin: 5px 0;
	padding: 10px 12px !important;
}
/*---------------------Dashboardbox----------------------------*/
.r4_counter {
    min-height: 108px;
    margin-bottom: 5px;
    background-image: linear-gradient(#f1f1f1,#fff,#f1f1f1);
    box-shadow: 0 1px 3px rgba(33,33,33,.2);
    -webkit-box-shadow: 0 1px 3px rgba(33,33,33,.2);
    -moz-box-shadow: 0 1px 3px rgba(33,33,33,.2);
    -o-box-shadow: 0 1px 3px rgba(33,33,33,.2);
    -ms-box-shadow: 0 1px 3px rgba(33,33,33,.2);
}
.r4_counter .fa {
    margin-right: 0px;
    width: 46px;
    height: 45px;
    text-align: center;
}
.r4_counter .stats {
    padding-left: 55px;
}
.r4_counter h4 {
    margin: 10px 0 5px 0;
}
.icon-rounded {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 15px;
    background-color: #777777;
    color: #ffffff;
}
.icon-primary.icon-rounded, .icon-primary.icon-cornered, .icon-primary.icon-square {
    background-color: #6E98B9;
    color: #ffffff;
}
.icon-accent.icon-rounded, .icon-accent.icon-cornered, .icon-accent.icon-square {
    background-color: #6C6F74;
    color: #ffffff;
}
.icon-purple.icon-rounded, .icon-purple.icon-cornered, .icon-purple.icon-square {
    background-color: #21A6AE;
    color: #ffffff;
}

.icon-warning.icon-rounded, .icon-warning.icon-cornered, .icon-warning.icon-square {
    background-color: #1E2B44;
    color: #ffffff;
}
.icon-md.icon-rounded, .icon-md.icon-cornered, .icon-md.icon-square, .icon-md.icon-bordered {
    padding: 12px;
}
.icon-md {
    font-size: 22px !important;
}
.db_box {
    padding: 15px;
    border-radius:10px;
}
.page-body	
{
	padding:1em;
}
.page-body .col-lg-12.col-sm-12.col-xs-12 > h4 {
    border-bottom: 1px solid #ABC3C6;
    color: #000;
    padding-bottom: 5px;
}
.stats > span {
    font-size: 10pt;
}
/*#mainMenu .active ul
{display:block !important;
	}*/
.is-active{display:block !important;}
	
.wrapper.mini-bar .left-bar .menu-parent li ul li span.text{display:block;}
	
/*Calender Css*/

.ajax__calendar_container   {
background-color: #DEF1F4;
border:solid 1px #77D5F7;
}

.ajax__calendar_header  {
background-color: #ffffff;
margin-bottom: 4px;
}

.ajax__calendar_title,
.ajax__calendar_next,
.ajax__calendar_prev    {
color: #004080;
padding-top: 3px;
}

.ajax__calendar_body    {
background-color: #ffffff;
border: solid 1px #77D5F7;
width: 160px !important;
}

.ajax__calendar_dayname {
text-align:center;
font-weight:bold;
margin-bottom: 4px;
margin-top: 2px;
color: #004080;
}

.ajax__calendar_day {
color: #004080;
text-align:center;
}

.ajax__calendar_hover .ajax__calendar_day,
.ajax__calendar_hover .ajax__calendar_month,
.ajax__calendar_hover .ajax__calendar_year,
.ajax__calendar_active  {
color: #004080;
font-weight: bold;
background-color: #DEF1F4;
}
 
.ajax__calendar_today   {
font-weight:bold;
}

.ajax__calendar_other,
.ajax__calendar_hover .ajax__calendar_today,
.ajax__calendar_hover .ajax__calendar_title {
color: #bbbbbb;
}
.ajax__calendar_container TABLE
{
	width:100%
	}
	.ajax__calendar_days,
	.ajax__calendar_months, 
	.ajax__calendar_years
	{
		width: 160px !important;
		}
		
		#UP1 {
    padding-top: 33px;
}


/*--------------------Ashrayheen----------------------*/
	
.box2 {
    
    border: 1px solid #ccc;
    padding: 0px 15px 15px 15px;
    margin-bottom: 30px; position:relative;
}
    .box2 .heading3 {
        background: #307dc9;
        color: #FFF;
        position: relative;
        margin: 0px;
        display: inline-block;
        padding: 10px 15px;
        font-size: 14px;
        font-weight: 400;
        margin-left: -15px;
        margin-top: -16px;
        margin-bottom: 15px;
    }
 

.form-group label span.red {
    font-size: 18px;
    color:#F00;
}
	
	
h3.heading{
    position: relative;
    padding: 0px;
    margin: 0px;
    background:#3D5B77;
    display: inline-block;
    padding: 10px 15px;
    color: #fff;
    margin-bottom: 20px;
    font-weight: 400;
    margin-top: 10px; font-size:20px;
}

h3.heading:after {
    content:"";
    display: block;
    width: 0;
    height: 0;
    border-top: 23px solid transparent;
    border-bottom: 23px solid transparent;
    border-left: 16px solid #3D5B77;
    position: absolute;
    top: 50%;
    margin-top: -23px;
    margin-left: 0px;
    left: 100%;
    z-index: 3;
}


.btnbackpage {
    position: relative;
    padding: 0px;
    margin: 0px;
    background: #00bcd4;
    display: inline-block;
    color: #fff;
    margin-bottom: 20px;
    font-weight: 300;
    margin-top: 10px;
    font-size: 22px;
    padding: 7px 10px;
}
.btnbackpage:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 23px solid transparent;
    border-bottom: 23px solid transparent;
    border-right: 16px solid #00bcd4;
    position: absolute;
    top: 50%;
    margin-top: -23px;
    margin-left: 0px;
    right: 100%;
    z-index: 3;
}
a.btnbackpage:hover{ color:#3d5b77; transition:1s all; text-decoration:none}
.maincontent{
    margin: 15px 0px 10px 0px;
}
.marginbottom20{ margin-bottom:40px}
.panel {
   border-radius: 0px;

}
.margin-top{ margin-top:15px;}
.same-as{ text-align:right; margin-top: -35px;}