@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic,700,700italic);
@font-face {
    font-family: 'Philosopher';
    src: url('../fonts/Philosopher.eot');
    src: url('../fonts/Philosopher.eot') format('embedded-opentype'), url('../fonts/Philosopher.woff2') format('woff2'), url('../fonts/Philosopher.woff') format('woff'), url('../fonts/Philosopher.ttf') format('truetype'), url('../fonts/Philosopher.svg#Philosopher') format('svg');
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
}
::-webkit-scrollbar {
    width: 13px;
    background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb {
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #D62929;
}
body,
html {
    cursor: url(../images/cursor.gif), default
}
body {
    background: rgba(255, 186, 161, 1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(255, 186, 161, 1) 0%, rgba(255, 186, 161, 1) 24%, rgba(233, 99, 96, 1) 92%, rgba(233, 99, 96, 1) 96%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 186, 161, 1)), color-stop(24%, rgba(255, 186, 161, 1)), color-stop(92%, rgba(233, 99, 96, 1)), color-stop(96%, rgba(233, 99, 96, 1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 186, 161, 1) 0%, rgba(255, 186, 161, 1) 24%, rgba(233, 99, 96, 1) 92%, rgba(233, 99, 96, 1) 96%);
    background: -o-radial-gradient(center, ellipse cover, rgba(255, 186, 161, 1) 0%, rgba(255, 186, 161, 1) 24%, rgba(233, 99, 96, 1) 92%, rgba(233, 99, 96, 1) 96%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(255, 186, 161, 1) 0%, rgba(255, 186, 161, 1) 24%, rgba(233, 99, 96, 1) 92%, rgba(233, 99, 96, 1) 96%);
    background: radial-gradient(ellipse at center, rgba(255, 186, 161, 1) 0%, rgba(255, 186, 161, 1) 24%, rgba(233, 99, 96, 1) 92%, rgba(233, 99, 96, 1) 96%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffbaa1', endColorstr='#e96360', GradientType=1);
}
.deep {
    background: rgba(29, 125, 32, 1);
    background: -moz-linear-gradient(left, rgba(29, 125, 32, 1) 0%, rgba(233, 250, 0, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(29, 125, 32, 1)), color-stop(100%, rgba(233, 250, 0, 1)));
    background: -webkit-linear-gradient(left, rgba(29, 125, 32, 1) 0%, rgba(233, 250, 0, 1) 100%);
    background: -o-linear-gradient(left, rgba(29, 125, 32, 1) 0%, rgba(233, 250, 0, 1) 100%);
    background: -ms-linear-gradient(left, rgba(29, 125, 32, 1) 0%, rgba(233, 250, 0, 1) 100%);
    background: linear-gradient(to right, rgba(29, 125, 32, 1) 0%, rgba(233, 250, 0, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1d7d20', endColorstr='#e9fa00', GradientType=1);
    border-radius: 50%;
    padding: 12px;
    width: 65px !important;
    margin-top: 10px;
}
@font-face {
    font-family: 'Philosopher';
    font-style: normal;
    font-weight: 400;
    src: local('Philosopher'), url(../css/font.woff) format('woff');
}
.form-horizontal .control-label {
    font-size: 16px;
    font-family: Philosopher;
    font-size: 17px;
}
.checkbox-inline,
.radio-inline {
    display: initial;
}
.home {
    margin-bottom: 10px;
}
.home .font_radius {
    background-color: #FFF;
    border-radius: 50%;
    height: 80px;
    width: 80px;
    padding: 6px;
    color: #E42A8E;
}
.home .font_radius a {
    text-decoration: none;
}
.home span {
    color: #6BF30C;
    font-family: "Philosopher";
    font-size: 40px;
    display: block;
    margin-top: 15px;
    font-weight: bold;
    text-align: left;
}
@media (max-width: 1024px) {
    .form-horizontal .control-label {
        font-family: Philosopher;
    }
    .main_title h2 {
        font-size: 20px;
        font-family: Philosopher;
    }
    .main_title span {
        font-size: 14px;
    }
}
@media (min-width: 1024px) {
    .home span {
        text-align: left !important;
    }
}
@media (max-width: 760px) {
    .form-horizontal .control-label {
        font-size: 14px;
        font-family: Philosopher;
    }
    .main_title span {
        width: 100%;
    }
    .home span {
        text-align: center;
        font-size: 32px;
    }
}
@media screen and (min-width: 768px) {
    .home span {
        text-align: center;
    }
}
body {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #394263;
    font-size: 13px;
    min-height: 700px;
    /*background: rgb(251,217,50) !important;
background: -moz-radial-gradient(center, ellipse cover, rgba(251,217,50,1) 33%, rgba(27,199,239,1) 100%) !important;
background: -webkit-radial-gradient(center, ellipse cover, rgba(251,217,50,1) 33%,rgba(27,199,239,1) 100%) !important;
background: radial-gradient(ellipse at center, rgba(251,217,50,1) 33%,rgba(27,199,239,1) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbd932', endColorstr='#1bc7ef',GradientType=1 ) !important;*/
    
    background: rgb(27, 199, 239) !important;
    background: -moz-radial-gradient(center, ellipse cover, rgba(27, 199, 239, 1) 0%, rgba(31, 43, 143, 1) 94%) !important;
    background: -webkit-radial-gradient(center, ellipse cover, rgba(27, 199, 239, 1) 0%, rgba(31, 43, 143, 1) 94%) !important;
    background: radial-gradient(ellipse at center, rgba(27, 199, 239, 1) 0%, rgba(31, 43, 143, 1) 94%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1bc7ef', endColorstr='#1f2b8f', GradientType=1) !important;
}
.booking_full {
    display: block;
    text-align: center;
    background-color: rgb(255, 255, 255);
    padding: 50px;
    border-radius: 10px;
    font-size: 50px;
    font-weight: bold;
    color: green;
    margin-top: 10px;
}
.main_title h2 {
    display: inline-block;
    width: 48%;
}
.main_title span {
    width: 48%;
    text-align: right;
    display: inline-block;
    font-family: Philosopher;
    font-size: 20px;
    color: Green;
    text-transform: capitalize;
}
.print_box {
    padding: 30px;
    font-size: 15px;
    font-family: Philosopher;
    font-size: 18px;
}
.border_left {
    border-right: 2px dotted rgb(0, 0, 0);
}
#main-container {
    /*min-width: 320px;*/
}
#page-content + footer {
    min-width: 320px;
}
.home span {
    color: #2F2F2F !important;
}
.home .font_radius {
    background-color: #FFF;
    border-radius: 50%;
    height: 80px;
    width: 80px;
    padding: 6px;
    color: #FC8E8B !important;
}
#page-container {
    min-width: 0px;
    min-height: 100%;
    width: 100%;
    position: relative;
    /* width: 100%;     padding: 0;     margin: 0 auto;     -webkit-transition: background-color .2s ease-out;     transition: background-color .2s ease-out;*/
}
#page-container,
#sidebar,
#sidebar-alt {
    /*background-color: #65B7E0;*/
    /*background-color: #0089BF; */
}
#sidebar,
#sidebar-alt {
    width: 0;
    position: absolute;
    overflow: hidden;
}
#sidebar-alt {
    right: 0;
}
#main-container,
#sidebar,
#sidebar-alt,
.footer-fixed #page-content + footer,
.header-fixed-bottom header,
.header-fixed-top header {
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
#page-content {
    padding: 10px 5px 1px;
    /* background-color: #eaedf1;*/
}
#page-content + footer {
    padding: 9px 10px;
    font-size: 13px;
    color: #000;
    background-color: #FCD400;
    border-top: 1px solid #dbe1e8;
}
#page-content + footer a {
    color: #000;
}
#page-container.header-fixed-top {
    padding: 50px 0 0;
}
#page-container.header-fixed-bottom {
    padding: 0 0 50px;
}
.sidebar-visible-xs #sidebar {
    width: 200px;
}
.sidebar-visible-xs #main-container {
    margin-left: 200px;
    margin-right: -200px;
}
.header-fixed-bottom #sidebar,
.header-fixed-top #sidebar {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
}
.header-fixed-bottom .sidebar-content,
.header-fixed-top .sidebar-content {
    padding-bottom: 50px;
}
.sidebar-visible-xs.header-fixed-bottom header.navbar-fixed-bottom,
.sidebar-visible-xs.header-fixed-top header.navbar-fixed-top {
    left: 200px;
    right: -200px;
}
.sidebar-alt-visible-xs #sidebar-alt {
    width: 200px;
}
.sidebar-alt-visible-xs #main-container {
    margin-right: 200px;
    margin-left: -200px;
}
.header-fixed-bottom #sidebar-alt,
.header-fixed-top #sidebar-alt {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
}
.sidebar-alt-visible-xs.header-fixed-bottom header.navbar-fixed-bottom,
.sidebar-alt-visible-xs.header-fixed-top header.navbar-fixed-top {
    right: 200px;
    left: -200px;
}
.footer-fixed #page-content + footer {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 999;
}
.footer-fixed #page-content {
    padding-bottom: 41px;
}
.footer-fixed.sidebar-visible-xs #page-content + footer {
    right: -200px;
    left: 200px;
}
.footer-fixed.sidebar-alt-visible-xs #page-content + footer {
    right: 200px;
    left: -200px;
}
.footer-fixed.header-fixed-bottom #page-content + footer {
    bottom: 50px;
}
header.navbar-default,
header.navbar-inverse {
    padding: 0;
    margin: 0;
    min-width: 320px;
    border: 0;
}
header.navbar-default.navbar-fixed-top {
    border-bottom: 1px solid #eaedf1;
}
header.navbar-default.navbar-fixed-bottom {
    border-top: 1px solid #eaedf1;
}
header.navbar-inverse.navbar-fixed-top {
    border-bottom: 1px solid #394263;
}
header.navbar-inverse.navbar-fixed-bottom {
    border-top: 1px solid #394263;
}
.navbar-default .navbar-nav > li > a {
    color: #394263;
}
.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover {
    color: #fff;
    background-color: #65B7E0;
}
.navbar-inverse .collapse.in .navbar-nav .open .dropdown-menu > li > a {
    color: #ddd;
}
.nav.navbar-nav-custom {
    float: left;
    margin: 0;
}
.nav.navbar-nav-custom div {
    margin: 15px 20px 0 0;
    font-size: 16px;
    font-weight: 700;
}
.nav.navbar-nav-custom > li {
    min-height: 50px;
    float: left;
}
.nav.navbar-nav-custom > li > a {
    min-width: 50px;
    min-height: 50px;
    padding: 5px 7px;
    line-height: 40px;
    text-align: center;
    color: #394263;
    position: relative;
}
.nav.navbar-nav-custom > li > a .fi,
.nav.navbar-nav-custom > li > a .gi,
.nav.navbar-nav-custom > li > a .hi,
.nav.navbar-nav-custom > li > a .si {
    margin-top: -3px;
}
.nav.navbar-nav-custom > li > a .label-indicator {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0;
    font-weight: 600;
}
.navbar-fixed-bottom .nav.navbar-nav-custom > li > a .label-indicator {
    top: auto;
    bottom: 0;
}
.navbar-inverse .nav.navbar-nav-custom > li > a {
    color: #fff;
}
.nav.navbar-nav-custom > li.open > a,
.nav.navbar-nav-custom > li > a:focus,
.nav.navbar-nav-custom > li > a:hover {
    background-color: #65B7E0;
    color: #fff;
}
.nav.navbar-nav-custom > li > a > img {
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    vertical-align: top;
}
.navbar-form {
    margin: 7px 0;
}
.collapse.in .navbar-form,
.collapsing .navbar-form {
    margin-left: -15px;
    margin-right: -15px;
}
.collapse.in .navbar-form .form-group,
.collapsing .navbar-form .form-group {
    margin-bottom: 0;
}
.navbar-form-custom {
    padding: 0;
    width: 100px;
    float: left;
    height: 50px;
}
.navbar-form-custom .form-control {
    padding: 10px;
    margin: 0;
    height: 50px;
    font-size: 15px;
    background: 0 0;
    border: 0;
    z-index: 2000;
}
.navbar-form-custom .form-control:focus,
.navbar-form-custom .form-control:hover {
    background-color: #fff;
}
.navbar-form-custom .form-control:focus {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    font-size: 18px;
    padding: 10px 20px;
}
.navbar-inverse .navbar-form-custom .form-control {
    color: #fff;
}
.navbar-inverse .navbar-form-custom .form-control:focus,
.navbar-inverse .navbar-form-custom .form-control:hover {
    background: #000;
    color: #fff;
}
#sidebar,
.sidebar-scroll,
.sidebar-content {} .sidebar-content {
    height: 95%;
}
.footer {
    position: fixed;
    left: 33px;
}
.footer,
.footer a {
    text-align: center;
    color: #FCD400;
    font-weight: 700;
}
.sidebar-content {
    width: 200px;
    color: #fff;
}
.sidebar-section {
    padding: 10px;
}
.sidebar-brand,
.sidebar-title {
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
    margin: 0;
    font-weight: 300;
    font-size: 18px;
    display: block;
    color: #fff;
    background: url(../img/template/ie8_opacity_dark_15.png) repeat;
    background: rgba(0, 0, 0, .15);
}
a.sidebar-brand:focus,
a.sidebar-brand:hover,
a.sidebar-title:focus,
a.sidebar-title:hover {
    background-color: #65B7E0;
    color: #fff;
    text-decoration: none;
}
.sidebar-brand i,
.sidebar-title i {
    font-size: 14px;
    display: inline-block;
    width: 18px;
    text-align: center;
    margin-right: 10px;
    opacity: .5;
    filter: alpha(opacity=50);
}
.sidebar-title i.pull-left {
    margin: 20px 10px 0 0;
}
.sidebar-title i.pull-right {
    margin: 20px 0 0 10px;
}
.sidebar-user {
    padding-left: 88px;
    background: url(../img/template/ie8_opacity_light_10.png) repeat;
    background: rgba(255, 255, 255, .1);
}
.sidebar-user-avatar {
    width: 128px;
    height: 128px;
    float: left;
    padding: 2px;
    margin-left: -52px;
    background-color: #fff;
    border-radius: 120px;
    text-align: center;
    padding-top: 22px;
    /*background: url(../img/template/ie8_opacity_light_75.png) repeat;     background: rgba(255,255,255,.75);*/
}
.sidebar-user-avatar img {
    width: 84px;
    height: 84px;
}
.sidebar-user-name {
    font-size: 17px;
    font-weight: 300;
    margin-top: 10px;
    line-height: 26px;
}
.sidebar-user-links {
    margin: 40px 0 0 10px;
}
.sidebar-user-links a {
    color: #fff;
    opacity: .3;
    filter: alpha(opacity: 30);
    margin-right: 5px;
}
.sidebar-user-links a:focus,
.sidebar-user-links a:hover {
    color: #fff;
    text-decoration: none;
    opacity: 1;
    filter: alpha(opacity: 100);
}
.sidebar-user-links a > i {
    font-size: 14px;
}
.sidebar-themes {
    list-style: none;
    margin: 0;
    padding-bottom: 7px;
    background: url(../img/template/ie8_opacity_dark_15.png) repeat;
    background: rgba(0, 0, 0, .15);
}
.sidebar-themes li {
    float: left;
    margin: 0 3px 3px 0;
}
.sidebar-themes li a {
    display: block;
    width: 17px;
    height: 17px;
    border-radius: 10px;
    border-width: 2px;
    border-style: solid;
}
.sidebar-themes li a:focus,
.sidebar-themes li a:hover,
.sidebar-themes li.active a {
    border-color: #fff !important;
}
.chat-users {
    list-style: none;
    margin: 0;
    padding: 10px;
}
.chat-users li {
    float: left;
    margin: 0;
    padding: 4px;
}
.chat-users a {
    position: relative;
    display: inline-block;
    padding: 2px;
    width: 52px;
    height: 52px;
    border-radius: 25px;
    background: url(../img/template/ie8_opacity_light_10.png) repeat;
    background: rgba(255, 255, 255, .1);
}
.chat-users a span {
    position: absolute;
    top: 0;
    right: 0;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background-color: #ccc;
}
.chat-users a img {
    width: 48px;
    height: 48px;
    opacity: .5;
    filter: alpha(opacity=50);
}
.chat-users a.chat-user-away,
.chat-users a.chat-user-busy,
.chat-users a.chat-user-online {
    background: url(../img/template/ie8_opacity_light_75.png) repeat;
    background: rgba(255, 255, 255, .75);
}
.chat-users a.chat-user-online span {
    background-color: #2ecc71;
}
.chat-users a.chat-user-away span {
    background-color: #f39c12;
}
.chat-users a.chat-user-busy span {
    background-color: #e74c3c;
}
.chat-users a:hover {
    background-color: #fff;
    -webkit-box-shadow: 0 0 4px 2px #999;
    box-shadow: 0 0 4px 2px #999;
}
.chat-users a.chat-user-away img,
.chat-users a.chat-user-busy img,
.chat-users a.chat-user-online img,
.chat-users a:hover img {
    opacity: 1;
    filter: alpha(opacity=100);
}
.chat-talk-info {
    line-height: 22px;
    font-size: 16px;
}
.chat-talk-info img {
    width: 22px;
    height: 22px;
    float: left;
    margin-right: 10px;
}
.chat-talk-messages {
    list-style: none;
    margin: 0;
    padding: 5px 0;
    background: url(../img/template/ie8_opacity_dark_20.png) repeat;
    background: rgba(0, 0, 0, .2);
}
.chat-talk-messages li {
    padding: 7px 10px;
    margin-bottom: 7px;
}
.chat-talk-messages .chat-talk-msg {
    width: 180px;
    margin-right: 20px;
    border-right: 3px solid #fff;
    background: url(../img/template/ie8_opacity_dark_40.png) repeat;
    background: rgba(0, 0, 0, .4);
}
.chat-talk-messages .chat-talk-msg.chat-talk-msg-highlight {
    margin-right: 0;
    margin-left: 20px;
    border-right: 0;
    border-left-width: 3px;
    border-left-style: solid;
}
.chat-form {
    margin: 0;
    padding: 5px 10px;
    background: url(../img/template/ie8_opacity_dark_40.png) repeat;
    background: rgba(0, 0, 0, .4);
}
.chat-form .form-control {
    background: 0 0;
    color: #eee;
}
.sidebar-nav {
    list-style: none;
    margin: 0;
    padding: 10px 0 0;
}
.sidebar-nav .sidebar-header:first-child {
    margin-top: 0;
}
.sidebar-nav a {
    display: block;
    color: #fff;
    padding: 0 10px;
    min-height: 35px;
    line-height: 35px;
}
.sidebar-nav a.open,
.sidebar-nav a:hover,
.sidebar-nav li.active > a {
    color: #fff;
    text-decoration: none;
    background: url(../img/template/ie8_opacity_dark_15.png) repeat;
    background: rgba(0, 0, 0, .15);
}
.sidebar-nav a.active {
    padding-left: 5px;
    border-left: 5px solid #F1F1F1;
    background: url(../img/template/ie8_opacity_dark_30.png) repeat;
    background: rgba(0, 0, 0, .2);
}
.sidebar-nav a:hover {
    padding-left: 5px;
    border-left: 5px solid #F1F1F1;
    background: url(../img/template/ie8_opacity_dark_30.png) repeat;
    background: rgba(0, 0, 0, .2);
}
.sidebar-nav a > .sidebar-nav-icon {
    margin-right: 10px;
}
.sidebar-nav a > .sidebar-nav-indicator {
    float: right;
    line-height: inherit;
    margin-left: 4px;
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out;
}
.sidebar-nav a > .sidebar-nav-icon,
.sidebar-nav a > .sidebar-nav-indicator {
    display: inline-block;
    filter: alpha(opacity: 50);
    width: 18px;
    font-size: 14px;
    text-align: center;
}
.sidebar-nav a.active,
.sidebar-nav a.active > .sidebar-nav-icon,
.sidebar-nav a.active > .sidebar-nav-indicator,
.sidebar-nav a.open,
.sidebar-nav a.open > .sidebar-nav-icon,
.sidebar-nav a.open > .sidebar-nav-indicator,
.sidebar-nav a:hover,
.sidebar-nav a:hover > .sidebar-nav-icon,
.sidebar-nav a:hover > .sidebar-nav-indicator,
.sidebar-nav li.active > a,
.sidebar-nav li.active > a > .sidebar-nav-icon,
.sidebar-nav li.active > a > .sidebar-nav-indicator {
    opacity: 1;
    filter: alpha(opacity: 100);
}
.sidebar-nav a.active > .sidebar-nav-indicator,
.sidebar-nav a.open > .sidebar-nav-indicator,
.sidebar-nav li.active > a > .sidebar-nav-indicator {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.sidebar-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
    background: url(../img/template/ie8_opacity_dark_30.png) repeat;
    background: rgba(0, 0, 0, .3);
    /*background-color:#0895C9;*/
    /* background-color:#1E94BF;*/
}
.sidebar-nav li .active {
    display: block;
}
.sidebar-nav ul a {
    margin: 0;
    font-size: 12px;
    padding-left: 15px;
    min-height: 32px;
    line-height: 32px;
    text-transform: capitalize;
}
.sidebar-nav ul a:hover {
    border-left: none;
    padding-left: 15px;
}
.sidebar-nav ul .select-menu {
    /* background-color:#39667D;*/
    
    background: url(../img/template/ie8_opacity_dark_30.png) repeat;
    background: rgba(0, 0, 0, .2);
}
.sidebar-nav ul a.active,
.sidebar-nav ul a.active:hover {
    border-left: none;
    padding-left: 38px;
}
.sidebar-nav ul ul {
    background: url(../img/template/ie8_opacity_dark_40.png) repeat;
    background: rgba(0, 0, 0, .4);
}
.sidebar-nav ul ul a {
    padding-left: 25px;
}
.sidebar-nav ul ul a.active,
.sidebar-nav ul ul a.active:hover {
    padding-left: 20px;
}
.sidebar-header {
    margin: 10px 0 0;
    padding: 10px;
    line-height: 12px;
}
.sidebar-header + .sidebar-section {
    padding-top: 0;
    padding-bottom: 0;
}
.sidebar-header .sidebar-header-title {
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    opacity: .5;
    filter: alpha(opacity: 50);
}
.sidebar-header-options {
    float: right;
    display: inline-block;
}
.sidebar-header-options > a,
.sidebar-nav .sidebar-header-options a {
    float: right;
    margin: 0;
    padding: 0;
    min-height: 0;
    line-height: inherit;
    display: block;
    min-width: 18px;
    text-align: center;
    color: #fff;
    opacity: .3;
    filter: alpha(opacity: 30);
}
.sidebar-header-options a.active,
.sidebar-header-options a:focus,
.sidebar-header-options a:hover,
.sidebar-nav .sidebar-header-options a.active,
.sidebar-nav .sidebar-header-options a:focus,
.sidebar-nav .sidebar-header-options a:hover {
    background: 0 0;
    color: #fff;
    opacity: 1;
    filter: alpha(opacity: 100);
}
.sidebar-header-options a > i {
    font-size: 14px;
}
.content-header {
    background-color: #fff;
    border-top: 1px solid #eaedf1;
    border-bottom: 1px solid #dbe1e8;
}
.content-header h1,
.content-header h2 {
    margin: 0;
    font-size: 26px;
    line-height: 32px;
}
.content-header small .content-header small {
    font-size: 17px;
}
.header-section h1 i {
    font-size: 56px;
    float: right;
    color: #eaedf1;
    margin: 0 0 0 10px;
    line-height: 64px;
}
.header-section {
    padding: 30px 10px;
}
.content-header,
.content-top {
    margin: -10px -5px 10px;
}
.content-top {
    background-color: #fff;
    border-bottom: 1px solid #dbe1e8;
}
.content-header-media {
    position: relative;
    height: 90px;
    overflow: hidden;
    border-top-color: #666666;
}
.content-header-media .header-section {
    z-index: 200;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    color: #fff;
    background: url(../img/template/ie8_opacity_dark_60.png) repeat;
    background: rgba(0, 0, 0, .6);
}
.content-header-media i,
.content-header-media small {
    color: #ddd;
}
.content-header-media > img {
    display: none;
    position: absolute;
    top: 0;
    left: 50%;
    width: 2560px;
    height: 248px;
    margin-left: -1280px;
}
.content-header-media > .content-header-media-map {
    height: 270px;
}
.block {
    margin: 0 0 10px;
    padding: 20px 15px 1px;
    background-color: #fff;
    border: 1px solid #dbe1e8;
}
.block.full {
    padding: 20px 15px;
}
.block .block-content-full {
    margin: -20px -15px -1px;
}
.block .block-content-mini-padding {
    padding: 8px;
}
.block.full .block-content-full {
    margin: -20px -15px;
}
.block-title {
    margin: -20px -15px 20px;
    background-color: #f9fafc;
    border-bottom: 1px solid #eaedf1;
}
.block-title h1,
.block-title h2,
.block-title h3,
.block-title h4,
.block-title h5,
.block-title h6 {
    display: inline-block;
    font-size: 16px;
    line-height: 1.4;
    margin: 0;
    padding: 10px 16px 7px;
    font-weight: 400;
    font-family: Philosopher;
    font-size: 30px;
}
.block-title h1 small,
.block-title h2 small,
.block-title h3 small,
.block-title h4 small,
.block-title h5 small,
.block-title h6 small {
    font-size: 13px;
    color: #777;
    font-weight: 400;
}
.block-title h1,
.block-title h2,
.block-title h3 {
    padding-left: 15px;
    padding-right: 15px;
}
.block-options,
.block-title .nav-tabs {
    min-height: 40px;
    line-height: 38px;
}
.block-title .nav-tabs {
    padding: 3px 1px 0;
    border-bottom: 0;
}
.block-title .nav-tabs > li > a {
    border-bottom: 0;
}
.block-title .nav-tabs {
    margin-bottom: -2px;
}
.block-title .nav-tabs > li > a {
    margin-bottom: 0;
}
.block-title .nav-tabs > li > a:hover {
    background: 0 0;
}
.block-title .nav-tabs > li.active > a,
.block-title .nav-tabs > li.active > a:focus,
.block-title .nav-tabs > li.active > a:hover {
    border: 1px solid #eaedf1;
    border-bottom-color: #fff;
    background-color: #fff;
}
.block-title code {
    padding: 2px 3px;
}
.block-options {
    margin: 0 6px;
    line-height: 37px;
}
.block-options .label {
    display: inline-block;
    padding: 6px;
    vertical-align: middle;
    font-size: 13px;
}
.block-top {
    margin: -20px -15px 20px;
    border-bottom: 1px dotted #dbe1e8;
}
.block-section {
    margin-bottom: 20px;
}
.widget {
    background-color: #fff;
    margin-bottom: 10px;
}
.widget .widget-extra,
.widget .widget-extra-full {
    position: relative;
    padding: 15px;
}
.widget .widget-extra {
    padding-top: 1px;
    padding-bottom: 1px;
}
.widget .widget-content-light {
    color: #fff;
}
.widget .widget-content-light small {
    color: #eee;
}
.widget .widget-icon,
.widget .widget-image {
    width: 64px;
    height: 64px;
}
.widget .widget-icon {
    height: 64px;
    display: inline-block;
    line-height: 64px;
    text-align: center;
    font-size: 28px;
    color: #fff;
    border-radius: 32px;
}
.widget .widget-icon .fi,
.widget .widget-icon .gi,
.widget .widget-icon .hi,
.widget .widget-icon .si {
    margin-top: -3px;
}
.widget .widget-options,
.widget .widget-options-left {
    position: absolute;
    top: 5px;
    opacity: .5;
    filter: alpha(opacity=50);
}
.widget .widget-options {
    right: 5px;
}
.widget .widget-options-left {
    left: 5px;
}
.widget .widget-options-left:hover,
.widget .widget-options:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
.widget-simple {
    padding: 15px 15px 0 15px;
}
.widget-simple:after,
.widget-simple:before {
    content: " ";
    display: table;
}
.widget-simple:after {
    clear: both;
}
.widget-simple .widget-icon,
.widget-simple .widget-image {
    margin: 0 15px;
}
.widget-simple .widget-icon.pull-left,
.widget-simple .widget-image.pull-left {
    margin-left: 0;
}
.widget-simple .widget-icon.pull-right,
.widget-simple .widget-image.pull-right {
    margin-right: 0;
}
.widget-simple .widget-content {
    font-size: 18px;
    margin: 12px 0;
}
.widget-simple .widget-content small {
    display: block;
    margin-top: 7px;
    font-size: 16px;
    font-weight: 400;
}
.widget-advanced .widget-header {
    position: relative;
    padding: 15px 15px 50px;
    height: 150px;
    overflow: hidden;
}
.widget-advanced .widget-background {
    position: absolute;
    top: 0;
    left: 0;
    height: 150px;
}
.widget-advanced .widget-background-map {
    height: 180px;
    width: 100%;
}
.widget-advanced .widget-content-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 15px;
    margin: 0;
    background: url(../img/template/ie8_opacity_dark_60.png) repeat;
    background: rgba(0, 0, 0, .6);
}
.widget-advanced .widget-main {
    position: relative;
    padding: 50px 15px 15px;
}
.widget-advanced .widget-image-container {
    position: absolute;
    display: inline-block;
    padding: 5px;
    width: 74px;
    height: 74px;
    top: -36px;
    left: 50%;
    margin-left: -36px;
    border-radius: 36px;
    background-color: #fff;
}
.widget-advanced .widget-header .widget-image-container {
    position: static;
    left: auto;
    top: auto;
    margin: 0;
}
.widget-advanced-alt .widget-header,
.widget-advanced-alt .widget-main {
    padding: 15px;
}
.widget-advanced-alt .widget-header {
    height: auto;
    min-height: 150px;
}
.content-float .pull-left {
    margin: 0 20px 20px 0;
}
.content-float .pull-right {
    margin: 0 0 20px 20px;
}
#to-top {
    display: none;
    position: fixed;
    bottom: 55px;
    left: 5px;
    border-radius: 3px;
    padding: 0 12px;
    font-size: 28px;
    text-align: center;
    color: #fff;
    background-color: #000;
    opacity: .1;
    filter: alpha(opacity=10);
    z-index: 9999;
}
#to-top:hover {
    color: #fff;
    background-color: #A1A1A1;
    text-decoration: none;
    opacity: 1;
    filter: alpha(opacity=100);
}
#login-background {
    width: 100%;
    height: 224px;
    overflow: hidden;
    position: relative;
}
#login-background > img {
    position: absolute;
    width: 2560px;
    height: 400px;
    left: 50%;
    margin-left: -1280px;
}
#login-container {
    position: absolute;
    width: 300px;
    /* margin:50px auto;*/
    
    top: 90px;
    left: 50%;
    margin-left: -150px;
    z-index: 1000;
}
#login-container .login-title {
    padding: 20px 10px;
    background: #444;
    background: url(../img/template/ie8_opacity_dark_60.png) repeat;
    background: rgba(0, 0, 0, .6);
}
#login-container .login-title h1 {
    font-size: 26px;
    color: #fff;
}
#login-container .login-title small {
    font-size: 16px;
    color: #ddd;
}
#login-container > .block {
    border: 0;
}
#login-container .register-terms {
    line-height: 30px;
    margin-right: 10px;
    float: left;
}
.calendar-events {
    list-style: none;
    margin: 0;
    padding: 0;
}
.calendar-events li {
    color: #fff;
    margin-bottom: 5px;
    padding: 5px 10px;
    border-radius: 3px;
    background-color: #555;
    opacity: .85;
    filter: alpha(opacity=85);
}
.calendar-events li:hover {
    cursor: move;
    opacity: 1;
    filter: alpha(opacity=100);
}
.gallery a img,
.gallery img,
.gallery-image img,
a[data-toggle=lightbox-image] img {
    max-width: 100%;
}
a.gallery-link,
a[data-toggle=lightbox-image] {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}
.gallery a:hover img,
.gallery-image:hover img,
a[data-toggle=lightbox-image]:hover img {
    opacity: .75;
    filter: alpha(opacity=75);
}
.gallery-image {
    position: relative;
}
.gallery-image-options {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    padding: 10px;
}
.gallery-image:hover .gallery-image-options {
    display: block;
}
.gallery > .row > div {
    margin-bottom: 15px;
}
.gallery.gallery-widget > .row > div {
    margin-bottom: 0;
    padding-top: 7px;
    padding-bottom: 7px;
}
.pie-chart .pie-avatar {
    position: absolute;
    top: 8px;
    left: 8px;
}
.chart {
    height: 360px;
}
.chart-tooltip,
.mini-chart-tooltip {
    position: absolute;
    display: none;
    color: #fff;
    background-color: #000;
    padding: 4px 10px;
}
.chart-pie-label {
    font-size: 12px;
    text-align: center;
    padding: 8px 12px;
    color: #fff;
}
.mini-chart-tooltip {
    left: 0;
    top: 0;
    visibility: hidden;
}
.timeline {
    position: relative;
}
.timeline-header {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    padding: 0 15px;
    min-height: 60px;
    line-height: 60px;
    background-color: #fff;
    border-bottom: 2px solid #f0f0f0;
    z-index: 500;
}
.timeline-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.timeline-list:after {
    position: absolute;
    display: block;
    width: 2px;
    top: 0;
    left: 95px;
    bottom: 0;
    content: "";
    background-color: #f0f0f0;
    z-index: 1;
}
.timeline-header + .timeline-list:after {
    top: 60px;
}
.timeline-list li {
    position: relative;
    margin: 0;
    padding: 15px 0;
}
.timeline-list.timeline-hover li:hover {
    background-color: #f9f9f9;
}
.timeline-list .timeline-icon {
    position: absolute;
    left: 80px;
    top: 10px;
    width: 30px;
    height: 30px;
    line-height: 28px;
    font-size: 14px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
    z-index: 500;
}
.timeline-list .active .timeline-icon {
    background-color: #1bbae1;
    border-color: #1bbae1;
    color: #fff;
}
.timeline-list .timeline-time {
    float: left;
    width: 70px;
    text-align: right;
}
.timeline-list .timeline-content {
    margin-left: 120px;
}
.block-content-full .timeline-content {
    padding-right: 20px;
}
.media-feed {
    margin-bottom: 0;
}
.media-feed > .media {
    margin-top: 0;
    padding: 20px 20px 0;
    border-top: 1px dotted #dbe1e8;
}
.media-feed > .media:first-child {
    border-top: 0;
}
.media-feed.media-feed-hover > .media:hover {
    background-color: #f9f9f9;
}
#error-container {
    padding: 120px 20px;
    position: relative;
}
#error-container .error-options {
    position: absolute;
    top: 20px;
    left: 20px;
}
#error-container h1 {
    font-size: 96px;
    color: #fff;
    margin-bottom: 40px;
}
#error-container h2 {
    color: #ccc;
    margin-bottom: 40px;
    line-height: 1.4;
}
#error-container form {
    padding: 20px;
    border-radius: 3px;
    background: #fff;
    background: url(../img/template/ie8_opacity_light_10.png) repeat;
    background: rgba(255, 255, 255, .1);
}
#error-container .form-control {
    border-color: #fff;
}
.table.table-pricing {
    background-color: #fff;
}
.table-pricing td,
.table-pricing th {
    text-align: center;
}
.table-pricing th {
    font-size: 24px !important;
}
.table-pricing td {
    font-size: 15px;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}
.table-pricing .table-price {
    background-color: #f9f9f9;
}
.table-pricing .table-price.table-featured,
.table-pricing.table-featured .table-price {
    background-color: #252525;
}
.table-pricing th.table-featured,
.table-pricing.table-featured th {
    background-color: #1bbae1;
    border-bottom: 2px solid #394263;
    color: #fff;
}
.table-pricing td.table-featured,
.table-pricing.table-featured td {
    background-color: #394263;
    color: #fff;
}
.navbar.navbar-default {
    /* background-color: #A1A1A1;*/
    
    background-color: #fff;
}
.navbar.navbar-inverse {
    background-color: #4c5471;
}
.navbar-fixed-bottom,
.navbar-fixed-top {
    border-width: 0;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
}
.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
    font-weight: 300;
    color: #777;
}
h1,
h2,
h3 {
    margin-bottom: 15px;
}
a:hover,
a:focus {
    color: #2A6496;
}
.text-primary,
.text-primary:hover {} .text-danger,
.text-danger:hover,
a.text-danger,
a.text-danger:focus,
a.text-danger:hover {
    color: #e74c3c;
}
.text-warning,
.text-warning:hover,
a.text-warning,
a.text-warning:focus,
a.text-warning:hover {
    color: #e67e22;
}
.text-success,
.text-success:hover,
a.text-success,
a.text-success:focus,
a.text-success:hover {
    color: #27ae60;
}
.text-info,
.text-info:hover,
a.text-info,
a.text-info:focus,
a.text-info:hover {
    color: #3498db;
}
.text-muted,
.text-muted:hover,
a.text-muted,
a.text-muted:focus,
a.text-muted:hover {
    color: #999;
}
b,
strong {
    font-weight: 600;
}
ol,
ul {
    padding-left: 30px;
}
.list-li-push li {
    margin-bottom: 10px;
}
p {
    line-height: 1.6;
}
article p {
    font-size: 16px;
    line-height: 1.8;
}
.well {
    background-color: #f9f9f9;
    border: 1px solid #eee;
}
.page-header {
    border-bottom-width: 1px;
    border-bottom-color: #ddd;
    margin: 30px 0 20px;
}
.sub-header {
    margin: 10px 0 20px;
    padding: 10px 0;
    border-bottom: 1px dotted #ddd;
}
blockquote {
    border-left-width: 3px;
    margin: 20px 0;
    padding: 30px 60px 30px 20px;
    position: relative;
    width: 100%;
    border-color: #eaedf1;
}
blockquote:before {
    display: block;
    content: "\201C";
    font-family: serif;
    font-size: 96px;
    position: absolute;
    right: 10px;
    top: -30px;
    color: #eaedf1;
}
blockquote.pull-right:before {
    left: 10px;
    right: auto;
}
label {
    font-weight: 600;
}
fieldset legend {
    font-size: 16px;
    padding: 30px 0 10px;
    border-bottom: 2px solid #eaedf1;
}
input[type=file] {} input[type=email].form-control,
input[type=password].form-control,
input[type=text].form-control,
textarea.form-control {
    -webkit-appearance: none;
}
.form-control {
    font-size: 13px;
    padding: 4px 8px;
    max-width: 100%;
    margin: 1px 0;
    color: #394263;
    border-color: #dbe1e8;
    resize: none;
    margin-bottom: 7px;
    width: 99%;
}
.form-control-borderless,
.form-control-borderless .form-control,
.form-control-borderless .input-group-addon,
.form-control-borderless:focus {
    border: transparent !important;
}
.input-group {
    margin-top: 1px;
    margin-bottom: 1px;
}
.input-group .form-control {
    margin-top: 0;
}
.form-control:focus {
    border-color: #B3B3B3;
    /*  #C1B3CE; */
}
.help-block {
    color: #777;
    font-weight: 400;
}
.input-group-addon {
    min-width: 45px;
    text-align: center;
    background-color: #fff;
    border-color: #dbe1e8;
}
.form-horizontal .control-label {
    cursor: url(../images/cursor.gif), default!important;
    margin-bottom: 5px;
    /* color: #16a3c5;*/
    
    color: rgb(0, 147, 213);
}
.form-bordered {
    margin: -15px -15px -1px;
}
.modal-body .form-bordered {
    margin-bottom: -20px;
}
.form-bordered fieldset legend {
    margin: 0;
    padding-left: 20px;
    padding-right: 20px;
}
.form-bordered .form-group {
    margin: 0;
    border: 0;
    padding: 15px;
    border-bottom: 1px dashed #000;
}
.form-bordered .form-group:last-child {
    border-bottom: 1px dashed #DBE1E8;
}
.form-bordered .form-group.form-actions {
    background-color: #f9fafc;
    border-bottom: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.form-horizontal.form-bordered .form-group {
    padding-left: 0;
    padding-right: 0;
}
.form-bordered .help-block {
    margin-bottom: 0;
}
.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .help-block,
.has-success .input-group-addon,
.has-success .radio,
.has-success .radio-inline {
    color: #27ae60;
}
.has-success .form-control,
.has-success .input-group-addon {
    border-color: #27ae60;
    background-color: #fff;
}
.has-success .form-control:focus {
    border-color: #166638;
}
.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .control-label,
.has-warning .help-block,
.has-warning .input-group-addon,
.has-warning .radio,
.has-warning .radio-inline {
    color: #e67e22;
}
.has-warning .form-control,
.has-warning .input-group-addon {
    border-color: #e67e22;
    background-color: #fff;
}
.has-warning .form-control:focus {
    border-color: #b3621b;
}
.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .input-group-addon,
.has-error .radio,
.has-error .radio-inline {
    color: #e74c3c;
}
.has-error .form-control,
.has-error .input-group-addon {
    border-color: #e74c3c;
    background-color: #fff;
}
.has-error .form-control:focus {
    border-color: #c0392b;
}
.wizard-steps {
    border-bottom: 1px solid #eaedf1;
    margin-bottom: 20px;
}
.form-bordered .wizard-steps {
    margin-bottom: 0;
}
.wizard-steps .row {
    margin: 0;
}
.wizard-steps .row div {
    padding: 15px 0;
    font-size: 15px;
    text-align: center;
}
.form-bordered .wizard-steps .row div {
    padding-top: 10px;
}
.wizard-steps span {
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    border: 1px solid #1bbae1;
    border-radius: 50px;
}
.wizard-steps div.active span,
.wizard-steps div.done span {
    background-color: #1bbae1;
    color: #fff;
}
.wizard-steps div.done span {
    opacity: .25;
    filter: alpha(opacity=25);
}
.wizard-steps div.active span {
    opacity: 1;
    filter: alpha(opacity=100);
}
.switch {
    margin: 1px 0;
    position: relative;
    cursor: pointer;
}
.switch input {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
}
.switch span {
    position: relative;
    display: inline-block;
    width: 54px;
    height: 28px;
    border-radius: 28px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    -webkit-transition: background-color .35s;
    transition: background-color .35s;
}
.switch span:after {
    content: "";
    position: absolute;
    left: 7px;
    top: 7px;
    bottom: 7px;
    width: 12px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 24px;
    -webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, .05);
    box-shadow: 1px 0 3px rgba(0, 0, 0, .05);
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out;
}
.switch input:checked + span:after {
    left: 26px;
    width: 24px;
    top: 1px;
    bottom: 1px;
    border: 0;
    -webkit-box-shadow: -2px 0 3px rgba(0, 0, 0, .1);
    box-shadow: -2px 0 3px rgba(0, 0, 0, .1);
}
.switch input:checked + span {
    background-color: #eee;
}
.switch-default span {
    border-color: #dbe1e8;
}
.switch-default input:checked + span {
    background-color: #dbe1e8;
}
.switch-primary span {
    border-color: #1bbae1;
}
.switch-primary input:checked + span {
    background-color: #1bbae1;
}
.switch-info span {
    border-color: #7abce7;
}
.switch-info input:checked + span {
    background-color: #7abce7;
}
.switch-success span {
    border-color: #aad178;
}
.switch-success input:checked + span {
    background-color: #aad178;
}
.switch-warning span {
    border-color: #f7be64;
}
.switch-warning input:checked + span {
    background-color: #f7be64;
}
.switch-danger span {
    border-color: #ef8a80;
}
.switch-danger input:checked + span {
    background-color: #ef8a80;
}
.lowwer_cash {
    text-transform: lowercase !important;
}
.table.table-vcenter td,
.table.table-vcenter th {
    vertical-align: middle;
    text-transform: capitalize;
    padding: 2px 10px;
}
.table-options {
    padding: 6px 0;
}
.table thead > tr > th {
    font-size: 18px;
    font-weight: 600;
}
.table thead > tr > th > small {
    font-weight: 400;
    font-size: 75%;
}
.table tfoot > tr > td,
.table tfoot > tr > th,
.table thead > tr > td,
.table thead > tr > th {
    padding-top: 14px;
    padding-bottom: 14px;
}
.table tfoot > tr > td,
.table tfoot > tr > th {
    background-color: #f9fafc;
}
.table-borderless tbody > tr > td,
.table-borderless tbody > tr > th {
    border-top-width: 0;
}
.table tbody + tbody,
.table tbody > tr > td,
.table tbody > tr > th,
.table tfoot > tr > td,
.table tfoot > tr > th,
.table thead > tr > td,
.table thead > tr > th,
.table-bordered,
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
    border-color: #eaedf1;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: #eaedf1;
}
.list-group-item {
    border-color: #eaedf1;
}
a.list-group-item.active,
a.list-group-item.active:focus,
a.list-group-item.active:hover {
    background-color: #1bbae1;
    border-color: #1bbae1;
}
a.list-group-item.active .list-group-item-text,
a.list-group-item.active:focus .list-group-item-text,
a.list-group-item.active:hover .list-group-item-text {
    color: #fff;
}
a.list-group-item:focus,
a.list-group-item:hover {
    background-color: #f9fafc;
}
a.list-group-item.active > .badge {
    background: url(../img/template/ie8_opacity_dark_40.png) repeat;
    background: rgba(0, 0, 0, .4);
    color: #fff;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover,
.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover,
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
    color: #fff;
    background-color: #1bbae1;
}
.nav > li i {
    font-size: 14px;
}
.nav-pills > .active > a > .badge {
    color: #1bbae1;
}
.nav-stacked > li > a {
    margin: 4px 0 0;
}
.nav .caret,
.nav a:focus .caret,
.nav a:hover .caret {
    border-top-color: #1bbae1;
    border-bottom-color: #1bbae1;
}
.nav > li > a:focus,
.nav > li > a:hover {
    background-color: #f9fafc;
}
.nav-tabs {
    border-bottom-color: #eaedf1;
}
.nav-tabs > li {
    margin-bottom: 0;
}
.nav-tabs > li > a {
    padding-left: 7px;
    padding-right: 7px;
    margin-bottom: -1px;
}
.nav-tabs > li > a:hover {
    border-color: #eaedf1;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    color: #394263;
    border-color: #eaedf1;
    border-bottom-color: transparent;
}
.nav-pills > li.active > a > .badge {
    background: url(../img/template/ie8_opacity_dark_20.png) repeat;
    background: rgba(0, 0, 0, .2);
    color: #fff;
}
.dropdown-menu {
    padding: 0;
    font-size: 13px;
    border-color: #dbe1e8;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
}
.dropdown-menu > li > a {
    padding: 6px 10px;
}
.dropdown-menu i {
    opacity: .2;
    filter: alpha(opacity=20);
    line-height: 17px;
}
.dropdown-menu a:hover i {
    opacity: .5;
    filter: alpha(opacity=50);
}
.dropdown-menu .divider {
    margin: 2px 0;
    padding: 0 !important;
    background-color: #f0f0f0;
}
li.dropdown-header {
    padding: 5px 10px;
    color: #394263;
    background-color: #f9fafc;
    border-top: 1px solid #eaedf1;
    border-bottom: 1px solid #eaedf1;
}
.dropdown-menu li:first-child.dropdown-header {
    border-top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.dropdown-menu.dropdown-custom {
    min-width: 200px;
}
.dropdown-menu.dropdown-custom > li {
    padding: 8px 10px;
    font-size: 12px;
}
.dropdown-menu.dropdown-custom > li > a {
    border-radius: 3px;
}
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -3px;
    margin-left: 0;
}
.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}
.dropdown-submenu.pull-left {
    float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
}
.collapse.in .dropdown.open .dropdown-menu {
    display: block;
    position: static;
    margin: 0 0 0 15px;
    left: auto;
    top: auto;
}
.pagination > li > a,
.pagination > li > span {
    color: #1bbae1;
    margin-left: 5px;
    margin-right: 5px;
    border: 0 !important;
    border-radius: 25px !important;
}
.pagination td table tr td a,
.pagination > td > table > tr > td > span {
    /*color: #6A379C;*/
    
    color: #A43692;
    margin-left: 5px;
    margin-right: 5px;
    border: 0 !important;
    border-radius: 25px !important;
}
.pagination td table tr td a:hover,
.pagination td table tr td a:focus {
    color: #2A6496;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: #1bbae1;
}
.pager > li > a,
.pager > li > span {
    border-color: #eaedf1;
}
.pager > li > a:hover,
.pagination > li > a:hover {
    background-color: #1bbae1;
    border-color: #1bbae1;
    color: #fff;
}
.pager > li.disabled > a:hover {
    border-color: #eaedf1;
}
.popover-title {
    background: 0 0;
    border: 0;
    font-size: 17px;
    font-weight: 600;
}
.tooltip {
    z-index: 1051;
}
.tooltip.in {
    opacity: 1;
    filter: alpha(opacity=100);
}
.tooltip-inner {
    padding: 4px 6px;
    background-color: #000;
    color: #fff;
}
.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
    border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
    border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
    border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #000;
}
.breadcrumb {
    background-color: #fff;
}
.breadcrumb i {
    font-size: 14px;
}
.breadcrumb-top {
    margin: -10px -5px 10px;
    padding: 7px 10px;
    border-top: 1px solid #eaedf1;
    border-bottom: 1px solid #dbe1e8;
    font-size: 12px;
}
.breadcrumb-top + .content-header,
.content-header + .breadcrumb-top {
    margin-top: -11px;
}
.breadcrumb > li + li:before {
    content: "\203a";
}
.progress,
.progress-bar {
    height: 20px;
    line-height: 20px;
}
.progress-bar-danger {
    background-color: #e74c3c;
}
.progress-bar-warning {
    background-color: #f39c12;
}
.progress-bar-success {
    background-color: #2ecc71;
}
.progress-bar-info {
    background-color: #3498db;
}
.modal-content {
    border-radius: 3px;
}
.modal-header {
    padding: 15px 15px 14px;
    border-bottom: 1px solid #eee;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.modal-title {
    font-weight: 300;
}
.modal-body {
    padding: 20px 15px;
}
.modal-body .nav-tabs {
    margin: 0 -15px 15px;
    padding: 0 5px !important;
}
.modal-footer {
    margin-top: 0;
    padding: 14px 15px 15px;
    border-top: 1px solid #eee;
    background-color: #f9f9f9;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.btn {
    margin: 1px 0;
    background-color: #fff;
    margin-top: 1px;
}
.btn .fi,
.btn .gi,
.btn .hi,
.btn .si {
    line-height: 1;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    opacity: .4;
    filter: alpha(opacity=40);
}
.block-options .btn,
.input-group .btn,
.modal-content .btn {
    margin-top: 0;
    margin-bottom: 0;
}
.btn-default {
    background-color: #515151;
    border-color: #515151;
    color: #fff;
}
.btn-default.btn-alt {
    background-color: #fff;
}
.btn-default:hover {
    background-color: rgb(38, 65, 134);
    border-color: rgb(38, 65, 134);
    color: #FFF;
}
.btn-default.active,
.btn-default.disabled,
.btn-default.disabled.active,
.btn-default.disabled:active,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default:active,
.btn-default:focus,
.btn-default[disabled].active,
.btn-default[disabled]:active,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
.open .btn-default.dropdown-toggle,
fieldset[disabled] .btn-default.active,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
    background-color: rgb(38, 65, 134);
    border-color: rgb(38, 65, 134);
    color: #FFF;
}
.btn-width {
    width: 100%;
    margin: 10px 0px;
    padding: 10px;
}
.btn-primary {
    background-color: rgb(0, 147, 213);
    border-color: rgb(0, 147, 213);
    color: #fff;
}
.btn-primary.btn-alt {
    background-color: #fff;
    color: #1bbae1;
}
.btn-primary:hover {
    background-color: rgb(38, 65, 134);
    border-color: rgb(38, 65, 134);
    color: #FFF;
}
.btn-primary.active,
.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary[disabled].active,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
.open .btn-primary.dropdown-toggle,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
    background-color: rgb(38, 65, 134);
    border-color: rgb(38, 65, 134);
    color: #FFF;
}
.btn-new-next {
    /*background-color: #6A379C;*/
    
    background-color: #A43692;
    /*border-color: #8d8c8c;*/
    
    border-color: #A43692;
    color: #fff;
    margin-right: 20px;
}
.btn-primary.btn-alt {
    background-color: #fff;
    color: #1bbae1;
}
.btn-new-next:hover {
    /*background-color: #85439D;*/
    
    background-color: #963286;
    /*border-color: #85439D;*/
    
    border-color: #963286;
    color: #fff;
}
.btn-new-next.active,
.btn-new-next.disabled,
.btn-new-next.disabled.active,
.btn-new-next.disabled:active,
.btn-new-next.disabled:focus {
    background-color: #8d8c8c;
    border-color: #8d8c8c;
    color: #fff;
}
.btn-danger {
    /* background-color: #A1A1A1;*/
    
    border-color: #B3B3B3;
    /* #636363; */
    
    background-color: #B3B3B3;
    /*  #636363; */
    
    color: #fff;
}
.btn-danger.btn-alt {
    background-color: #fff;
    color: #e74c3c;
}
.btn-danger:hover {
    background-color: #3F3F3F;
    border-color: #3F3F3F;
    color: #fff;
}
.btn-danger.active,
.btn-danger.disabled,
.btn-danger.disabled.active,
.btn-danger.disabled:active,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger:active,
.btn-danger:focus,
.btn-danger[disabled].active,
.btn-danger[disabled]:active,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
.open .btn-danger.dropdown-toggle,
fieldset[disabled] .btn-danger.active,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
    background-color: #3F3F3F;
    border-color: #3F3F3F;
    color: #fff;
}
.btn-warning {
    background-color: #f7be64;
    border-color: #f39c12;
    color: #fff;
}
.btn-warning.btn-alt {
    background-color: #fff;
    color: #f39c12;
}
.btn-warning:hover {
    background-color: #f39c12;
    border-color: #b3730c;
    color: #fff;
}
.btn-warning.active,
.btn-warning.disabled,
.btn-warning.disabled.active,
.btn-warning.disabled:active,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning:active,
.btn-warning:focus,
.btn-warning[disabled].active,
.btn-warning[disabled]:active,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
.open .btn-warning.dropdown-toggle,
fieldset[disabled] .btn-warning.active,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
    background-color: #f39c12;
    border-color: #f39c12;
    color: #fff;
}
.btn-success {
    /* background-color: #79b62b;     border-color: #79b62b;*/
    
    background-color: #333333;
    /* #609B00; */
    
    border-color: #333333;
    /* #609B00; */
    
    color: #fff;
}
.btn-success.btn-alt {
    background-color: #fff;
    color: #7db831;
}
.btn-success:hover {
    /* background-color: #79b62b;     border-color: #79b62b;*/
    
    background-color: #515151;
    /* #517F02; */
    
    border-color: #515151;
    /*  #517F02; */
    
    color: #fff;
}
.btn-success.active,
.btn-success.disabled,
.btn-success.disabled.active,
.btn-success.disabled:active,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success:active,
.btn-success:focus,
.btn-success[disabled].active,
.btn-success[disabled]:active,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
.open .btn-success.dropdown-toggle,
fieldset[disabled] .btn-success.active,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
    /* background-color: #79b62b;     border-color: #79b62b;*/
    
    background-color: #517F02;
    border-color: #517F02;
    color: #fff;
}
.btn-info {
    background-color: #7abce7;
    border-color: #3498db;
    color: #fff;
}
.btn-info.btn-alt {
    background-color: #fff;
    color: #3498db;
}
.btn-info:hover {
    background-color: #3498db;
    border-color: #2875a8;
    color: #fff;
}
.btn-info.active,
.btn-info.disabled,
.btn-info.disabled.active,
.btn-info.disabled:active,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info:active,
.btn-info:focus,
.btn-info[disabled].active,
.btn-info[disabled]:active,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
.open .btn-info.dropdown-toggle,
fieldset[disabled] .btn-info.active,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
    background-color: #3498db;
    border-color: #3498db;
    color: #fff;
}
.btn-link,
.btn-link.btn-icon:focus,
.btn-link.btn-icon:hover,
.btn-link:focus,
.btn-link:hover {
    color: #1bbae1;
}
.btn-link.btn-icon {
    color: #999;
}
.btn-link.btn-icon:focus,
.btn-link.btn-icon:hover {
    text-decoration: none;
}
.block-options .btn {
    border-radius: 15px;
    padding-right: 8px;
    padding-left: 8px;
    min-width: 30px;
    text-align: center;
}
.panel {
    margin-bottom: 20px;
}
.panel-heading {
    padding: 15px;
}
.panel-title {
    font-size: 14px;
}
.panel-default > .panel-heading {
    background-color: #f9f9f9;
}
.panel-group {
    margin-bottom: 20px;
}
pre {
    background: #151515;
    overflow: scroll;
}
code {
    border: 1px solid #fad4df;
    margin: 1px 0;
    display: inline-block;
}
.btn code {
    display: inline;
    margin: 0;
}
.alert {
    border-top-width: 0;
    border-right-width: 2px;
    border-bottom-width: 0;
    border-left-width: 2px;
}
.alert-danger {
    color: #e74c3c;
    background-color: #ffd1cc;
    border-color: #ffb8b0;
}
.alert-danger .alert-link {
    color: #e74c3c;
}
.alert-warning {
    color: #e67e22;
    background-color: #ffe4cc;
    border-color: #ffd6b2;
}
.alert-warning .alert-link {
    color: #e67e22;
}
.alert-success {
    color: #27ae60;
    background-color: #daf2e4;
    border-color: #b8e5cb;
}
.alert-success .alert-link {
    color: #27ae60;
}
.alert-info {
    color: #3498db;
    background-color: #dae8f2;
    border-color: #b8d2e5;
}
.alert-info .alert-link {
    color: #3498db;
}
.alert-dismissable .close {
    top: -5px;
    right: -25px;
}
.close {
    text-shadow: none;
}
.alert.alert-alt {
    margin: 0 0 2px;
    padding: 5px;
    font-size: 12px;
    border-width: 0;
    border-left-width: 2px;
}
.alert.alert-alt small {
    opacity: .75;
    filter: alpha(opacity=75);
}
.alert-alt.alert-dismissable .close {
    right: 0;
}
.alert-alt.alert-dismissable .close:hover {
    color: #fff;
}
.alert-danger.alert-alt {
    border-color: #e74c3c;
}
.alert-warning.alert-alt {
    border-color: #e67e22;
}
.alert-success.alert-alt {
    border-color: #27ae60;
}
.alert-info.alert-alt {
    border-color: #3498db;
}
.sidebar-content .alert.alert-alt {
    margin-left: -10px;
    padding-left: 10px;
    background: 0 0;
    color: #fff;
}
#sidebar-alt .sidebar-content .alert.alert-alt {
    margin-left: 0;
    margin-right: -10px;
    padding-left: 0;
    padding-right: 10px;
    border-width: 0;
    border-right-width: 2px;
}
.badge,
.label {
    font-weight: 400;
    font-size: 90%;
}
.label {
    padding: 1px 4px;
}
.badge {
    background: url(../img/template/ie8_opacity_dark_30.png) repeat;
    background: rgba(0, 0, 0, .3);
    padding: 3px 6px;
}
.label-danger {
    background-color: #e74c3c;
}
.label-danger[href]:focus,
.label-danger[href]:hover {
    background-color: #ff5542;
}
.label-warning {
    background-color: #e67e22;
}
.label-warning[href]:focus,
.label-warning[href]:hover {
    background-color: #ff8b26;
}
.label-success {
    background-color: #27ae60;
}
.label-success[href]:focus,
.label-success[href]:hover {
    background-color: #2cc76c;
}
.label-info {
    background-color: #2980b9;
}
.label-info[href]:focus,
.label-info[href]:hover {
    background-color: #2f92d4;
}
.label-primary {
    background-color: #1bbae1;
}
.label-primary[href]:focus,
.label-primary[href]:hover {
    background-color: #5ac5e0;
}
.label-default {
    background-color: #999;
}
.label-default[href]:focus,
.label-default[href]:hover {
    background-color: #777;
}
.carousel-control.left,
.carousel-control.left.no-hover:hover,
.carousel-control.right,
.carousel-control.right.no-hover:hover {
    background: 0 0;
}
.carousel-control.left:hover,
.carousel-control.right:hover {
    background: url(../img/template/ie8_opacity_dark_30.png) repeat;
    background: rgba(0, 0, 0, .3);
}
.carousel-control span {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    display: inline-block;
}
.carousel-control i {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
}
.alert,
.carousel,
.table,
p {
    margin-bottom: 20px;
}
.btn.active,
.form-control,
.form-control:focus,
.has-error .form-control:focus,
.has-success .form-control:focus,
.has-warning .form-control:focus,
.navbar-collapse,
.navbar-form,
.navbar-form-custom .form-control:focus,
.navbar-form-custom .form-control:hover,
.open .btn.dropdown-toggle,
.panel,
.popover,
.progress,
.progress-bar {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.alert.alert-alt,
.breadcrumb,
.dropdown-menu,
.navbar,
.navbar-form-custom .form-control,
.tooltip-inner {
    border-radius: 0;
}
.push-bit {
    margin-bottom: 10px !important;
}
.push {
    margin-bottom: 15px !important;
}
.push-top-bottom {
    margin-top: 40px;
    margin-bottom: 40px;
}
.lt-ie9 .hidden-lt-ie9 {
    display: none !important;
}
.display-none {
    display: none;
}
.remove-margin {
    margin: 0 !important;
}
.remove-padding {
    padding: 0 !important;
}
.remove-radius {
    border-radius: 0 !important;
}
.remove-box-shadow {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.remove-transition {
    -moz-transition: none !important;
    -webkit-transition: none !important;
    transition: none !important;
}
:focus {
    outline: 0 !important;
}
.style-alt #page-content {
    background-color: #fff;
}
.style-alt .block {
    border-color: #dbe1e8;
}
.style-alt .block.block-alt-noborder {
    border-color: transparent;
}
.style-alt .block-title {
    background-color: #dbe1e8;
    border-bottom-color: #dbe1e8;
}
.style-alt #page-content + footer,
.style-alt .breadcrumb-top + .content-header,
.style-alt .content-header + .breadcrumb-top {
    background-color: #f9fafc;
}
.style-alt .breadcrumb-top,
.style-alt .content-header {
    border-bottom-color: #eaedf1;
}
.style-alt #page-content + footer {
    border-top-color: #eaedf1;
}
.style-alt .widget {
    background-color: #f6f6f6;
}
.test-circle {
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    border-radius: 50px;
    background-color: #eee;
    border: 2px solid #ccc;
    color: #fff;
    margin-bottom: 15px;
}
.themed-color {
    color: #1bbae1;
}
.themed-border {
    border-color: #1bbae1;
}
.themed-background {
    background-color: #1bbae1;
}
.themed-color-dark {
    color: #394263;
}
.themed-border-dark {
    border-color: #394263;
}
.themed-background-dark {
    background-color: #394263;
}
@media screen and (min-width: 768px) {
    .main_title h2 {
        display: inline-block;
        width: 40%;
        font-family: Philosopher;
    }
    .main_title span {
        width: 55%;
        text-align: right;
        display: inline-block;
    }
    .border_left {
        border-right: none;
    }
    #login-background {
        height: 400px;
    }
    #login-background > img {
        top: 0;
    }
    #login-container {
        width: 480px;
        top: 126px;
        margin-left: -240px;
    }
    #page-content {
        padding: 10px 20px 5px;
        min-height: auto !important;
    }
    #page-content + footer,
    .block,
    .block.full,
    .breadcrumb-top,
    .header-section,
    .modal-body {
        padding-left: 20px;
        padding-right: 20px;
    }
    .left-active + #main-container .grid_data {
        overflow-x: scroll;
    }
    .left-active {
        overflow: auto;
    }
    .block .block-content-full {
        margin: -20px -20px -1px;
    }
    .block.full .block-content-full {
        margin: -20px;
    }
    .breadcrumb-top,
    .content-header,
    .content-top {
        margin: -20px -20px 20px;
    }
    .breadcrumb-top + .content-header,
    .content-header + .breadcrumb-top {
        margin-top: -21px;
    }
    .block,
    .widget {
        margin-bottom: 20px;
    }
    .block-title,
    .block-top,
    .form-bordered {
        margin-left: -20px;
        margin-right: -20px;
    }
    .border_left {
        border-right: none;
    }
    .form-bordered .form-group {
        padding-left: 20px;
        padding-right: 20px;
    }
    .form-horizontal.form-bordered .form-group {
        padding-left: 5px;
        padding-right: 5px;
    }
    .nav-tabs > li > a {
        padding-left: 15px;
        padding-right: 15px;
        margin-left: 3px;
        margin-right: 3px;
    }
}
@media (min-width: 992px) {
    .border_left {
        border-right: 2px dotted rgb(0, 0, 0);
    }
    .sidebar-no-animations #sidebar,
    .sidebar-no-animations #sidebar-alt {
        -webkit-transition: opacity .5s linear, background-color .2s ease-out;
        transition: opacity .5s linear, background-color .2s ease-out;
    }
    .sidebar-no-animations #main-container,
    .sidebar-no-animations.footer-fixed #page-content + footer,
    .sidebar-no-animations.header-fixed-bottom header.navbar-fixed-bottom,
    .sidebar-no-animations.header-fixed-top header.navbar-fixed-top {
        -webkit-transition: none;
        transition: none;
    }
    .sidebar-alt-visible-xs #sidebar-alt,
    .sidebar-visible-xs #sidebar {
        width: 0;
    }
    .sidebar-alt-visible-xs #main-container,
    .sidebar-visible-xs #main-container {
        margin-left: 0;
        margin-right: 0;
    }
    .sidebar-alt-visible-xs.footer-fixed #page-content + footer,
    .sidebar-alt-visible-xs.header-fixed-bottom header.navbar-fixed-bottom,
    .sidebar-alt-visible-xs.header-fixed-top header.navbar-fixed-top,
    .sidebar-visible-xs.footer-fixed #page-content + footer,
    .sidebar-visible-xs.header-fixed-bottom header.navbar-fixed-bottom,
    .sidebar-visible-xs.header-fixed-top header.navbar-fixed-top {
        right: 0;
        left: 0;
    }
    #sidebar,
    #sidebar-alt,
    .sidebar-alt-partial #sidebar-alt,
    .sidebar-partial #sidebar {
        width: 0;
        opacity: .2;
        filter: alpha(opacity=20);
    }
    .sidebar-alt-partial #sidebar-alt,
    .sidebar-partial #sidebar {
        width: 65px;
    }
    .sidebar-alt-partial #sidebar-alt:hover,
    .sidebar-alt-visible-lg #sidebar-alt,
    .sidebar-alt-visible-lg.sidebar-alt-partial #sidebar-alt,
    .sidebar-partial #sidebar:hover,
    .sidebar-visible-lg #sidebar,
    .sidebar-visible-lg.sidebar-partial #sidebar {
        width: 200px;
        opacity: 1;
        filter: alpha(opacity=100);
    }
    .sidebar-alt-partial #sidebar-alt .sidebar-brand i,
    .sidebar-partial #sidebar .sidebar-brand i {
        display: none;
    }
    .sidebar-alt-partial #sidebar-alt:hover .sidebar-brand i,
    .sidebar-alt-visible-lg #sidebar-alt .sidebar-brand i,
    .sidebar-partial #sidebar:hover .sidebar-brand i,
    .sidebar-visible-lg #sidebar .sidebar-brand i {
        display: inline-block;
    }
    .sidebar-partial #main-container {
        /*margin-left: 65px;*/
        
        margin-left: 200px;
    }
    .sidebar-partial #sidebar:hover + #main-container,
    .sidebar-visible-lg #main-container {
        /*  margin-left: 200px;*/
        
        margin-left: 54px;
    }
    .sidebar-partial.footer-fixed #main-container #page-content + footer,
    .sidebar-partial.header-fixed-bottom header.navbar-fixed-bottom,
    .sidebar-partial.header-fixed-top header.navbar-fixed-top {
        left: 65px;
    }
    .sidebar-partial #sidebar:hover + #main-container #page-content + footer,
    .sidebar-partial #sidebar:hover + #main-container header.navbar-fixed-bottom,
    .sidebar-partial #sidebar:hover + #main-container header.navbar-fixed-top,
    .sidebar-visible-lg.footer-fixed #main-container #page-content + footer,
    .sidebar-visible-lg.header-fixed-bottom header.navbar-fixed-bottom,
    .sidebar-visible-lg.header-fixed-top header.navbar-fixed-top {
        left: 200px;
    }
    .sidebar-alt-partial #main-container {
        margin-right: 65px;
    }
    .sidebar-alt-partial #sidebar-alt:hover~#main-container,
    .sidebar-alt-visible-lg #main-container {
        margin-right: 200px;
    }
    .sidebar-alt-partial.footer-fixed #main-container #page-content + footer,
    .sidebar-alt-partial.header-fixed-bottom header.navbar-fixed-bottom,
    .sidebar-alt-partial.header-fixed-top header.navbar-fixed-top {
        right: 65px;
    }
    .sidebar-alt-partial #sidebar-alt:hover~#main-container #page-content + footer,
    .sidebar-alt-partial #sidebar-alt:hover~#main-container header.navbar-fixed-bottom,
    .sidebar-alt-partial #sidebar-alt:hover~#main-container header.navbar-fixed-top,
    .sidebar-alt-visible-lg.footer-fixed #main-container #page-content + footer,
    .sidebar-alt-visible-lg.header-fixed-bottom header.navbar-fixed-bottom,
    .sidebar-alt-visible-lg.header-fixed-top header.navbar-fixed-top {
        right: 200px;
    }
}
@media (min-width: 1200px) {
    .header-fixed-bottom .sidebar-content,
    .header-fixed-top .sidebar-content {
        padding-bottom: 0;
    }
    article p {
        font-size: 19px;
        line-height: 1.9;
    }
    .border_left {
        border-right: 2px dotted rgb(0, 0, 0);
    }
}
form .check-box table tr {
    float: left;
    width: auto;
}
form .check-box table tr td {
    padding-right: 20px;
}
form .check-box .control-label {
    padding-top: 0px;
    color: #16a3c5;
}
form .check-box table tr td label {
    margin-left: 5px;
    line-height: inherit;
}
form .check-box table tr td input {
    padding-top: 15px;
}
.display-margin {
    margin-bottom: 10px;
    padding-bottom: 5px;
}
.table-vcenter tr th {
    height: 30px;
    background-color: rgb(0, 147, 213);
    color: #ffffff;
    font-size: 14px;
    text-align: center;
}
.table-vcenter tr td {
    text-align: center;
}
.table-vcenter tr td:second-child {
    text-align: left;
}
.table-vcenter tr th:first-child {
    text-align: center;
}
.table-vcenter tr td:first-child {
    text-align: center;
}
.table-vcenter tr th:last-child,
.table-vcenter tr th:nth-child(7) {
    text-align: center;
}
.table-vcenter tr td:last-child {
    text-align: center;
}
.upload {
    height: inherit;
}
.autowidth tr th:last-child {
    width: auto;
}
.label-display {
    display: inline-block;
    font-size: 16px;
    line-height: 1.4;
    margin: 0px;
    padding: 10px 16px 7px;
    font-weight: 500;
}
.test-menu {
    background-color: #1BBAE1;
    padding: 30px;
    color: White;
    font-size: 16px;
}
.online-test table {
    border: none;
    width: 100%;
}
.online-test table tr td {
    border: none;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #f2f2f2;
    padding-left: 30px;
}
.online-test table tr td:first-child {
    width: 60px;
    font-weight: bold;
    vertical-align: top;
    color: #1BBAE1;
}
.result-img {
    border: 7px solid #16a3c5;
}
.result-box {
    color: #000;
    width: 100%;
    text-transform: capitalize;
}
.popup-window {
    background-color: #fff;
    width: 50%;
}
.popup-window-compose {
    background-color: #fff;
    width: 50%;
    height: auto;
    top: 15px;
}
.balance-table td:nth-child(6),
.sms-table td:nth-child(1) {
    text-align: center;
    width: 250px;
}
.contact-table td:nth-child(3) {
    width: 200px;
}
.group-table td:nth-child(1) {
    text-align: center;
    width: 6%;
}
.header {
    background-color: #fff;
    height: 40px;
}
.heder-content {
    width: 80%;
    height: 40px;
    margin: 0 auto;
}
.header-logo {
    float: left;
}
.header-logo img {
    height: 35px;
    padding: 5px 0 0 10px;
}
.login-slider {
    float: left;
}
.login-menu ul li {
    float: left;
    list-style-type: none;
    color: #fff;
    padding: 0 7px 0 7px;
}
.login-menu ul li a {
    color: #fff;
    font-size: 12px;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
}
.sms-package {
    height: auto;
    background-color: #fff;
    width: 100%;
    margin-right: 2%;
    border: 1px solid #BCBCBC;
    padding: 0px;
}
.sms-package2 {
    height: auto;
    background-color: #fff;
    width: 100%;
    margin-right: 2%;
    border: 1px solid #BCBCBC;
    padding: 0px;
}
.sms-package-head {
    min-height: 213px;
    background-color: #009DDC;
    padding: 25px 30px 0 30px;
}
.sms-package-head h2 {
    font-size: 25px;
}
.sms-package-head h2,
.sms-package-head hr {
    margin: 0px;
    color: #000;
}
.sms-package-head hr {
    background-color: #666666;
    border-color: #666666;
    margin-top: 5px;
}
.sms-package-head h4 {
    color: #fff;
    font-size: 16px;
    height: 20px;
    font-weight: bold;
}
.sms-package-head h5 {
    margin-top: 40px;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
}
.sms-package-head h6 {
    color: #fff;
    font-size: 15px;
}
.sms-package a {
    color: #000;
    background-color: #FCD400;
    padding: 10px;
    font-size: 16px;
    font-weight: 500;
    top: -80px;
}
.sms-package a:hover {
    background-color: #eac501;
}
.sms-package ul {
    color: #666666;
    text-align: left;
    padding: 0 0px 0 30px;
    font-size: 16px;
    margin-top: 10px;
    list-style-type: decimal;
    text-align: justify;
}
.sms-package ul li {
    margin-bottom: 5px;
    font-size: 14px;
    font-family: Calibri;
}
.sms-package ul li a {
    background: none;
    padding: 0px;
    color: #65B7E0;
}
.sms-package ul li a:hover {
    background: none;
}
.sms-package p {
    color: #666666;
    text-align: left;
    padding: 0 20px 0 20px;
    font-size: 16px;
    margin-top: 40px;
}
.upload {} .upload div {
    margin: 0px;
}
.upload input {
    height: 44px;
    padding: 0px;
    padding-left: 12px;
    width: 100%;
    border: 2px solid #D5D6D8;
}
.upload1 {
    float: left;
    width: 76.5%;
}
.upload2 {
    float: right;
    color: #fff;
    background-color: #4F3F9F;
    padding: 11px 20px 11px 20px;
    cursor: pointer;
}
.contact-list {
    clear: both;
    padding: 12px 0px 0 0;
}
.list-color li a {
    color: #000;
}
.contact-list ul {
    float: left;
    width: 100%;
    background-color: #FCD400;
}
.contact-list li {
    list-style-type: none;
    float: left;
    padding: 5px;
}
.contact-list li a {
    font-size: 12px;
    font-weight: bold;
    margin: 4px 3px 0 3px;
    text-transform: uppercase;
}
.contact-image {
    border-radius: 120px;
    border: 3px solid #ffcc00;
    padding: 3px;
    cursor: pointer;
}
.add-member {
    clear: both;
    background-color: #FCD400;
    height: auto;
    padding: 12px 20px 0 0;
}
.add-member ul {} .add-member li {
    list-style-type: none;
    float: left;
    margin: 0 3px 5px 3px;
}
.add-member li a {
    font-size: 14px;
    font-weight: bold;
    color: #000;
    margin: 4px 3px 0 3px;
    text-transform: capitalize;
}
.example-right {
    position: relative;
    padding: 15px 20px;
    margin: 0;
    font-weight: 500;
    height: auto;
    min-height: 90px;
    color: #000;
    background-color: #b8db29;
    /*background:#5a8f00;    background:-webkit-gradient(linear, 0 0, 0 100%, from(#b8db29), to(#5a8f00));   background:-moz-linear-gradient(#b8db29, #5a8f00);   background:-o-linear-gradient(#b8db29, #5a8f00);   background:linear-gradient(#b8db29, #5a8f00);*/
    
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
}
.sms-btn {
    width: 100%;
    height: 40px;
    margin: 0px 0px 0 0;
    padding-bottom: 10px;
    background-color: #b8db29;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
}
.sms-send-btn {
    float: right;
    margin: 0px 20px 10px 0;
    bottom: 20px;
    background-color: #65B7E0;
    border: 1px solid #166694;
    color: #fff;
}
.predefine-msg(odd) {
    clear: both;
}
.login-btn {
    padding: 5px 10px;
    font-weight: bold;
    font-size: 16px;
}
.login-textbox {
    color: #444;
    font-size: 15px;
    width: 100%;
    border-radius: 0px 5px 5px 0px;
    margin: 0px;
    padding: 5px 10px;
    border: 1px solid #777;
    border-left: none;
    height: 36px;
}
.password-txtbox {
    height: 36px;
}
.login-textbox::-moz-placeholder {
    color: #999;
    font-size: 15px;
}
.second-table {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 8px;
}
.second-table tr th {
    background-color: #848484;
}
.customer-conversation .block {
    margin-bottom: 5px;
}
.customer-conversation .block-title {
    /* background-color: #A1A1A1;*/
    
    background-color: #636363;
    border-bottom: none;
}
.customer-conversation .block-title h2 {
    padding: 3px 0 3px 10px;
    color: #fff;
}
.customer-conversation .label-display {
    font-size: 12px;
    color: #fff;
    padding: 7px 10px 0 0;
}
.customer-conversation .form-group {
    padding: 5px;
}
.submenu-right {
    float: right;
    margin: -25px 10px 0 0;
    color: #fff;
}
.me {
    text-transform: capitalize;
}
.pagination td table tbody tr td span {
    color: #FFF;
    /*background-color: #6A379C;*/
    
    background-color: #A43692;
    padding: 1px 6px;
}
.ModalPopupBG {
    background: rgba(0, 0, 0, 0.3);
}
.grid_data {
    /*  overflow-x: scroll;*/
}
/* master page new design begin */

.header-top {
    width: 100%;
    height: 45px;
    background-color: #fff;
    border-bottom: 1px solid #B3B3B3;
    /* #C1B3CE; */
}
.toggle-button {
    float: left;
    /*width: 20%;*/
}
.toggle-button a {
    padding: 13px 18px 13px 17px;
    font-size: 18px;
    color: #515151;
    /*color: #85439D;*/
    
    display: block;
    float: left;
    border-right: 1px solid #B3B3B3;
    /* #C1B3CE; */
    
    cursor: pointer;
}
.toggle-button h5 {
    float: left;
    color: rgb(0, 147, 213);
    padding: 0px 10px 0px;
    /* font-family: titlefont; */
    
    font-size: 20px;
    font-weight: 400;
    /* lighter; */
}
.toggle-button h5 img {
    width: 40px;
    position: absolute;
    top: 0px;
    margin-left: 10px;
}
.header-top .top-right {
    float: right;
}
.header-top .top-right .top-right-inner {
    padding: 3px 0px 3px 15px;
    overflow: hidden;
}
.header-top .top-right .right-block {} .header-top .top-right .right-block > span {
    /* padding: 16px 13px;*/
    
    padding: 16px 7px;
    border-left: 1px solid #E5E5E5;
    color: #6D6D6D;
}
.header-top .top-right .right-block > span:last-child {
    padding: 0px;
    border-left: none;
}
.header-top .top-right .right-block > span:first-child {
    border-left: none;
}
.header-top .top-right .right-block > span a {
    /*padding: 16px 15px;*/
    
    padding: 16px 9px;
    line-height: 38px;
    cursor: pointer;
    color: rgb(0, 147, 213);
    border-left: 1px solid #B3B3B3;
    /* #C1B3CE; */
    
    font-size: 15px;
}
.respv_span {} .header-top .top-right .right-block > span a:hover {
    background-color: rgb(0, 147, 213);
    text-decoration: none;
    color: #fff;
}
#column-left {
    height: 100%;
    /*background-color:#6A379C;*/
}
#column-left .logo-block {
    overflow: hidden;
    padding: 10px;
    display: none;
}
#column-left .logo-block img {
    width: 40px;
    float: left;
}
#column-left .logo-block span {
    display: inline-block;
    color: #fff;
    float: left;
    padding: 5px 20px;
    font-family: titlefont;
    font-size: 20px;
}
#column-left ul {
    padding-left: 0px;
    list-style-type: none;
}
.column-left {
    background-color: rgb(219, 220, 219);
    position: absolute;
    z-index: 10;
    transition: all 0.3s ease 0s;
    width: 54px;
    /* border-right:1px solid #C1B3CE;*/
}
.left-active {
    background-color: rgb(219, 220, 219);
    position: absolute;
    z-index: 10;
    transition: all 0.3s ease 0s;
    width: 230px;
    opacity: 1;
    /*  border-right:1px solid #C1B3CE;*/
}
.left-active + #main-container {
    margin-left: 230px;
}
.left-sidebar {
    list-style-type: none;
    padding-left: 0px;
    /*margin-top: 10px;*/
    
    margin-top: 0px;
}
.left-sidebar li {
    margin: 0px;
    padding: 0px;
    position: relative;
}
.left-sidebar li:first-child {
    /*  margin-top: 5px;*/
}
.left-sidebar li a {
    color: #fff;
    font-size: 16px;
    padding: 10px 15px;
    display: block;
    border-bottom: 1px solid #585858;
    /* border-bottom: 1px solid #BA93C9;*/
}
.left-sidebar li li a {
    color: #fff;
    font-size: 12px;
    padding: 10px 15px 9px 20px;
}
.left-sidebar li li a:before {
    font-family: FontAwesome;
    content: "\f101";
    float: left;
    margin-left: 8px;
    padding-right: 12px;
    transition: margin 0.5s ease 0s;
    color: #fff !important;
}
.left-sidebar li li a:hover:before {
    margin-right: 10px;
}
.left-sidebar li li:first-child {
    margin-top: 0px;
}
.left-sidebar li a:hover {
    background-color: #333;
    /*background-color: #85439D;*/
}
.left-sidebar li a:active {
    background-color: #333;
    /*background-color: #85439D;*/
}
.left-sidebar li.li-active > a {
    background-color: #888A88;
}
.column-left .left-sidebar li a span {
    display: none;
    font-size: 13px;
}
.left-active .left-sidebar li a span {
    display: inline;
    margin-left: 10px;
    font-size: 13px;
}
.column-left .left-sidebar > li > ul {
    list-style-type: none;
    padding-left: 0px;
    position: absolute;
    z-index: 100;
    background-color: #444;
    /*background-color: #85439D;*/
    
    width: 210px;
    left: 54px;
    /*  top: 0px;*/
    
    top: 0px;
    display: none;
}
.column-left .left-sidebar > li:hover {
    background-color: #333;
    /*background-color: #85439D;*/
}
.column-left .left-sidebar > li:hover ul {
    display: inline-block;
}
.column-left .left-sidebar > li > ul > li > ul {
    list-style-type: none;
    padding-left: 0px;
    position: absolute;
    z-index: 100;
    background-color: #444;
    width: 225px;
    left: 210px;
    top: 0px;
}
.column-left .left-sidebar .open ul ul.inner-menu {
    display: none;
    width: 255px;
}
.column-left .left-sidebar .open ul li:hover ul.inner-menu {
    display: inline-block;
}
.column-left .left-sidebar li li li a {
    padding-left: 20px;
}
.column-left .left-sidebar li li a.parent:after {
    font-family: FontAwesome;
    content: "\f105";
    float: right;
    margin-right: 0px;
}
.left-active .left-sidebar li.open a.parent:after {
    font-family: FontAwesome;
    content: "\f105";
    float: right;
    margin-right: 0px;
}
.left-active .left-sidebar li.open a.down-arrow:after {
    font-family: FontAwesome;
    content: "\f107";
    float: right;
    margin-right: 0px;
}
.left-active .left-sidebar > li > ul {
    padding-left: 0px;
    list-style-type: none;
}
.left-active .left-sidebar > li > ul.hideclass {
    display: none;
    padding-left: 0px;
    list-style-type: none;
}
.left-active .left-sidebar li.open .submenu {
    list-style-type: none;
    padding-left: 0px;
    position: relative;
    background-color: #444;
}
.left-active .left-sidebar .open .submenu ul.inner-menu {
    display: none;
}
.left-active .left-sidebar .open .submenu li:hover ul.inner-menu {
    display: block;
    background-color: #454545;
}
.left-active .left-sidebar .open .submenu ul.inner-menu a {
    padding-left: 30px;
}
.column-right {} .column-right .right-header {
    padding: 0px 20px;
    overflow: hidden;
    /*width: 100%;*/
}
.column-right .right-header div {
    margin: 0px;
}
.column-right .right-header .heading-block {
    /*width:50%;*/
    
    float: left;
    overflow: hidden;
    margin: 0px;
}
.column-right .right-header .heading-block h1 {
    margin: 10px 0px 7px;
    font-size: 25px;
    font-weight: 400;
    color: #848484;
}
.column-right .right-header .label-block {
    float: left;
    margin: 0px;
}
.column-right .right-header .In-Out-Block {
    margin: 0px;
    float: right;
    overflow: hidden;
}
.In-Out-Block .In-block {
    float: left;
    margin: 10px !important;
}
.In-Out-Block a {
    padding: 8px 15px;
}
.In-Out-Block .Out-block {
    float: right;
    margin: 10px 0px 10px 10px !important;
}
/* master page new design end */
/* Dashboard new design begin */

.employeeWorkTime-red {
    width: 80px;
    padding: 19px 0px;
    border: 2px solid red;
    border-radius: 50%;
    display: inline-block;
    font-size: 25px;
}
.employeeWorkTime-green {
    width: 80px;
    padding: 19px 0px;
    border: 2px solid green;
    border-radius: 50%;
    display: inline-block;
    font-size: 25px;
}
.employeeWorkTime {
    margin: 10px 10px;
    width: 200px;
    text-align: center;
    border: 1px solid #C1B3CE;
    padding-top: 10px;
}
.employeeWorkTime .employee-label {
    display: block;
    text-align: center;
    background-color: #333333;
    color: #FFF;
    padding: 5px 0px;
    margin: 10px 0px 0px;
    font-size: 15px;
}
.employeeWorkTime2 {
    margin: 5px auto;
    text-align: center;
    border: 1px solid #C1B3CE;
    padding-bottom: 10px;
}
.employeeWorkTime2 .employee-label2 {
    display: block;
    text-align: center;
    background-color: #333333;
    color: #FFF;
    padding: 5px 0px;
    margin: 0px 0px 10px;
    font-size: 15px;
}
.lbl_1_color {
    background-color: #76BD00 !important;
}
.lbl_2_color {
    background-color: #DB7B48 !important;
}
.lbl_3_color {
    background-color: #B832D0 !important;
}
.top-block {
    overflow: hidden;
    border: 1px solid #e5e5e5;
    /*  margin: 0px 10px 20px;*/
    
    margin: 0px 0px 20px;
    padding: 0px 0px 5px;
}
.top-block .top-block-header {
    overflow: hidden;
    padding: 10px 15px;
    border-bottom: 1px solid #EAEDF1;
    margin-bottom: 10px;
    color: #666;
}
.top-block .top-block-header i {
    float: left;
    padding-top: 2px;
    font-size: 20px;
}
.top-block .top-block-header h5 {
    font-size: 18px;
    float: left;
    margin: 0px;
    padding-left: 10px;
}
.block-container {
    /* width: 100%;*/
    
    overflow: hidden;
    margin-bottom: -20px;
}
.block-container .four-blocks {
    width: 100%;
    background-color: #32A4E2;
    overflow: hidden;
    margin-bottom: 20px;
    height: 150px;
    /*height: 160px;*/
}
.block-container .four-blocks:first-child {} .block-container .four-blocks:last-child {
    margin-right: -15px;
}
.block-container .four-blocks .four-blocks-inner {
    overflow: hidden;
}
.block-container .four-blocks .four-block-head {
    padding: 15px 10px;
    height: 40px;
    background-color: #2192D0;
    color: #fff;
}
.main_block_1_color {
    background-color: #32A4E2;
}
.block_1_color {
    background-color: #0089BF !important;
}
.main_block_2_color {
    background-color: #B832D0 !important;
}
.block_2_color {
    background-color: #8F0F98 !important;
}
.main_block_3_color {
    background-color: #DB7B48 !important;
}
.block_3_color {
    /* background-color: #895E06 !important;*/
    
    background-color: #DD570A !important;
}
.main_block_4_color {
    background-color: #87D035 !important;
}
.block_4_color {
    background-color: #609B00 !important;
}
.main_block_5_color {
    background-color: #D3C13B !important;
}
.block_5_color {
    background-color: #B5A426 !important;
}
.main_block_6_color {
    background-color: #9B3939 !important;
}
.block_6_color {
    background-color: #960606 !important;
}
.main_block_7_color {
    background-color: #8C04ED !important;
}
.block_7_color {
    background-color: #7103BF !important;
}
.main_block_8_color {
    background-color: #50BABA !important;
}
.block_8_color {
    background-color: #1CA8A8 !important;
}
.main_block_9_color {
    background-color: #FFB934 !important;
}
.block_9_color {
    background-color: #FF9B15 !important;
}
.main_block_10_color {
    background-color: #EB637C !important;
}
.block_10_color {
    background-color: #EC214C !important;
}
.main_block_11_color {
    background-color: #568DBD !important;
}
.block_11_color {
    background-color: #0B5593 !important;
}
.reporting_countr h4 {
    font-size: 25px;
    padding: 6px 11px;
    border: 1px solid #000;
    height: 40px;
    margin: 5px -4px 10px 0px;
    background-color: #000;
    color: #fff;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}
.reporting_countr h5 {
    border: 1px solid;
    height: 40px;
    font-weight: bolder;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
.select_btn input[type="radio"] {
    margin: 8px;
}
.select_btn .space {
    margin: 0px 10px;
    padding: 3px 15px;
}
.paging_style {
    color: #FFF;
    background-color: #A43692;
    padding: 3px 8px;
    margin: 0px 3px;
}
.block-container .four-blocks .four-block-head h5 {
    text-transform: uppercase;
    float: left;
    margin: 0px;
    font-size: 12px !important;
    font-weight: bold;
}
.four-blocks:hover .block_middle i {
    color: #FFF;
    opacity: 1;
}
.block-container .four-blocks .four-block-head span {
    float: right;
    margin: 0px;
    transition: all 0.5s ease 0s;
    opacity: 0.7;
}
.four-block-head span i {
    margin: 0px 4px;
}
.block_middle {
    padding: 18px 18px;
    color: #FFF;
    line-height: 0px;
}
.four-blocks .block_middle h2 {
    font-size: 30px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 5px;
}
.block_middle i {
    font-size: 33px;
    opacity: 0.3;
    transition: all 1s ease 0s;
}
.block_middle .right_detail {
    float: right !important;
}
.right_detail_2 {
    margin-top: -12px !important;
}
.block_middle .right_detail_2 span {
    font-size: 15px;
    line-height: 20px;
}
.block_footer {
    padding: 10px 10px;
    height: 40px;
    background-color: #2192D0;
    color: #FFF;
}
.block_footer a {
    color: #fff;
}
.chart-container {
    width: 100%;
    margin: 20px auto 10px;
    overflow: hidden;
}
.chart-container .chart-tab {
    overflow: hidden;
}
.chart-container .chart-tab > div {
    float: left;
    border: 1px solid #85439D;
    border-bottom: none;
    cursor: pointer;
}
.chart-container .chart-tab h5 {
    padding: 5px 15px;
    font-size: 16px;
    text-transform: capitalize;
}
.chart-container .chart-tab .tabs {
    /*border-top: 2px solid #999;*/
    
    background-color: #85439D;
    color: #fff;
}
.chart-container .chart-tab .tab1 {} .chart-container .chart-tab .tab2 {} .chart-container .chart-block {
    width: 100%;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    /*border-top: none;*/
    
    margin-bottom: 20px;
}
.chart-container .chart-block .top-border {
    /* width: 100%;*/
    
    overflow: hidden;
    /*   border-top: 2px solid #999;*/
    
    padding: 10px 15px;
    border-bottom: 1px solid #e5e5e5;
}
.chart-container .chart-block .top-border .border-left {
    float: left;
    color: #666;
    font-size: 20px;
    padding: 5px 0px 5px 4px;
    width: 50%;
}
.chart-container .chart-block .top-border .border-left i {
    float: left;
    padding-top: 2px;
}
.chart-container .chart-block .top-border .border-left h5 {
    font-size: 18px;
    float: left;
    padding-left: 10px;
    margin: 0px;
}
.chart-container .chart-block .top-border .border-right {
    float: right;
    padding: 0px 0px 0px 4px;
    width: 25%;
}
.chart-container .chart-block .top-border .border-right .form-control {
    margin: 1px 0px;
}
.chart-container .chart-block .top-border .border-right i {
    font-size: 20px;
}
.chart-container .chart-block:last-child {} .chart-container .chart-block .chart-block-inner {
    padding: 10px 20px;
}
.chart-container .chart-block .chart-block-inner .chart-holder {
    /* overflow-x: scroll;*/
    
    text-align: center;
}
.chart-container .chart-block .chart-block-inner .chart-holder img {
    /*width: 100% !important; */
    /* height:auto  !important;*/
}
/* Dashboard new design complete*/
/*Login page design begin*/

.login-page-top {
    width: 100%;
    overflow: hidden;
    /* border-bottom: 1px solid #B3B3B3;  #C1B3CE; */
    
    background-color: #fff;
}
.login-page-top .login-page-top-inner {
    margin: 0px auto;
    overflow: hidden;
    padding: 5px 20px;
    text-align: center;
}
.login-page-top .top-left {
    /*  float: left; */
}
.login-page-top .top-left a {
    display: block;
    float: left;
    width: 100%;
    text-align: center;
}
.login-page-top .top-left a img {
    width: 200px;
    height: 140px;
    margin: 10px 0px;
}
.login-page-top .top-left h5 {
    /*  float: left; */
    
    color: #01C2C1;
    /*  #A43692; */
    
    padding: 28px 0px;
    /* 15px 15px; */
    /* font-family: titlefont; */
    
    font-size: 35px;
    /* 30px; */
    
    font-weight: lighter;
    margin: 0px;
    width: 100%;
    /* float: right; */
    
    text-align: center;
    /* left; */
}
.login-container {
    width: 400px;
    margin: 70px auto 50px;
    overflow: hidden;
    border: 1px solid #A28FB5;
    border-top: 3px solid #A28FB5;
}
.login-container .login-container-inner {
    padding-bottom: 10px;
    overflow: hidden;
}
.login-container h4.login-heading {
    padding: 0px 4px;
    color: rgb(0, 147, 213);
    font-weight: 500;
}
.login-container h4.login-heading i {
    padding-right: 10px;
    Color: rgb(0, 147, 213);
}
.user-details {} .user-details .div-icon {
    width: 10%;
    background-color: #ddd;
    float: left;
    text-align: center;
    border: 1px solid #777;
    border-radius: 5px 0px 0px 5px;
}
.user-details .div-icon i {
    padding: 10.5px 6px;
    color: rgb(0, 147, 213);
}
.user-details .div-textbox {
    width: 90%;
    float: left;
}
.user-details .div-btn {
    float: right;
}
.user-details .div-forgotpwd {
    float: left;
}
.user-details .div-forgotpwd a {
    padding: 10px 2px;
    font-size: 12px;
    display: inline-block;
    /*color: #6A379C;*/
    
    color: #00C3C1;
    /* #A43692; */
}
/*Login page design complete*/
/* Employee workTime page begin*/

.employee-Holder {
    width: 170px;
    float: left;
    margin: 14px;
    box-shadow: 0px 0px 3px #999;
}
.employee-Holder .employee-Holder-inner {
    margin: 13px 15px;
    /* margin: 0px auto;*/
    
    overflow: hidden;
    box-shadow: 0px 0px 4px #aaa;
}
.employee-Holder .employee-name {
    text-align: center;
    margin: 0px auto;
    /*background:rgba(0,0,0,0.5);*/
    
    background-color: #444;
    color: #fff;
    padding: 3px 0px;
}
.employee-Holder .employee-name .name-label {
    color: #fff;
    text-transform: capitalize;
    font-size: 15px;
    padding: 0px 3px;
}
.employee-Holder .employee-name .name-label:hover {
    color: #16A3C5;
}
.employee-Holder .employee-profile-image {
    text-align: center;
    margin: 0px auto;
}
.employee-Holder .employee-profile-image img {
    width: 100%;
    height: 100px;
}
.employee-Holder .employee-time-red {
    text-align: center;
    background-color: #960606;
    color: #fff;
    margin: 0px auto;
}
.employee-Holder .employee-time-black {
    text-align: center;
    background-color: #444444;
    color: #fff;
    margin: 0px auto;
}
.employee-Holder .time-label {
    font-size: 17px;
    color: #fff !important;
}
.top-right-block {
    float: right;
    padding: 3px 15px;
}
.hideButton {
    display: none;
}
.EmployeeWorkBtn {} .DailyReportBtn {} .ProjectReportBtn {} .EmployeeReportBtn {} .repnsv_show {
    display: none;
}
.top-right-block > a {
    margin: 1px 3px;
}
/* Employee workTime page complete*/
/* media css begin */

.icon_color i {
    color: #E7880E !important;
}
.in_time_btn {
    /* background-color: #B832D0;     border-color: #B832D0;     color: #fff;*/
    /*background-color: #6A379C;*/
    
    background-color: #A43692;
    /*border-color: #6A379C;*/
    
    border-color: #A43692;
    color: #fff;
}
.in_time_btn:hover {
    /*background-color: #85439D;*/
    
    background-color: #963286;
    /*border-color: #85439D;*/
    
    border-color: #963286;
    color: #fff;
}
.in_time_btn:focus {
    color: #fff !important;
}
.out_time_btn {
    background-color: #515151;
    border-color: #515151;
    color: #FFF;
}
.out_time_btn:hover,
.out_time_btn:focus {
    background-color: #333333;
    border-color: #333333;
    color: #fff;
}
.welcome_txt {
    color: rgb(90, 90, 90) !important;
    font-size: 16px;
    font-weight: bold;
}
.overflow-Grid {
    overflow-x: scroll;
}
.activeClass {
    padding: 8px 15px !important;
    /*background-color: #85439D !important;*/
    
    background-color: #00C3C1;
    /* #A43692 !important; */
    
    color: #FFF !important;
    border: 1px solid #C1B3CE;
    border-bottom: none;
}
.InactiveClass {
    padding: 8px 15px !important;
    background-color: #F9FAFC;
    /*color: #85439D !important;*/
    
    color: #00C3C1 !important;
    /*#A43692 !important; /* border: 1px solid #C1B3CE;     border-bottom: none;*/
}
.tab-block {
    border: 1px solid #DBE1E8;
    padding: 20px 0px 15px;
    margin: 8px 0px;
    overflow: hidden;
}
.item-style {} .item-style .form-control {} .command-style {
    width: 100px;
}
.command-style a {
    background-color: #515151;
    border-color: #515151;
    color: #FFF !important;
    margin: 1px 0px;
    padding: 2px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.employee-control-label {
    float: left;
    width: 33.33333333%;
    padding-left: 15px;
    padding-right: 15px;
}
.employee-detail {
    width: 66.66666667%;
    float: left;
    /*  padding-left:15px;          padding-right:15px;*/
}
.employee-detail-label {
    padding-top: 7px;
    display: inline-block;
}
.time-control {
    width: 100%;
}
.time-control tr td {
    padding: 2px !important;
    text-align: center;
}
/*========  enquiry_grid ===========*/

.enquiry_grid {
    width: 100%;
}
/*========  jaimin===========*/

@media only screen and (max-width: 1000px) {
    .employee-control-label {
        text-align: left !important;
    }
    .grid_data {
        overflow-x: scroll;
    }
    .border_left {
        border-right: none;
    }
    .column-left {
        opacity: 0;
        /*  overflow: hidden;*/
    }
    .block-container {
        margin-top: 20px;
    }
    .resp-block {
        overflow: hidden;
        float: left;
        width: 50%;
    }
    .resp-block > div {
        float: left;
        width: 50%;
    }
    .repnsv_hide {
        display: none;
    }
    .repnsv_show {
        display: block;
    }
    .chart-container .chart-block .chart-block-inner .chart-holder {
        overflow-x: scroll;
    }
}
@media (min-width: 992px) {
    .border_left {
        border-right: 2px dotted rgb(0, 0, 0);
    }
    .left-active + #main-container .chart-container .chart-block .top-border .border-left {
        /*  float: none;         width: 100%;         padding-right: 0px;         margin-bottom: 10px;         overflow: hidden;*/
    }
    .left-active + #main-container .chart-container .chart-block .top-border .border-right {
        /*         float: none;         width: 100%;         padding-left: 0px;         overflow: hidden;*/
    }
    .left-active + #main-container .chart-container .chart-block .chart-block-inner .chart-holder {
        overflow-x: scroll;
    }
    .left-active + #main-container .employee-Holder {
        /* width:23%;*/
    }
}
@media (min-width: 768px) {
    .left-active + #main-container .chart-container .chart-block .chart-block-inner .chart-holder {
        overflow-x: scroll;
    }
    /*.border_left{border-right:none;}*/
}
@media only screen and (max-width: 768px) {
    .row {
        margin-left: 0px;
        margin-right: 0px;
    }
    .chart-container .chart-block .chart-block-inner .chart-holder {
        overflow-x: scroll;
    }
    .resp-block {
        overflow: hidden;
        float: none;
        width: 100%;
    }
    .resp-block > div {
        float: left;
        width: 50%;
    }
    .respv_span {
        display: none;
    }
    .header-top .top-right .right-block > span:last-child {
        padding-left: 0px;
    }
    .header-top .top-right .right-block > span a i {
        font-size: 16px;
    }
    .toggle-button h5 {
        font-size: 15px;
    }
    .grid_data {
        overflow-x: scroll;
    }
    .repnsv_hide {
        display: none;
    }
    .repnsv_show {
        display: block;
    }
    .warp_div {
        width: 180px;
        float: left;
        height: 42px;
        overflow-y: scroll;
    }
}
@media only screen and (max-width: 480px) {
    .main_title h2 {
        display: inline-block;
        width: 100%;
    }
    .main_title span {
        width: 100%;
        text-align: right;
        display: inline-block;
    }
    .border_left {
        border-right: none;
    }
    .chart-container .chart-block .top-border .border-left {
        float: none;
        width: 100%;
        padding-right: 0px;
        margin-bottom: 10px;
        overflow: hidden;
    }
    .chart-container .chart-block .top-border .border-right {
        float: none;
        width: 100%;
        padding-left: 0px;
        overflow: hidden;
    }
    .warp_div {
        width: 140px;
    }
    .running_process {
        font-size: 10px;
    }
    .header-top .top-right .right-block > span {
        padding: 0px;
    }
}
@media only screen and (max-width: 400px) {
    .main_title h2 {
        display: inline-block;
        width: 100%;
    }
    .main_title span {
        width: 100%;
        text-align: right;
        display: inline-block;
    }
    .border_left {
        border-right: none;
    }
    .header-top .top-right .right-block > span {
        padding: 16px 2px;
        font-size: 8px;
    }
    .header-top .top-right .right-block > span a {
        padding: 16px 4px;
    }
}
/* media css complete */

.ajax__calendar_month,
.ajax__calendar_year {
    width: 38px !important;
}
.label-msg {
    font-size: 12px !important;
}
.details h2 {
    font-size: 17px;
    text-align: center;
}
.Label_text,
.Label_text {
    text-transform: none !important;
}
.grid_table {
    width: 100%;
}
.btn_link {
    padding: 1px 13px;
}
.cal_control a {
    font-weight: bold !important;
}
.cal_control tr th {
    text-align: center;
    height: 45px;
}
.Btn_del {
    font-size: 16px;
}
.Btn_del:hover i {
    color: #6A379C;
}
/*====== jaimin ==========*/

.dashbord_padding {
    padding: 10px;
}
.lbl_pending_task {
    float: right;
}
.search_lbl {
    padding: 5px 0px !important;
}
/*============= Design Changes By Amit Start =============*/

.checkbox_edt {} .checkbox_edt tbody tr td:first-child {
    padding-right: 15px;
}
.checkbox_edt input {
    margin-right: 5px;
}
/*------- Login Page Start ----------*/

.login_wrapper {
    width: 100%;
    max-width: 960px;
    margin: 0px auto;
    padding: 0px 60px;
    overflow: hidden;
}
.login_logo {
    width: 400px;
    float: left;
    margin: 110px auto;
    height: 210px;
    padding: 62px 0px;
}
.login_logo img {
    width: 100%;
}
.login_logo_cls {
    border-bottom: 1px dotted #373434;
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 10px;
}
.login_logo_cls img {
    width: 50%;
    height: 100%;
}
.login_container_edt {
    /* float: right; */
    
    margin: 110px auto;
    border: none;
    background-color: #fff;
    /* rgba(0, 0, 0, 0.09); /* rgba(255, 255, 255, 0.38); */
    
    padding: 25px 10px;
    /* 50px 10px; */
    
    box-shadow: 1px 1px 5px #C2C2C2;
    /* #EFEFEF; */
    
    border-radius: 5px;
}
.login_footer {
    /* border-top: 1px solid #B3B3B3;  #E8E8E8; */
    
    padding: 12px 0px;
    /* 40px 0px; */
    
    background-color: #fff;
    display: none;
}
.login_footer .bottom_line {
    text-align: center;
}
.login_footer .bottom_line p {
    margin: 0px;
    color: #515151;
    /* #999; */
    /* font-weight: 600; */
    
    bottom: 0;
    font-family: arial;
}
.login_footer .bottom_line p a {
    color: inherit;
}
/*------- Login Page End ----------*/
/*--------- Form in One line Design Start ----------*/

.form_edit_main {
    width: 75%;
}
.form_edit {
    width: 74%;
}
.form_edit2 {
    width: 100%;
}
.form_edit2 .control-label {
    width: 35.833%;
}
.form_edit2 .col-md-8 {
    width: 41.967%;
}
.form_edit3 {} .form_edit3 .control-label {
    width: 35.833%;
}
.form_edit3 .col-md-8 {
    width: 35.833%;
}
/*--------- Form in One line Design End ----------*/
/*----------------- Dashboard Menu Theme Changes with icon Start -----------------*/

.menu_lead {
    background-image: url("../images/Menu_icon/Lead.png");
}
.menu_quotation {
    background-image: url("../images/Menu_icon/Quotation2.png");
}
.menu_project {
    background-image: url("../images/Menu_icon/Project2.png");
}
.menu_assign_task {
    background-image: url("../images/Menu_icon/Assign_Task1.png");
}
.menu_approve_task {
    background-image: url("../images/Menu_icon/Approve_Task2.png");
}
.menu_reporting {
    background-image: url("../images/Menu_icon/Reporting.png");
}
.menu_invoice {
    background-image: url("../images/Menu_icon/Invoice.png");
}
.menu_attendance {
    background-image: url("../images/Menu_icon/Attendance.png");
}
.menu_leave {
    background-image: url("../images/Menu_icon/Leave1.png");
}
.menu_chart {
    background-image: url("../images/Menu_icon/Chart.png");
}
.menu_domain {
    background-image: url("../images/Menu_icon/Domain.png");
}
.menu_query_solution {
    background-image: url("../images/Menu_icon/Query_Solution.png");
}
.menu_techzone {
    background-image: url("../images/Menu_icon/Techzone.png");
}
svg {
    color: Red;
}
.new_menu_theme {
    background-repeat: no-repeat;
    background-position: center 10px;
    text-align: center;
    background-size: 85px auto;
    background-color: white !important;
}
.new_menu_theme .four-blocks-inner,
.new_menu_theme .block_middle {
    visibility: hidden;
}
.new_menu_theme .block_footer {
    background: none repeat scroll 0% 0% transparent !important;
    font-size: 15px;
    font-weight: bold;
    padding: 9px;
    text-transform: uppercase;
    color: #808080;
}
/*----------------- Dashboard Menu Theme Changes with icon End -----------------*/
/*------------- Responsive Changes Start --------------*/

@media (max-width: 979px) {
    .login_wrapper {
        width: 80%;
    }
    .login_logo {
        width: 100%;
        text-align: center;
        margin: 50px auto 0px;
        height: auto;
        padding: 0px;
    }
    .login_logo img {
        width: 70%;
    }
    .login_container_edt {
        width: 100%;
        margin: 40px auto 38px;
    }
}
/*------------- Responsive Changes End --------------*/
/*============= Design Changes By Amit End =============*/
/*---------------  design for Communication Logs ================  */

.log_detail_edt {
    padding: 0px 170px;
}
.details_block {
    border-bottom: 1px solid #963286;
    padding-bottom: 10px;
    margin: 10px 0px;
}
.comm_log {
    margin-left: 170px;
    margin-top: 20px;
}
.details_block .log_last {
    text-align: right;
}
@media (max-width: 760px) {
    .log_detail_edt {
        padding: 0px 100px;
    }
    .comm_log {
        margin-left: 60px;
        margin-top: 20px;
    }
    .main_title h2 {
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    .main_title span {
        width: 100%;
        text-align: center;
        display: inline-block;
    }
}
/* ==============  Completed   =======================*/
/* ==============  Techzone Checkbox design   =======================*/

.department_check tr td:nth-child(2) {
    padding-left: 10px;
}
.department_check tr td label {
    padding-left: 5px;
}
/* ==============  Completed  =======================*/

.radio_line tr {
    float: left;
}
.radio_line tr:nth-child(2) {
    padding-left: 10px;
}
/* ============== EnquiryListNew drop down color  =======================*/

.EnquiryListNew .enquiry_grid tr th:nth-child(2) select {
    color: #333;
    font-weight: normal;
    font-size: 13px;
}
/* ============== EnquiryListStatusWise Checkbox =======================*/

.checkbox_edt2 .checkbox {
    float: left;
    margin-right: 10px;
}
.checkbox_edt2 .checkbox:nth-child(2) {
    float: left;
    margin-left: 10px;
}
/* ==============  Completed  =======================*/
/*  ================ design for top (running process)  ============ */

.running_process {
    float: left;
    padding: 12px 10px;
}
.running_process span {
    color: #757474;
}
/* ==============  Completed  =======================*/
/* ==============  Enquiry Source page =======================*/

.enquiry_source {
    margin: 0px auto 20px;
    width: 100%;
}
/* ==============  Completed  =======================*/
/* ================  Leadlist.aspx ===============*/

.lead_address {
    height: 50px;
}
/*=================  menu hover ============= */

.left-sidebar > li:hover > a {
    background-color: #5A5A5A;
    text-decoration: none;
}
/*================= Fesibility page ============= */

.width_99 .ajax__htmleditor_editor_base .ajax__htmleditor_editor_container {
    width: 99%;
}
/* ============= assign project ============ */

.overflow_checkbox {
    border: 1px solid #CCC;
    padding: 5px 10px;
    width: 99%;
    min-height: 50px !important;
    overflow-y: scroll !important;
    display: block;
    height: 52px;
}
.overflow_checkbox table tr td label {
    padding-left: 6px;
}
/* ============= Completed ============ */
/* ============= Fesibility Details============ */

.fesibility_tbl {
    width: 100%;
}
/* ============= Completed ============ */

.border_radius {
    border-radius: 5px;
}
.footer2 {
    text-align: center;
    color: white;
    margin-bottom: 15px;
    font-family: Philosopher;
    font-size: 17px;
}
.footer2 a {
    text-decoration: none;
    color: #fff;
    margin-bottom: 15px;
    font-family: Philosopher;
    font-size: 15px;
}
.footer2 a:hover {
    text-decoration: none;
    color: #29BF19;
}
.box_block
        {
            padding: 30px;
            color: #474343;
            border-radius: 15px;
            box-shadow:0px 0px 4px 3px rgb(243, 208, 217) inset, 0px 4px 12px 2px rgba(137, 137, 137, 0.4);
            -moz-box-shadow:0px 0px 4px 3px rgb(243, 208, 217) inset, 0px 4px 12px 2px rgba(137, 137, 137, 0.4);
            -webkit-box-shadow:0px 0px 4px 3px rgb(243, 208, 217) inset, 0px 4px 12px 2px rgba(137, 137, 137, 0.4);
            margin-top: 20px;
            background:transparent linear-gradient(to bottom, #F7F7F7 0%, #FEE6ED 100%)repeat scroll center top / 202px auto;
            background: -moz-linear-gradient(to bottom, #F7F7F7 0%, #FEE6ED 100%) repeat scroll center top / 202px auto;
            background: -webkit-gradient(left top, left bottom, color-stop(0%, #F7F7F7), color-stop(100%, #FEE6ED));
            background: -webkit-linear-gradient(top, #F7F7F7 0%, #FEE6ED 100%);
            background: -o-linear-gradient(top, #F7F7F7 0%, #FEE6ED 100%);
            background: -ms-linear-gradient(top, #F7F7F7 0%, #FEE6ED 100%);
            background: linear-gradient(to bottom, #F7F7F7 0%, #FEE6ED 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F7', endColorstr='#FEE6ED', GradientType=0 );
        }
        
        .box_block h3
        {
            color: #fff;
            font-family: "Philosopher";
            font-size: 20px;
        }
        
        .box_block p
        {
           color: #504F4F;
            font-family: "Philosopher";
            font-size: 18px;
            text-align: justify;
        }
        
         .title h2
        {
          
    padding: 12px;
    color: #504F4F;
    text-transform: uppercase;
    margin: -30px -30px 30px;
    font-family: "Philosopher";
    font-size: 40px;
    font-weight: bold;
    box-shadow: 0px 13px 25px rgba(0, 0, 0, 0.1);
        }
         .change_img img
        {
            background: none !important;
            border-radius: 0% !important;
            width: 100%;
            height: 100%;
            margin: 0px auto;
        }
        .change_img
        {
            background-image: none !important;
        }
        
        @media (max-width:760px)
        {
        
            .left
            {
                margin-left: -130px;
            }
        
            .demonstrations a
            {
                float: left;
                margin: 5px 3px;
                cursor: pointer;
                border: 5px solid #C8A96A;
                border-radius: 5px;
            }
        
            .blockHeading
            {
                text-align: center;
                font-size: 50px;
                padding: 25px;
                border-bottom: 2px dotted #A57E2E;
                margin-bottom: 25px;
                font-weight: bold;
                color: #2E287A;
            }
        }
        
        
        @media only screen and (max-width:400px)
        {
            .left
            {
                margin-left: -143px;
            }
            .demonstrations a
            {
                float: left;
                margin: 5px 3px;
                cursor: pointer;
                border: 5px solid #C8A96A;
                border-radius: 5px;
            }
        
            .blockHeading
            {
                text-align: center;
                font-size: 50px;
                padding: 25px;
                border-bottom: 2px dotted #A57E2E;
                margin-bottom: 25px;
                font-weight: bold;
                color: #2E287A;
            }
        }
        
       @media (min-width:760px)
        {
            .left
            {
                margin-left: -85px;
            }
        }
        
        
        .demonstrations img {
            float: left;
            margin: 5px 3px;
            cursor: pointer;
            border: 10px solid #C8A96A;
            border-radius: 5px;
        }