html, body {
    width: 100%;
    height: 100%;
}
.border-box {
    border:1px solid gray;
    border-radius:4px;
    height:68%;
    width:100%;
}
.login-bkg {
    background-image:url('/Images/adminBg1.jpg');
    /*background-color:#337ab7;*/
    color:white;
}
.login-box {
    margin:auto; float:none; padding:20px; border:1px solid gray; border-radius:4px; background-color:#f7f9f9; margin-top:5% 
}
    .login-bkg h3 {
        color:#337ab7;
    }
.coolbutton {
    min-height:30px;
    border-radius:4px;
    border:1px solid white;
    color:white;
}
.red {
      background-color:#337ab7;

}
.login-glyphy {
    padding: 0px 10px 10px 10px;
}
@media (min-width:1200px) {
    .container {
        width: 1200px !important;
    }
     .container2 {
        width: 98% !important;
       
    }
}
 @media only screen and (max-width: 995px) {
        #body {
            margin-top:50px;
        }
        }

@media screen and (max-width:47.9375em) {
    .hide_xs {
        display: none !important;
    }
}

@media screen and (min-width:48em) and (max-width:61.9375em) {
    .hide_sm {
        display: none !important;
    }
}

@media screen and (min-width:62em) and (max-width:74.9375em) {
    .hide_md {
        display: none !important;
    }
}

@media screen and (min-device-width:75em) and (max-device-width:100em) {
    .hide_lg {
        display: none !important;
    }
}


/* Header navbar */
.container-fluid {
    border-bottom: 5px solid #bf100d;
    border-top: 2px solid #c1504e;
    padding-left: 0;
}

    .container-fluid ul li a {
        color: #c1504e !important;
    }

    .container-fluid div > ul li a:hover, .container-fluid div > ul li:hover {
        color: white !important;
        background-color: #7b0705 !important;
    }

    /* Active state */
    .container-fluid div > ul > li.open, .container-fluid div > ul > li.open > a {
        color: #111 !important;
        background-color: #f9ff5c !important;
        font-weight: bold;
    }

@media (max-width:767px) {
    .navbar-collapse > ul {
        padding-left: 15px !important;
    }
}

#bs-menu-navbar-collapse-1 {
    margin-left: 1px;
}


/* Button toggle */
.navbar-toggle {
    float: right;
    background-color: #111 !important;
    border-color: #111 !important;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #111 !important;
    opacity: 0.75;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff !important;
}

/* Toggle navigation icon and animation */
.gylph {
    width: 22px;
    color: white;
}

/* Header image style */
.img-style {
    width: 100px;
    padding: 5px;
}

/* Council Name */
@media (max-width:767px) {
    .head > a {
        padding-top: 10px;
        font-size: 16px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .head > a {
        padding-top: 10px;
        font-size: 16px;
    }
}

@media (min-width:992px) {
    .head > a {
        padding-top: 20px;
        font-size: 30px;
    }
}

.head > a {
    text-align: center;
    display: block;
    color: #a94442 !important;
    font-weight: bold;
    text-decoration: none;
}

/* Body */
/* start */
.min-height {
    min-height: 400px;
}

.navcolor {
    background-color: #c1504e !important;
    color: White;
}

.alternate-navcolor {
    background-color: #111 !important;
    color: white !important;
}

.font-color {
    color: #c1504e !important;
}

.border-bottom {
    border-bottom: 2px solid #2ba9e1 !important;
}

@media (min-width:992px) {
    .lg-hide {
        display: none !important;
    }
}

.panel-heading {
    display: block;
    height: 35px;
    cursor: pointer;
}
.panel-heading-new h4 {
    padding:10px 0px 0px 10px ;
}
.panel-heading-new {
      display: block;
    height: 35px;
    cursor: pointer;
    background-color: #337ab7;
    margin-top: -10px;
    border-radius: 4px 4px 0px 0px;
    color: #fff;
}
#bs-menu-navbar-collapse-2, #bs-menu-navbar-collapse-3 {
    background-color: #eee;
    padding: 0;
}

    #bs-menu-navbar-collapse-2 > ul > li > a, #bs-menu-navbar-collapse-3 > ul > li > a {
        color: #111;
        font-weight: normal;
    }

        #bs-menu-navbar-collapse-2 > ul > li > a:hover, #bs-menu-navbar-collapse-3 > ul > li > a:hover {
            font-weight: 600;
        }

        #bs-menu-navbar-collapse-2 > ul > li > a:before, #bs-menu-navbar-collapse-3 > ul > li > a:before {
            display: inline-block;
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            line-height: 1;
            content: "\f00c";
            margin-right: 5px;
        }

/* scroll to top*/
.scrollToTop {
    position: fixed;
    width: 50px;
    height: 50px;
    right: 50px;
    z-index: 9999;
    bottom: 105px;
    text-align: center;
    text-decoration: none;
    background-color: #c1504e;
    border-radius: 50%;
    color: #fff;
    font-size: 32px;
    border: 2px solid #419a40;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}

    .scrollToTop > i {
        padding: 5px;
    }

    .scrollToTop:hover, .scrollToTop:focus {
        background-color: #fff;
        color: #419a40;
        border: 2px solid #419a40;
    }

/* Shadow effect */
div.panel.well1 {
    box-shadow: 0px 1px 10px 0px #111;
    border-bottom: 5px solid #c1504e;
}
/* end */

/* Footer */
/* start */
.footer {
    float: left !important;
    display: inline;
    width: 100%;
    min-height: 200px;
    background-color: #222;
}

.footer_head {
    display: inline;
    float: left;
    width: 100%;
    padding-bottom: 30px;
}

    .footer_head > h2 {
        color: #fff;
        display: block;
        font-size: 20px;
        padding: 20px 0px;
        border-bottom: 2px solid #fff;
        margin-bottom: 15px;
    }

    .footer_head > ul > li > a {
        color: #fff;
    }

        .footer_head > ul > li > a:before {
            display: inline-block;
            font-family: FontAwesome;
            font-weight: normal;
            font-style: normal;
            line-height: 1;
            margin-left: 5px;
            padding: 5px;
        }

    .footer_head > ul.tag > li > a:before {
        content: "\f02b";
    }

    .footer_head > ul.angle-double-right > li > a:before {
        content: "\f101";
    }

    .footer_head > ul.angle-right > li > a:before {
        content: "\f105";
    }

    .footer_head > ul > li:hover, .footer_head > ul > li > a:hover, .footer_head > ul > li > a:focus {
        background-color: #fff !important;
        color: #0d2a03 !important;
        cursor: pointer;
        font-weight: 600;
    }

/*.footer-bottom {
    float: left;
    display: inline;
    width: 100%;
    background-color: #3a3838;
    padding: 10px;
    color: #fff;
    text-align: center;
}*/

.footer-bottom {
    position: fixed;
      /*position: relative;*/
       color: #fff;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    text-align: center;
     background-color: #3a3838;
    z-index:200;
}

    .footer-bottom a {
        color: #fff !important;
        text-decoration: none;
        /*font-weight: bold;*/
        font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    }
/* end */

/* Home Page */
/* start */
#online_update {
    background-color: #d2cfcb;
    display: block;
    border-radius: 5px;
    cursor: pointer;
}

    #online_update > h3 {
        margin-top: 10px;
    }

        #online_update > h3 > a {
            color: #111 !important;
            text-decoration: none;
        }

    #online_update:hover, #online_update:hover > h3 > a {
        color: #fff !important;
        background-color: #111 !important;
    }
/* end */

/* Login Page */
/* start */
.bg-color {
    background-color: #ead9d9;
}

.btn.btn-danger {
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

    .btn.btn-danger:hover {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -o-transform: scale(1.05);
        -ms-transform: scale(1.05);
    }

.margin-bottom {
    margin-bottom: 15px;
}

@media (max-width:991px) {
    /* margin bottom for small screen */
    .margin-bottom {
        margin-bottom: 15px;
    }
}
/* end */

/* Online update data for registered practitioners */
.h3 {
    color: #0d2a03 !important;
}

    .h3 + ol {
        list-style-type: disc;
    }

        .h3 + ol > li {
            color: red;
            font-weight: 500;
        }

/* Toggle Animation for caret */

/* caret down start */
.caret-down {
    animation: caret-down 0.5s ease-in-out forwards;
    -webkit-animation: caret-down 0.5s ease-in-out forwards;
    -o-animation: caret-down 0.5s ease-in-out forwards;
    -ms-animation: caret-down 0.5s ease-in-out forwards;
    -moz-animation: caret-down 0.5s ease-in-out forwards;
}

@keyframes caret-down {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(180deg);
    }
}

@-webkit-keyframes caret-down {
    0% {
        -webkit-transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(180deg);
    }
}

@-moz-keyframes caret-down {
    0% {
        -moz-transform: rotate(0);
    }

    100% {
        -moz-transform: rotate(180deg);
    }
}

@-o-keyframes caret-down {
    0% {
        -o-transform: rotate(0);
    }

    100% {
        -o-transform: rotate(180deg);
    }
}

@-ms-keyframes caret-down {
    0% {
        -ms-transform: rotate(0);
    }

    100% {
        -ms-transform: rotate(180deg);
    }
}
/* caret down end */

/* caret up start */
.caret-up {
    animation: caret-up 0.5s ease-in-out forwards;
    -webkit-animation: caret-up 0.5s ease-in-out forwards;
    -o-animation: caret-up 0.5s ease-in-out forwards;
    -moz-animation: caret-up 0.5s ease-in-out forwards;
    -ms-animation: caret-up 0.5s ease-in-out forwards;
}

@keyframes caret-up {
    0% {
        transform: rotate(-180deg);
    }

    100% {
        transform: rotate(0);
    }
}

@-webkit-keyframes caret-up {
    0% {
        -webkit-transform: rotate(-180deg);
    }

    100% {
        -webkit-transform: rotate(0);
    }
}

@-moz-keyframes caret-up {
    0% {
        -moz-transform: rotate(-180deg);
    }

    100% {
        -moz-transform: rotate(0);
    }
}

@-o-keyframes caret-up {
    0% {
        -o-transform: rotate(-180deg);
    }

    100% {
        -o-transform: rotate(0);
    }
}

@-ms-keyframes caret-up {
    0% {
        -ms-transform: rotate(-180deg);
    }

    100% {
        -ms-transform: rotate(0);
    }
}

/* caret up end */

/* animate toggle start */
.animate-toggle {
    animation: animate-toggle 0.5s ease-in-out forwards;
    -webkit-animation: animate-toggle 0.5s ease-in-out forwards;
    -moz-animation: animate-toggle 0.5s ease-in-out forwards;
    -o-animation: animate-toggle 0.5s ease-in-out forwards;
    -ms-animation: animate-toggle 0.5s ease-in-out forwards;
}

@keyframes animate-toggle {
    0% {
        transform: rotateY(0);
    }

    100% {
        transform: rotateY(180deg);
    }
}

@-webkit-keyframes animate-toggle {
    0% {
        -webkit-transform: rotateY(0);
    }

    100% {
        -webkit-transform: rotateY(180deg);
    }
}

@-moz-keyframes animate-toggle {
    0% {
        -moz-transform: rotateY(0);
    }

    100% {
        -moz-transform: rotateY(180deg);
    }
}

@-o-keyframes animate-toggle {
    0% {
        -o-transform: rotateY(0);
    }

    100% {
        -o-transform: rotateY(180deg);
    }
}

@-ms-keyframes animate-toggle {
    0% {
        -ms-transform: rotateY(0);
    }

    100% {
        -ms-transform: rotateY(180deg);
    }
}
/* animate toggle end */

/* Online Application Login */
/* otp popup */
.preload {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    background-color: rgba(17, 17, 17, 0.35);
    z-index: 1000;
}

.otp_popup {
    background-color: #fff;
    min-height: 100px;
    padding: 30px;
}

.display_otp {
    display: block;
}

.hide_otp {
    display: none;
}

/* create account */
.create_acc {
    background-color: rgba(96, 189, 188, 0.03);
    padding: 10px;
    border: 1px solid rgba(96, 189, 188, 0.03);
    box-shadow: -2px 3px 10px -2px;
    text-align: center;
}
/* font size with all screen */
@media (max-width:767px) {
    /* extra small screen */
    .p_size_xs {
        font-size: 12px;
    }

    .div_style {
        margin-left: 10%;
        margin-right: 10%;
        padding: 0px 30px;
    }

    .otp_popup {
        margin-left: 10%;
        margin-right: 10%;
        margin-top: 10%;
        margin-bottom: 10%;
    }
}

@media (min-width:768px) and (max-width:991px) {
    /* small screen */
    .p_size_sm {
        font-size: 12px;
    }

    .div_style {
        margin-left: 20%;
        margin-right: 20%;
        padding: 0px 30px;
    }

    .otp_popup {
        margin-left: 30%;
        margin-right: 30%;
        margin-top: 10%;
        margin-bottom: 10%;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    /* Medium screen */
    .p_size_md {
        font-size: 14px;
    }

    .div_style {
        margin-left: 30%;
        margin-right: 30%;
        padding: 0px 30px;
    }

    .otp_popup {
        margin-left: 30%;
        margin-right: 30%;
        margin-top: 5%;
        margin-bottom: 5%;
    }
}

@media (min-width:1200px) {
    .p_size_lg {
        font-size: 18px;
    }

    .div_style {
        margin-left: 30%;
        margin-right: 30%;
        padding: 0px 20px;
    }

    .otp_popup {
        margin-left: 30%;
        margin-right: 30%;
        margin-top: 5%;
        margin-bottom: 5%;
    }
}

/* slide out start */
.slide_out {
    animation: slide_out 0.5s ease;
    -webkit-animation: slide_out 0.5s ease;
    -moz-animation: slide_out 0.5s ease;
    -o-animation: slide_out 0.5s ease;
    -ms-animation: slide_out 0.5s ease;
}

@keyframes slide_out {
    0% {
        transform: translateX(0px);
    }

    100% {
        transform: translateX(-500px);
    }
}

@-webkit-keyframes slide_out {
    0% {
        -webkit-transform: translateX(0px);
    }

    100% {
        -webkit-transform: translateX(-500px);
    }
}

@-moz-keyframes slide_out {
    0% {
        -moz-transform: translateX(0px);
    }

    100% {
        -moz-transform: translateX(-500px);
    }
}

@-o-keyframes slide_out {
    0% {
        -o-transform: translateX(0px);
    }

    100% {
        -o-transform: translateX(-500px);
    }
}

@-ms-keyframes slide_out {
    0% {
        -ms-transform: translateX(0px);
    }

    100% {
        -ms-transform: translateX(-500px);
    }
}
/* slide out end */

/* slide in start */
.slide_in {
    animation: slide_in 0.5s ease;
    -webkit-animation: slide_in 0.5s ease;
    -moz-animation: slide_in 0.5s ease;
    -o-animation: slide_in 0.5s ease;
    -ms-animation: slide_in 0.5s ease;
}

@keyframes slide_in {
    0% {
        transform: translateX(500px);
    }

    100% {
        transform: translateX(0px);
    }
}

@-webkit-keyframes slide_in {
    0% {
        -webkit-transform: translateX(500px);
    }

    100% {
        -webkit-transform: translateX(0px);
    }
}

@-moz-keyframes slide_in {
    0% {
        -moz-transform: translateX(500px);
    }

    100% {
        -moz-transform: translateX(0px);
    }
}

@-o-keyframes slide_in {
    0% {
        -o-transform: translateX(500px);
    }

    100% {
        -o-transform: translateX(0px);
    }
}

@-ms-keyframes slide_in {
    0% {
        -ms-transform: translateX(500px);
    }

    100% {
        -ms-transform: translateX(0px);
    }
}
/* slide in end */

/* slide in from left start */
.slide_in_frm_left {
    animation: slide_in_frm_left 0.5s ease;
    -webkit-animation: slide_in_frm_left 0.5s ease;
    -o-animation: slide_in_frm_left 0.5s ease;
    -moz-animation: slide_in_frm_left 0.5s ease;
    -ms-animation: slide_in_frm_left 0.5s ease;
}

@keyframes slide_in_frm_left {
    0% {
        transform: translateX(-500px);
    }

    100% {
        transform: translateX(0px);
    }
}

@-webkit-keyframes slide_in_frm_left {
    0% {
        -webkit-transform: translateX(-500px);
    }

    100% {
        -webkit-transform: translateX(0px);
    }
}

@-o-keyframes slide_in_frm_left {
    0% {
        -o-transform: translateX(-500px);
    }

    100% {
        -o-transform: translateX(0px);
    }
}

@-moz-keyframes slide_in_frm_left {
    0% {
        -moz-transform: translateX(-500px);
    }

    100% {
        -moz-transform: translateX(0px);
    }
}

@-ms-keyframes slide_in_frm_left {
    0% {
        -ms-transform: translateX(-500px);
    }

    100% {
        -ms-transform: translateX(0px);
    }
}
/* slide in from left end */

/* slide out from left start */
.slide_out_frm_left {
    animation: slide_out_frm_left 0.5s ease;
    -webkit-animation: slide_out_frm_left 0.5s ease;
    -moz-animation: slide_out_frm_left 0.5s ease;
    -o-animation: slide_out_frm_left 0.5s ease;
    -ms-animation: slide_out_frm_left 0.5s ease;
}

@keyframes slide_out_frm_left {
    0% {
        transform: translateX(0px);
    }

    100% {
        transform: translateX(500px);
    }
}

@-webkit-keyframes slide_out_frm_left {
    0% {
        -webkit-transform: translateX(0px);
    }

    100% {
        -webkit-transform: translateX(500px);
    }
}

@-moz-keyframes slide_out_frm_left {
    0% {
        -moz-transform: translateX(0px);
    }

    100% {
        -moz-transform: translateX(500px);
    }
}

@-o-keyframes slide_out_frm_left {
    0% {
        -o-transform: translateX(0px);
    }

    100% {
        -o-transform: translateX(500px);
    }
}

@-ms-keyframes slide_out_frm_left {
    0% {
        -ms-transform: translateX(0px);
    }

    100% {
        -ms-transform: translateX(500px);
    }
}


.btn-social {
    position: relative;
    /*padding-left: 44px;*/
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .btn-social :first-child {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 20px;
        line-height: 34px;
        font-size: 1.6em;
        text-align: center;
        border-right: 1px solid rgba(0,0,0,0.2);
    }

    .btn-social.btn-lg {
        padding-left: 61px;
    }

        .btn-social.btn-lg :first-child {
            line-height: 45px;
            width: 45px;
            font-size: 1.8em;
        }

    .btn-social.btn-sm {
        padding-left: 38px;
    }

        .btn-social.btn-sm :first-child {
            line-height: 28px;
            width: 28px;
            font-size: 1.4em;
        }

    .btn-social.btn-xs {
        padding-left: 30px;
    }

        .btn-social.btn-xs :first-child {
            line-height: 20px;
            width: 20px;
            font-size: 1.2em;
        }

.btn-social-icon {
    position: relative;
    padding-left: 44px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 34px;
    width: 34px;
    padding-left: 0;
    padding-right: 0;
}

    .btn-social-icon :first-child {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 32px;
        line-height: 34px;
        font-size: 1.6em;
        text-align: center;
        border-right: 1px solid rgba(0,0,0,0.2);
    }

    .btn-social-icon.btn-lg {
        padding-left: 61px;
    }

        .btn-social-icon.btn-lg :first-child {
            line-height: 45px;
            width: 45px;
            font-size: 1.8em;
        }

    .btn-social-icon.btn-sm {
        padding-left: 38px;
    }

        .btn-social-icon.btn-sm :first-child {
            line-height: 28px;
            width: 28px;
            font-size: 1.4em;
        }

    .btn-social-icon.btn-xs {
        padding-left: 30px;
    }

        .btn-social-icon.btn-xs :first-child {
            line-height: 20px;
            width: 20px;
            font-size: 1.2em;
        }

    .btn-social-icon :first-child {
        border: none;
        text-align: center;
        width: 100% !important;
    }

    .btn-social-icon.btn-lg {
        height: 45px;
        width: 45px;
        padding-left: 0;
        padding-right: 0;
    }

    .btn-social-icon.btn-sm {
        height: 30px;
        width: 30px;
        padding-left: 0;
        padding-right: 0;
    }

    .btn-social-icon.btn-xs {
        height: 22px;
        width: 22px;
        padding-left: 0;
        padding-right: 0;
    }

.btn-bitbucket {
    color: #fff;
    background-color: #205081;
    border-color: rgba(0,0,0,0.2);
}

    .btn-bitbucket:hover, .btn-bitbucket:focus, .btn-bitbucket:active, .btn-bitbucket.active, .open .dropdown-toggle.btn-bitbucket {
        color: #fff;
        background-color: #183c60;
        border-color: rgba(0,0,0,0.2);
    }

    .btn-bitbucket:active, .btn-bitbucket.active, .open .dropdown-toggle.btn-bitbucket {
        background-image: none;
    }

    .btn-bitbucket.disabled, .btn-bitbucket[disabled], fieldset[disabled] .btn-bitbucket, .btn-bitbucket.disabled:hover, .btn-bitbucket[disabled]:hover, fieldset[disabled] .btn-bitbucket:hover, .btn-bitbucket.disabled:focus, .btn-bitbucket[disabled]:focus, fieldset[disabled] .btn-bitbucket:focus, .btn-bitbucket.disabled:active, .btn-bitbucket[disabled]:active, fieldset[disabled] .btn-bitbucket:active, .btn-bitbucket.disabled.active, .btn-bitbucket[disabled].active, fieldset[disabled] .btn-bitbucket.active {
        background-color: #205081;
        border-color: rgba(0,0,0,0.2);
    }

.btn-dropbox {
    color: #fff;
    background-color: #1087dd;
    border-color: rgba(0,0,0,0.2);
}

    .btn-dropbox:hover, .btn-dropbox:focus, .btn-dropbox:active, .btn-dropbox.active, .open .dropdown-toggle.btn-dropbox {
        color: #fff;
        background-color: #0d70b7;
        border-color: rgba(0,0,0,0.2);
    }

    .btn-dropbox:active, .btn-dropbox.active, .open .dropdown-toggle.btn-dropbox {
        background-image: none;
    }

    .btn-dropbox.disabled, .btn-dropbox[disabled], fieldset[disabled] .btn-dropbox, .btn-dropbox.disabled:hover, .btn-dropbox[disabled]:hover, fieldset[disabled] .btn-dropbox:hover, .btn-dropbox.disabled:focus, .btn-dropbox[disabled]:focus, fieldset[disabled] .btn-dropbox:focus, .btn-dropbox.disabled:active, .btn-dropbox[disabled]:active, fieldset[disabled] .btn-dropbox:active, .btn-dropbox.disabled.active, .btn-dropbox[disabled].active, fieldset[disabled] .btn-dropbox.active {
        background-color: #1087dd;
        border-color: rgba(0,0,0,0.2);
    }

.btn-facebook {
    color: #fff;
    background-color: #3b5998;
    border-color: rgba(0,0,0,0.2);
}

    .btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active, .btn-facebook.active, .open .dropdown-toggle.btn-facebook {
        color: #fff;
        background-color: #30487b;
        border-color: rgba(0,0,0,0.2);
    }

    .btn-facebook:active, .btn-facebook.active, .open .dropdown-toggle.btn-facebook {
        background-image: none;
    }

    .btn-facebook.disabled, .btn-facebook[disabled], fieldset[disabled] .btn-facebook, .btn-facebook.disabled:hover, .btn-facebook[disabled]:hover, fieldset[disabled] .btn-facebook:hover, .btn-facebook.disabled:focus, .btn-facebook[disabled]:focus, fieldset[disabled] .btn-facebook:focus, .btn-facebook.disabled:active, .btn-facebook[disabled]:active, fieldset[disabled] .btn-facebook:active, .btn-facebook.disabled.active, .btn-facebook[disabled].active, fieldset[disabled] .btn-facebook.active {
        background-color: #3b5998;
        border-color: rgba(0,0,0,0.2);
    }

.btn-flickr {
    color: #fff;
    background-color: #ea4c49;
    border-color: rgba(0,0,0,0.2);
}

    .btn-flickr:hover, .btn-flickr:focus, .btn-flickr:active, .btn-flickr.active, .open .dropdown-toggle.btn-flickr {
        color: #fff;
        background-color: #c32b28;
        border-color: rgba(0,0,0,0.2);
    }

    .btn-flickr:active, .btn-flickr.active, .open .dropdown-toggle.btn-flickr {
        background-image: none;
    }

    .btn-flickr.disabled, .btn-flickr[disabled], fieldset[disabled] .btn-flickr, .btn-flickr.disabled:hover, .btn-flickr[disabled]:hover, fieldset[disabled] .btn-flickr:hover, .btn-flickr.disabled:focus, .btn-flickr[disabled]:focus, fieldset[disabled] .btn-flickr:focus, .btn-flickr.disabled:active, .btn-flickr[disabled]:active, fieldset[disabled] .btn-flickr:active, .btn-flickr.disabled.active, .btn-flickr[disabled].active, fieldset[disabled] .btn-flickr.active {
        background-color: #ff0084;
        border-color: rgba(0,0,0,0.2);
    }

.btn-github {
    color: #fff;
    background-color: #444;
    border-color: rgba(0,0,0,0.2);
}

    .btn-github:hover, .btn-github:focus, .btn-github:active, .btn-github.active, .open .dropdown-toggle.btn-github {
        color: #fff;
        background-color: #303030;
        border-color: rgba(0,0,0,0.2);
    }

    .btn-github:active, .btn-github.active, .open .dropdown-toggle.btn-github {
        background-image: none;
    }

    .btn-github.disabled, .btn-github[disabled], fieldset[disabled] .btn-github, .btn-github.disabled:hover, .btn-github[disabled]:hover, fieldset[disabled] .btn-github:hover, .btn-github.disabled:focus, .btn-github[disabled]:focus, fieldset[disabled] .btn-github:focus, .btn-github.disabled:active, .btn-github[disabled]:active, fieldset[disabled] .btn-github:active, .btn-github.disabled.active, .btn-github[disabled].active, fieldset[disabled] .btn-github.active {
        background-color: #444;
        border-color: rgba(0,0,0,0.2);
    }

.btn-google-plus {
    color: #fff;
    background-color: #dd4b39;
    border-color: rgba(0,0,0,0.2);
}

    .btn-google-plus:hover, .btn-google-plus:focus, .btn-google-plus:active, .btn-google-plus.active, .open .dropdown-toggle.btn-google-plus {
        color: #fff;
        background-color: #ca3523;
        border-color: rgba(0,0,0,0.2);
    }

    .btn-google-plus:active, .btn-google-plus.active, .open .dropdown-toggle.btn-google-plus {
        background-image: none;
    }

    .btn-google-plus.disabled, .btn-google-plus[disabled], fieldset[disabled] .btn-google-plus, .btn-google-plus.disabled:hover, .btn-google-plus[disabled]:hover, fieldset[disabled] .btn-google-plus:hover, .btn-google-plus.disabled:focus, .btn-google-plus[disabled]:focus, fieldset[disabled] .btn-google-plus:focus, .btn-google-plus.disabled:active, .btn-google-plus[disabled]:active, fieldset[disabled] .btn-google-plus:active, .btn-google-plus.disabled.active, .btn-google-plus[disabled].active, fieldset[disabled] .btn-google-plus.active {
        background-color: #dd4b39;
        border-color: rgba(0,0,0,0.2);
    }

.btn-instagram {
    color: #fff;
    background-color: #517fa4;
    border-color: rgba(0,0,0,0.2);
}

    .btn-instagram:hover, .btn-instagram:focus, .btn-instagram:active, .btn-instagram.active, .open .dropdown-toggle.btn-instagram {
        color: #fff;
        background-color: #446a89;
        border-color: rgba(0,0,0,0.2);
    }

    .btn-instagram:active, .btn-instagram.active, .open .dropdown-toggle.btn-instagram {
        background-image: none;
    }

    .btn-instagram.disabled, .btn-instagram[disabled], fieldset[disabled] .btn-instagram, .btn-instagram.disabled:hover, .btn-instagram[disabled]:hover, fieldset[disabled] .btn-instagram:hover, .btn-instagram.disabled:focus, .btn-instagram[disabled]:focus, fieldset[disabled] .btn-instagram:focus, .btn-instagram.disabled:active, .btn-instagram[disabled]:active, fieldset[disabled] .btn-instagram:active, .btn-instagram.disabled.active, .btn-instagram[disabled].active, fieldset[disabled] .btn-instagram.active {
        background-color: #517fa4;
        border-color: rgba(0,0,0,0.2);
    }

.btn-linkedin {
    color: #fff;
    background-color: #007bb6;
    border-color: rgba(0,0,0,0.2);
}

    .btn-linkedin:hover, .btn-linkedin:focus, .btn-linkedin:active, .btn-linkedin.active, .open .dropdown-toggle.btn-linkedin {
        color: #fff;
        background-color: #005f8d;
        border-color: rgba(0,0,0,0.2);
    }

    .btn-linkedin:active, .btn-linkedin.active, .open .dropdown-toggle.btn-linkedin {
        background-image: none;
    }

    .btn-linkedin.disabled, .btn-linkedin[disabled], fieldset[disabled] .btn-linkedin, .btn-linkedin.disabled:hover, .btn-linkedin[disabled]:hover, fieldset[disabled] .btn-linkedin:hover, .btn-linkedin.disabled:focus, .btn-linkedin[disabled]:focus, fieldset[disabled] .btn-linkedin:focus, .btn-linkedin.disabled:active, .btn-linkedin[disabled]:active, fieldset[disabled] .btn-linkedin:active, .btn-linkedin.disabled.active, .btn-linkedin[disabled].active, fieldset[disabled] .btn-linkedin.active {
        background-color: #007bb6;
        border-color: rgba(0,0,0,0.2);
    }

.btn-pinterest {
    color: #fff;
    background-color: #cb2027;
    border-color: rgba(0,0,0,0.2);
}

    .btn-pinterest:hover, .btn-pinterest:focus, .btn-pinterest:active, .btn-pinterest.active, .open .dropdown-toggle.btn-pinterest {
        color: #fff;
        background-color: #a81a20;
        border-color: rgba(0,0,0,0.2);
    }

    .btn-pinterest:active, .btn-pinterest.active, .open .dropdown-toggle.btn-pinterest {
        background-image: none;
    }

    .btn-pinterest.disabled, .btn-pinterest[disabled], fieldset[disabled] .btn-pinterest, .btn-pinterest.disabled:hover, .btn-pinterest[disabled]:hover, fieldset[disabled] .btn-pinterest:hover, .btn-pinterest.disabled:focus, .btn-pinterest[disabled]:focus, fieldset[disabled] .btn-pinterest:focus, .btn-pinterest.disabled:active, .btn-pinterest[disabled]:active, fieldset[disabled] .btn-pinterest:active, .btn-pinterest.disabled.active, .btn-pinterest[disabled].active, fieldset[disabled] .btn-pinterest.active {
        background-color: #cb2027;
        border-color: rgba(0,0,0,0.2);
    }

.btn-tumblr {
    color: #fff;
    background-color: #2c4762;
    border-color: rgba(0,0,0,0.2);
}

    .btn-tumblr:hover, .btn-tumblr:focus, .btn-tumblr:active, .btn-tumblr.active, .open .dropdown-toggle.btn-tumblr {
        color: #fff;
        background-color: #1f3346;
        border-color: rgba(0,0,0,0.2);
    }

    .btn-tumblr:active, .btn-tumblr.active, .open .dropdown-toggle.btn-tumblr {
        background-image: none;
    }

    .btn-tumblr.disabled, .btn-tumblr[disabled], fieldset[disabled] .btn-tumblr, .btn-tumblr.disabled:hover, .btn-tumblr[disabled]:hover, fieldset[disabled] .btn-tumblr:hover, .btn-tumblr.disabled:focus, .btn-tumblr[disabled]:focus, fieldset[disabled] .btn-tumblr:focus, .btn-tumblr.disabled:active, .btn-tumblr[disabled]:active, fieldset[disabled] .btn-tumblr:active, .btn-tumblr.disabled.active, .btn-tumblr[disabled].active, fieldset[disabled] .btn-tumblr.active {
        background-color: #2c4762;
        border-color: rgba(0,0,0,0.2);
    }

.btn-twitter {
    color: #fff;
    background-color: #337ab7;
    border-color: rgba(0,0,0,0.2);
    min-height:30px;
}

    .btn-twitter:hover, .btn-twitter:focus, .btn-twitter:active, .btn-twitter.active, .open .dropdown-toggle.btn-twitter {
        color: #fff;
        background-color:#337ab7;
        border-color: rgba(0,0,0,0.2);
    }

    .btn-twitter:active, .btn-twitter.active, .open .dropdown-toggle.btn-twitter {
        background-image: none;
    }

    .btn-twitter.disabled, .btn-twitter[disabled], fieldset[disabled] .btn-twitter, .btn-twitter.disabled:hover, .btn-twitter[disabled]:hover, fieldset[disabled] .btn-twitter:hover, .btn-twitter.disabled:focus, .btn-twitter[disabled]:focus, fieldset[disabled] .btn-twitter:focus, .btn-twitter.disabled:active, .btn-twitter[disabled]:active, fieldset[disabled] .btn-twitter:active, .btn-twitter.disabled.active, .btn-twitter[disabled].active, fieldset[disabled] .btn-twitter.active {
        background-color: #2ba9e1;
        border-color: rgba(0,0,0,0.2);
    }

.btn-vk {
    color: #fff;
    background-color: #587ea3;
    border-color: rgba(0,0,0,0.2);
}

    .btn-vk:hover, .btn-vk:focus, .btn-vk:active, .btn-vk.active, .open .dropdown-toggle.btn-vk {
        color: #fff;
        background-color: #4a6a89;
        border-color: rgba(0,0,0,0.2);
    }

    .btn-vk:active, .btn-vk.active, .open .dropdown-toggle.btn-vk {
        background-image: none;
    }

    .btn-vk.disabled, .btn-vk[disabled], fieldset[disabled] .btn-vk, .btn-vk.disabled:hover, .btn-vk[disabled]:hover, fieldset[disabled] .btn-vk:hover, .btn-vk.disabled:focus, .btn-vk[disabled]:focus, fieldset[disabled] .btn-vk:focus, .btn-vk.disabled:active, .btn-vk[disabled]:active, fieldset[disabled] .btn-vk:active, .btn-vk.disabled.active, .btn-vk[disabled].active, fieldset[disabled] .btn-vk.active {
        background-color: #587ea3;
        border-color: rgba(0,0,0,0.2);
    }


/* 
 * Only for this example - not needed for the buttons
 * ----------------------------------------------------- */
.btn-social-icon {
    margin-bottom: 4px;
}

.social-class .social-hex {
    font-family: Monaco,Menlo,Consolas,"Courier New",monospace;
    font-size: 10px;
    opacity: .3;
    float: right;
}

.social-class li {
    margin-bottom: 4px;
}

    .social-class li:hover .social-hex {
        opacity: 1;
    }

    .social-class li:hover code {
        background-color: #e8e8ee;
    }

.social-class code {
    cursor: default;
}







.h2-bg {
    margin: 30px 0;
    background: repeating-linear-gradient( -45deg, #e6f4ff, #e6f4ff 2px, #fff 3px, #fff 8px );
}

.h2-bg-white {
    background: #fff;
    padding: 1px 20px;
}

@media (min-width: 400px) and (max-width: 768px) {
    .main-content {
        width: 100%;
    }

    .banner {
        display: none;
    }

    .navbar-nav {
        float: left;
        width: 100%;
        display: block;
    }
    /*index page */
    .index-container {
        width: 100%;
    }

    .list-1 span {
        display: inline-block;
    }

    .item img {
        height: 250px !important;
    }

    .btn-tabs {
        margin: 5px 0 5px 0;
    }

    .note-tabs .panel-heading span {
        display: inline-block;
    }

    .note-tabs .panel-heading {
        text-align: left;
    }

    #slider-thumbs {
        display: none;
    }


    .h-intro h2 {
        font-size: 24px;
        font-weight: bold;
    }

    .footer {
        padding-bottom: 10px;
    }

    .notice-board .panel-body .panel-body {
        display: none;
    }

    .emp-content img {
        width: 100px;
    }

    .note-tabs .panel {
        box-shadow: none;
    }
}



.list-1 {
    background-color: #337ab7;
    padding: 8px;
    text-align: center;
    width: 100%;
    display: block;
    color: #fff;
    font-size: 16px;
    border-radius: 5px 5px 0 0;
}

    .list-1:hover {
        color: #fff;
    }

    .list-1 span {
        /*display: none;*/
    }

.list-2 {
    margin-top: 5px;
}

    .list-2 li {
        background-color: #fff;
        padding: 8px;
        margin-bottom: 2px;
    }

        .list-2 li a {
            width: 100%;
            display: block;
        }

        .list-2 li:hover {
            border: 1px solid #00bcd5;
            border-left: 6px solid #00bcd5;
        }


        .list-2 li span {
            margin-right: 10px;
        }
/* slide out from left end */


/* Conatct start */
@media (min-width:1200px) {
    #modelcontainer {
       margin-left:-30px;
    }
     
}



.header-title {
    text-align: center;
    color: #00bfff;
}

#tip {
    display: none;
}

.fadeIn {
    animation-duration: 3s;
}

.form-control {
    border-radius: 0px;
    border: 1px solid #bbbbbb;    /*#EDEDED;*/ /*chhaya*/
}

    .form-control:focus {
        border: 1px solid #00bfff;
    }

.textarea-contact {
    resize: none;
}

.btn-send {
    border-radius: 0px;
    border: 1px solid #00bfff;
    background: #00bfff;
    color: #fff;
}

    .btn-send:hover {
        border: 1px solid #00bfff;
        background: #fff;
        color: #00bfff;
        transition: background 0.5s;
    }

.second-portion {
    margin-top: 50px;
}

@import "//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css";
@import "https://fonts.googleapis.com/css?family=Roboto:400,500";

.box > .icon {
    text-align: center;
    position: relative;
}

    .box > .icon > .image {
        position: relative;
        z-index: 2;
        margin: auto;
        width: 88px;
        height: 88px;
        border: 8px solid white;
        line-height: 88px;
        border-radius: 50%;
        background: #00bfff;
        vertical-align: middle;
    }

    .box > .icon:hover > .image {
        background: #333;
    }

    .box > .icon > .image > i {
        font-size: 36px !important;
        color: #fff !important;
    }

    .box > .icon:hover > .image > i {
        color: white !important;
    }

    .box > .icon > .info {
        margin-top: -24px;
        background: rgba(0, 0, 0, 0.04);
        border: 1px solid #e0e0e0;
        padding: 15px 0 10px 0;
        min-height: 163px;
    }

    .box > .icon:hover > .info {
        background: rgba(0, 0, 0, 0.04);
        border-color: #e0e0e0;
        color: white;
    }

    .box > .icon > .info > h3.title {
        font-family: "Robot",sans-serif !important;
        font-size: 16px;
        color: #222;
        font-weight: 700;
    }

    .box > .icon > .info > p {
        font-family: "Robot",sans-serif !important;
        font-size: 13px;
        color: #666;
        line-height: 1.5em;
        margin: 20px;
    }

    .box > .icon:hover > .info > h3.title, .box > .icon:hover > .info > p, .box > .icon:hover > .info > .more > a {
        color: #222;
    }

    .box > .icon > .info > .more a {
        font-family: "Robot",sans-serif !important;
        font-size: 12px;
        color: #222;
        line-height: 12px;
        text-transform: uppercase;
        text-decoration: none;
    }

    .box > .icon:hover > .info > .more > a {
        color: #fff;
        padding: 6px 8px;
        background-color: #63B76C;
    }

.box .space {
    height: 30px;
}

@media only screen and (max-width: 768px) {
    .contact-form {
        margin-top: 25px;
    }

    .btn-send {
        width: 100%;
        padding: 10px;
    }

    .second-portion {
        margin-top: 25px;
    }
}
/* Conatct end */


.emp-content {
    text-align: center;
}

    .emp-content table {
        border-bottom: 1px solid #00bcd5;
    }

    .emp-content td {
        width: 15%;
        background-color: #fff;
        border-right: 8px solid #eae9e9;
    }

    .emp-content img {
        width: 100%;
        height: 100px;
        margin-bottom: 5px;
    }

.emp-name td {
    vertical-align: top;
}

    .emp-name td p {
        font-size: 10px;
    }

.emp-dept td {
    vertical-align: bottom;
}

    .emp-dept td p {
        font-size: 10px;
    }