body {
    /*background-color: #f1f1f1 !important;*/
}
.navbar-default { background-color: #007558 !important}
.navbar-brand { color: #ffffff !important }
.navbar-inverse { background-color: #007558 !important}
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #26E2FF !important}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #007558 !important}
.dropdown-menu { background-color: #FFFFFF !important}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #428BCA !important}
.navbar-inverse { background-image: none !important}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: #007558 none !important}
.navbar-inverse { border-color: #09b68b !important}
.navbar-inverse .navbar-brand { color: #007558 !important}
.navbar-inverse .navbar-brand:hover { color: #007558 !important}
.navbar-inverse .navbar-nav>li>a { color: #007558 !important}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #007558 !important}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #007558 !important}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #007558 !important}
.dropdown-menu>li>a { color: #007558 !important}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #007558 !important}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #007558 !important}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #007558 !important}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #007558 !important}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #007558 !important}




.po-sidebar {
    background-color: #f7f7f7 !important;

}
.po-sidebar li a{
    color: #616161 !important
}

.panel-default{
    border: 1px solid #fefefe !important;
    -webkit-box-shadow: 0px 0px 7px 0px rgb(213, 213, 213) !important;
    -moz-box-shadow: 0px 0px 7px 1px rgb(212, 212, 212) !important;
    box-shadow: 0px 0px 7px 1px rgb(225, 225, 225) !important;

}
.panel-blue{
    background-color: #007558 !important;
}
.panel-red{
    background-color: #007558 !important;
}
.panel-green{
    background-color: #007558 !important;
}
.panel-orange{
    background-color: #007558 !important;
}
.panel-default .panel-heading {
    background: rgb(0,70,53);
    background: linear-gradient(0deg, rgba(0,70,53,1) 0%, rgba(1,121,92,1) 40%, rgba(0,138,103,1) 100%);
    color: #FFFFFF !important;

    /* background: rgba(217,217,217,1);
    background: -moz-linear-gradient(top, rgba(217,217,217,1) 0%, rgba(240,240,240,1) 53%, rgba(240,240,240,1) 54%, rgba(242,242,242,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(217,217,217,1)), color-stop(53%, rgba(240,240,240,1)), color-stop(54%, rgba(240,240,240,1)), color-stop(100%, rgba(242,242,242,1)));
    background: -webkit-linear-gradient(top, rgba(217,217,217,1) 0%, rgba(240,240,240,1) 53%, rgba(240,240,240,1) 54%, rgba(242,242,242,1) 100%);
    background: -o-linear-gradient(top, rgba(217,217,217,1) 0%, rgba(240,240,240,1) 53%, rgba(240,240,240,1) 54%, rgba(242,242,242,1) 100%);
    background: -ms-linear-gradient(top, rgba(217,217,217,1) 0%, rgba(240,240,240,1) 53%, rgba(240,240,240,1) 54%, rgba(242,242,242,1) 100%);
    background: linear-gradient(to bottom, rgba(217,217,217,1) 0%, rgba(240,240,240,1) 53%, rgba(240,240,240,1) 54%, rgba(242,242,242,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#f2f2f2', GradientType=0 ); */

    /*background: rgba(193,191,234,1);*/
    /*background: -moz-linear-gradient(top, rgba(193,191,234,1) 0%, rgba(218,214,235,1) 49%, rgba(218,214,230,1) 50%, rgba(235,233,249,1) 100%);*/
    /*background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(193,191,234,1)), color-stop(49%, rgba(218,214,235,1)), color-stop(50%, rgba(218,214,230,1)), color-stop(100%, rgba(235,233,249,1)));*/
    /*background: -webkit-linear-gradient(top, rgba(193,191,234,1) 0%, rgba(218,214,235,1) 49%, rgba(218,214,230,1) 50%, rgba(235,233,249,1) 100%);*/
    /*background: -o-linear-gradient(top, rgba(193,191,234,1) 0%, rgba(218,214,235,1) 49%, rgba(218,214,230,1) 50%, rgba(235,233,249,1) 100%);*/
    /*background: -ms-linear-gradient(top, rgba(193,191,234,1) 0%, rgba(218,214,235,1) 49%, rgba(218,214,230,1) 50%, rgba(235,233,249,1) 100%);*/
    /*background: linear-gradient(to bottom, rgba(193,191,234,1) 0%, rgba(218,214,235,1) 49%, rgba(218,214,230,1) 50%, rgba(235,233,249,1) 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1bfea', endColorstr='#ebe9f9', GradientType=0 );*/

    /*background: rgba(91,88,186,1);*/
    /*background: -moz-linear-gradient(top, rgba(91,88,186,1) 0%, rgba(173,162,219,1) 49%, rgba(179,163,224,1) 51%, rgba(194,187,250,1) 100%);*/
    /*background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(91,88,186,1)), color-stop(49%, rgba(173,162,219,1)), color-stop(51%, rgba(179,163,224,1)), color-stop(100%, rgba(194,187,250,1)));*/
    /*background: -webkit-linear-gradient(top, rgba(91,88,186,1) 0%, rgba(173,162,219,1) 49%, rgba(179,163,224,1) 51%, rgba(194,187,250,1) 100%);*/
    /*background: -o-linear-gradient(top, rgba(91,88,186,1) 0%, rgba(173,162,219,1) 49%, rgba(179,163,224,1) 51%, rgba(194,187,250,1) 100%);*/
    /*background: -ms-linear-gradient(top, rgba(91,88,186,1) 0%, rgba(173,162,219,1) 49%, rgba(179,163,224,1) 51%, rgba(194,187,250,1) 100%);*/
    /*background: linear-gradient(to bottom, rgba(91,88,186,1) 0%, rgba(173,162,219,1) 49%, rgba(179,163,224,1) 51%, rgba(194,187,250,1) 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b58ba', endColorstr='#c2bbfa', GradientType=0 );*/


}
.dropdown-toggle li:hover {
    background-color: #8cd8f6 !important;
    color: #8cd8f6 !important;
}
.dropdown-toggle .fa {
    color: #f6f6f6 !important;
}
.nav .navbar-top-links .navbar-right li .dropdown a .dropdown-toggle:hover {
    color: #8cd8f6 !important;
}
.panel-body {
    background-color: #ffffff !important;
}
.panel-heading .fa {
    color: #f0f0f0;
}
.panel-default .panel-heading .fa {
    color: #8c8c8c;
}

a {
    color: #658095;
}

.login_img{
    width: 100% !important;
    height: 720px !important;
    position:absolute !important;
    /* max-height:100%;
    min-width:100%; */
    top:720px !important;
    bottom:00px;
    left:-1960px !important;
    right:-1960px !important;
    margin:auto
}
.login_form{
    width: 90%;
    margin: 5%;
    padding: 5%;
}
.email-match{
    top: 55% !important;
    
}

.body_img{
    background-image: url(../../image/login-bg-11.JPG);
}
.body_login{
    background: rgba(0,149,112,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(0,149,112,1) 0%, rgba(0,106,79,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0,149,112,1)), color-stop(100%, rgba(0,106,79,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0,149,112,1) 0%, rgba(0,106,79,1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(0,149,112,1) 0%, rgba(0,106,79,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(0,149,112,1) 0%, rgba(0,106,79,1) 100%);
    background: radial-gradient(ellipse at center, rgba(0,149,112,1) 0%, rgba(0,106,79,1) 100%);
    /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009570', endColorstr='#006a4f', GradientType=1 ); */
}
.panel-login{
    background-color: #007558;
    
}
.panel-heading{
    color: #FFFFFF !important;
}
.login-panel-img {
    width: 60%;
    height: 70%;
    margin-top: 2%;
    margin-left: 20%;
}
.login_btn{
    background-color: #007558;
    color: #FFFFFF;
}

.body_register{
    background: rgba(119,105,232,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(119,105,232,1) 0%, rgba(154,146,232,1) 49%, rgba(119,105,232,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(119,105,232,1)), color-stop(49%, rgba(154,146,232,1)), color-stop(100%, rgba(119,105,232,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(119,105,232,1) 0%, rgba(154,146,232,1) 49%, rgba(119,105,232,1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(119,105,232,1) 0%, rgba(154,146,232,1) 49%, rgba(119,105,232,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(119,105,232,1) 0%, rgba(154,146,232,1) 49%, rgba(119,105,232,1) 100%);
    background: radial-gradient(ellipse at center, rgba(119,105,232,1) 0%, rgba(154,146,232,1) 49%, rgba(119,105,232,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7769e8', endColorstr='#7769e8', GradientType=1 );
}
.panel-register{
    background-color: #7769e8;
    
}
.panel-heading{
    color: #FFFFFF !important;
}
.register_btn{
    background-color: #7769e8;
    color: #FFFFFF;
}
.img-logo{
    width: 5%;
    height: 15%;
    display: inline-block;
    margin-top: 0.5%;
}