body {
    font-family: 'Open Sans', sans-serif;
    background-color: #e7e7e7;
}

.wrapper {
    width: 100%;
}

.header-top .navbar {
    background-color: #3498db;
    border-bottom: 4px solid #2980b9;
}

.padlr0 {
    padding-left: 0px;
    padding-right: 0px;
}

.header-top .navbar-default .navbar-nav > li.dropdown > a {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
}

.header-top .navbar-nav > li > a {
    margin-top: 0px;
}

.header-top .navbar-default .navbar-nav > li.dropdown:hover > a,
.header-top .navbar-default .navbar-nav > li.dropdown:hover > a:hover,
.header-top .navbar-default .navbar-nav > li.dropdown:hover > a:focus {
    color: rgb(255, 255, 255);
    font-size: 14px;
}

.header-top li.dropdown:hover > .dropdown-menu {
    display: block;
    position: absolute;
    z-index: 1000;
}

.header-top .navbar {
    margin-bottom: 0;
}

.header-top .fa-power-off {
    font-size: 20px;
}

.logo .navbar-brand {
    padding: 17px 15px;
    background-color: #f0f8ff;
    border-radius: 50%;
    height: 90px;
    margin-top: 40px;
}
/*.header{
    background: url(../images/header.jpg) no-repeat center top fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border-bottom: 15px solid #f2f2f2;
}

.header .overlay {
    background: rgba(0, 0, 0, 0.6);
    padding-top: 39px;
    padding-bottom:32px;
}
.header .overlay h2
{
    margin-top: 0;
    margin-bottom: 30px;
}

.header .navbar-collapse ul.nav > li > a {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    font-size: 10pt;
    color: #ecf0f1;
}
.header .navbar-collapse ul.nav > li > a:hover
{
    background-color: rgba(41, 128, 185, 0.9);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}


.header .navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
}

.header .navbar-collapse ul.nav li a i.fa {
    text-align: center;
}
.header .navbar-nav li > a > .text-center i.fa {
    font-size: 24pt;
}
.header .navbar-collapse .dropdown-menu {
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border: none;
    overflow-x: hidden;
}
.header .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 48px;
}

.header .navbar-collapse ul.nav li.active {
    background-color: rgba(41, 128, 185, 0.9);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}*/

.header {
    background: url(../images/header.jpg) no-repeat center top fixed;
    /*-webkit-background-size: cover;
	   -moz-background-size: cover;
	    -ms-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;*/
    border-bottom: 15px solid #f2f2f2;
}

    .header .overlay {
        background: rgba(0, 0, 0, 0.6);
        padding-top: 13px;
        padding-bottom: 32px;
    }

        .header .overlay h2 {
            margin-top: 0;
            margin-bottom: 30px;
        }


    .header .navbar-toggle {
        background-color: #2980b9;
        color: #ecf0f1;
    }

        .header .navbar-toggle .icon-bar {
            background-color: #3498db;
            width: 100%;
        }

    .header button {
        border-radius: 0;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-right: 0;
    }

    .header .navbar-collapse {
        padding-left: 20px;
        padding-right: 0;
        overflow-x: hidden;
    }

        .header .navbar-collapse ul.nav > li {
            margin-right: 20px;
            margin-top: 20px;
        }

    .header .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
    }


    .header .navbar-collapse ul.nav > li > a {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        font-size: 10pt;
        color: #ecf0f1;
    }

    .header .navbar-collapse ul.nav li a:hover,
    .header .navbar-collapse ul.nav li a:focus,
    .header .navbar-collapse ul.nav li a:active {
        background-color: rgba(41, 128, 185, 0.9);
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }

    .header .nav .open > a,
    .header .nav .open > a:hover,
    .header .nav .open > a:focus {
        background-color: rgba(41, 128, 185, 0.9);
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }

    .header .navbar-collapse ul.nav li a i.fa {
        text-align: center;
    }

    .header .nav > li > a {
        position: relative;
        display: block;
        padding: 10px 40px;
    }

    .header .navbar-collapse ul.nav li.active {
        background-color: rgba(41, 128, 185, 0.9);
        -webkit-background-color: rgba(41, 128, 185, 0.9);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
    }

    .header .navbar-collapse .dropdown-menu {
        padding: 10px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        border: none;
        overflow-x: hidden;
    }

        .header .navbar-collapse .dropdown-menu li a {
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px;
            color: #34495e;
            padding-left: 5px;
            padding-right: 5px;
        }

            .header .navbar-collapse .dropdown-menu li a:hover {
                color: #ecf0f1;
                -webkit-transition: all 1s ease;
                -moz-transition: all 1s ease;
                -ms-transition: all 1s ease;
                -o-transition: all 1s ease;
                transition: all 1s ease;
            }

            .header .navbar-collapse .dropdown-menu li a i.fa {
                margin-right: 5px;
            }



.main {
    background-color: #f2f2f2;
    padding: 20px;
    margin-top: -55px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border-bottom: 4px solid #ddd;
}

.breadcrumb {
    background-color: #e7e7e7;
    border-bottom: 3px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.state-overview section.panel {
    border: none;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #2c9dff;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-primary > .panel-heading {
    color: #fff;
    background-color: #2c9dff;
    /* border-color: #337ab7; */
}

.panel-success > .panel-heading {
    color: #ffffff;
    background-color: rgb(92, 116, 236);
    /* border-color: #d6e9c6; */
}

.panel-primary > .panel-heading h2 {
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 0;
}


.state-overview .terques {
    background: #1abc9c;
}

.state-overview .symbol {
    width: 40%;
    padding: 25px 15px;
    -webkit-border-radius: 4px 0px 0px 4px;
    -moz-border-radius: 4px 0px 0px 4px;
    -ms-border-radius: 4px 0px 0px 4px;
    -o-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;
}

.state-overview .symbol, .state-overview .value {
    display: inline-block;
    text-align: center;
}

    .state-overview .symbol i {
        color: #fff;
        font-size: 50px;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
        border-radius: 100%;
        -webkit-border: 2px dotted #fff;
        -moz-border: 2px dotted #fff;
        -ms-border: 2px dotted #fff;
        -o-border: 2px dotted #fff;
        border: 2px dotted #fff;
        width: 85px;
        height: 85px;
        padding-top: 17px;
    }

.state-overview .value {
    width: 58%;
    padding-top: 31px;
}

.state-overview .value {
    float: right;
}

.state-overview .symbol, .state-overview .value {
    display: inline-block;
    text-align: center;
}

    .state-overview .value h1 {
        font-weight: 300;
    }

    .state-overview .value h1, .state-overview .value p {
        margin: 0;
        padding: 0;
        color: #c6cad6;
    }

.state-overview .red {
    background: #e74c3c;
}

.state-overview .yellow {
    background: #f1c40f;
}

.state-overview .purple {
    background: #9b59b6;
}

.abraologo {
    position: absolute;
    z-index: 1;
    top: 3px;
    left: 10px;
    bottom: 0px;
    width: 121px;
    height: 46px;
    background-color: #f0f8ff;
    border-radius: 6%;
    padding: 2px;
}

.footer-bottom .footer-bottom-widget {
    border-top: 1px solid #ddd;
    margin-top: 25px;
    padding-top: 20px;
    padding-bottom: 20px;
}

    .footer-bottom .footer-bottom-widget p {
        color: #7f8c8d;
    }

    .footer-bottom .footer-bottom-widget .sosmed-footer {
        margin-bottom: 10px;
    }

    .footer-bottom .footer-bottom-widget .footer-bottom-links {
        text-align: right;
        margin-top: 5px;
    }

    .footer-bottom .footer-bottom-widget p {
        color: #7f8c8d;
    }

    .footer-bottom .footer-bottom-widget .footer-bottom-links a {
        margin-left: 2px;
        color: #7f8c8d;
        font-size: 11pt;
    }

    .footer-bottom .footer-bottom-widget .footer-bottom-links a {
        margin-left: 2px;
        color: #7f8c8d;
        font-size: 11pt;
    }

    .footer-bottom .footer-bottom-widget .sosmed-footer i.fa:hover {
        background-color: #34495e;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }

    .footer-bottom .footer-bottom-widget .sosmed-footer i.fa {
        margin-right: 14px;
    }

    .footer-bottom .footer-bottom-widget .sosmed-footer i.fa {
        margin-right: 15px;
        width: 30px;
        height: 30px;
        background-color: #8d9aa5;
        color: #e7e7e7;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        padding-top: 8px;
        padding-left: 9px;
        margin-bottom: 10px;
    }

.martb {
    margin-top: 20px;
    margin-bottom: 30px;
    background-color: #e7e7e7;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 1px solid #2c9dff;
}

    .martb label {
        color: #266ba7ff;
        font-weight: bold;
    }

.invoice .panel-primary > .panel-heading {
    color: #fff;
    background-color: rgb(83, 117, 241);
}

.martp10 .panel-body .col-md-6 {
    margin-top: 10px;
}

.martp10 .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    font-size: 14px;
}

.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
    border-top: 0;
    background-color: #3498db;
    color: #fff;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    border-color: 1px solid #000;
    border: 1px solid #3498db;
}

.input-group-addon:first-child {
    border-right: 0;
    background-color: #3498db;
    color: #fff;
}

.main .table {
    font-size: 14px;
}

.main .summary .col-md-6 {
    padding-top: 10px;
}

.main .summary .buttons {
    margin-top: 30px;
}

.btn-info.search {
    margin-top: 25px;
    min-width: 150px;
}

.main .form-control {
    border: 1px solid #3498db;
    padding-left: 10px;
    padding-right: 0;
}

.main textarea.form-control {
    padding-left: 10px;
    padding-right: 0;
}


.navbar-login {
    width: 350px;
    padding: 10px;
    padding-bottom: 0px;
}

.navbar-login-session {
    padding: 10px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.icon-size {
    font-size: 87px;
}

.header-top .navbar-nav > li > a {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 11px;
    color: #fff;
}

.navbar {
    border-radius: 0;
}

.main .input-group.upload {
    padding-bottom: 6px;
}

.main .pretty .state label {
    font-weight: bold;
    font-size: 14px;
}

.main .pretty.view {
    margin-top: -8px;
}

input.form-control {
    text-transform: uppercase;
}


.blink {
    /*background-color: magenta;*/
    /*text-align: center;
		line-height: 50px;*/
}

span.blink1 {
    color: blue;
    animation: blink 1s linear infinite;
    font-weight: bold;
}

@keyframes blink {
    0% {
        opacity: 0;
    }

    50% {
        opacity: .5;
    }

    100% {
        opacity: 1;
    }
}


textarea.form-control {
    text-transform: uppercase;
}