ul, ol {margin: 0;}
p {margin: 0;}

html, body{
    font-family: 'Roboto', sans-serif;
    font-size: 100%;
    overflow-x: hidden;
    background-color : #0e4095;   
    color: #fff;
}
body a{
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
    text-decoration:none;
}
h1,h2,h3,h4,h5,h6{
    margin:0;    
}
h1{font-size:1.6rem;}
h2{font-size:1.5rem;}
h3{font-size:1.4rem;}
h4{font-size:1.4rem;}
h5{font-size:1.3rem;}

p{
    margin:0;
}
ul{
    margin:0;
    padding:0;
}
body a:hover{
    text-decoration:none;
}

.bottom-margin,form.bottom-margin{margin-bottom: 15px;}
input.error,select.error{border: 1px solid #f00;}
.alert{text-align: center !important; width: 90% !important; margin-left: auto !important; margin-right: auto !important; margin-top: 10px !important;}
.alert p{margin-top: 10px;}
.t-b-paddings{padding-top: 10px; padding-bottom: 10px;}
.l-r-paddings{padding-left: 10px; padding-right: 10px;}
.t-b-margin{margin-top: 10px; margin-bottom: 10px;}
.mt{margin-top: 10px;}
.mb{margin-bottom: 10px;}
.pt{padding-top: 10px;}
.pb{padding-bottom: 10px;}
fieldset.bottom-border{border-bottom: 1px solid #eee; margin-bottom: 10px; padding-bottom: 5px;}
.clearFix{clear: both;}
.boldTxt{font-weight: bold;}
.hide{display: none;}
.responsive{
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
table.two-axis tr td:first-of-type {
    background: #eee;
}
.centered{text-align: center !important;}

@media only screen and (max-width: 768px) {
    table.two-axis tr td:first-of-type,
    table.two-axis tr:nth-of-type(2n+2) td:first-of-type,
    table.two-axis tr td:first-of-type:before {
        background: #eee;        
    }

    table.two-axis tr td:first-of-type {
        border-bottom: 1px solid #e4ebeb;
    }
}
table thead tr{background: #1e3f90; color:#eee;}
table caption{font-weight: bold; border-bottom:  1px solid #eee; margin-bottom: 10px; margin-left: 5px; caption-side: top; color:#fff !important;}
.copyright p,.right-aligned{text-align: right; margin-right: 10px;}
.right-aligned{margin-bottom: 5px;}
p.right-aligned span.left-align{float:left;}
table tr#rowActive{background-color: #0f0}
fieldset legend{color: #777; padding-left:10px; margin-top: 10px; font-size:16px; font-weight: bold;}
table.table-striped caption{text-align: center;}
table.table-striped caption span{float: right; margin-right: 10px;}
table.col1 label{display: block; margin-bottom: 8px;}

table.lable-margins label input{margin-right: 10px;}
table.col1.table tr > td{padding: 5px !important; border-bottom: none !important;}
table td{color: #fff; padding: 10px !important;}
table td.prop{font-weight: bold;}
.bg-light{background: #eee;}

table.halfWidth{width: 60%; margin: 10px auto;}
@media (max-width: 768px){
    table.halfWidth{width: 100%; }
}
.form-group label{margin-bottom: 10px;}
label span{font-weight: normal;}


.button{
    -webkit-border-radius: 0; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
    -moz-border-radius: 0; /* FF1-3.6 */
    border-radius: 0; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
    /* useful if you don't want a bg color from leaking outside the border: */
    -webkit-background-clip: padding-box; 
    background-clip: padding-box;
    border: 1px solid #006699;
    background-color:#006699;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#006699), to(#006699)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #006699, #006699); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(top, #006699, #006699); /* FF3.6 */
    background-image: -ms-linear-gradient(top, #006699, #006699); /* IE10 */
    background-image: -o-linear-gradient(top, #006699, #006699); /* Opera 11.10+ */
    background-image: linear-gradient(to bottom, #006699, #006699);       
    color:#fff;
    padding: 10px 15px;
    cursor:pointer;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 0.9rem !important;
}
a.logout_button{padding: 10px 15px;text-decoration: none;}

a.button{text-decoration: none;padding: 5px 15px;}

a.button .fa, a.logout_button .fa, .button fa{color: #fff !important;}
a.button .fa{color: #fff !important;}


input.button:hover, a.button:hover
{
    background-color:#fefefe;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#fefefe)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #fefefe, #fefefe); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(top, #fefefe, #fefefe); /* FF3.6 */
    background-image: -ms-linear-gradient(top, #fefefe, #fefefe); /* IE10 */
    background-image: -o-linear-gradient(top, #fefefe, #fefefe); /* Opera 11.10+ */
    background-image: linear-gradient(to bottom, #fefefe, #fefefe); 
    color: #007bff;    
}

.buttons span{margin-left: 10px; margin-right: 10px;}

#toggleContent{
    padding: 10px;
}
#toggleButton{
    margin: 10px 0;
}
#toggleButton i {float:right;}
div.form-wrap{padding: 10px;}


/*ul#accordion{margin: 0; list-style-type: none; padding: 0;}
ul#accordion li{border-bottom: 1px dotted #fff; background: #fff; margin-bottom: 0px; padding: 4px;}
ul#accordion li h1.accordion_header{text-align: left; padding: 1px 0; margin: 0 0 0px 0; font-size: 1.0em;}
ul#accordion li h1.accordion_header a{display:block; padding: 5px; background: #ddd; margin: 0; text-decoration: none;}
ul#accordion li h1.accordion_header a span{margin-right:10px;}
ul#accordion li div.section{background: #eee; padding: 4px; margin-bottom: 5px;}
ul#accordion li div.section h3{margin:4px 0 0 0;}
ul#accordion li div.section h3.sub_header{border-bottom: 2px solid #dedede;}
ul#accordion li div.last{}
ul#accordion li p{margin: 4px 0;}
ul#accordion li p span{font-weight:bold; margin-right: 15px;}
ul#accordion li p.edit,ul#accordion li p.image_button{text-align: left; margin: 20px 0 20px 20px;}
ul#accordion li p.image_button{margin-bottom: 30px;}
ul#accordion li p.edit a.button,ul#accordion li p.centered a.button,ul#accordion li p.image_button a.button{text-decoration: none; padding: 3px 5px;}*/

/*.maintenance-form-table select.select-time{
    width: 50%;
    float: right;
}*/

.topMenu ul > li > a{display: block; padding: 4px 8px;}
/*.navRightArrow,.navDownArrow{
    width:13px;
    height: 16px;
    background: transparent url('../images/navsprite.png') no-repeat 0 0;
    position: absolute;
    right:5px;
    top:6px;
 }*/

/*sidebar navigation*/
#sidebar {
    width:240px;
    height:100%;
    position:fixed;    
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
#sidebar ul li {
    position: relative;
}
.leftside-navigation,.right-stat-bar{
    height: 100%;
}
.right-stat-bar ul {
    list-style-type: none;
    padding-left: 0;
}
/*LEFT NAVIGATION ICON*/
.dcjq-icon {
    height:17px;
    width:17px;
    display:inline-block;
    background:url(../images/nav-expand.png) no-repeat top;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    position:absolute;
    right:10px;
}
.active .dcjq-icon {
    background:url(../images/nav-expand.png) no-repeat bottom;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.right-side-accordion .dcjq-icon {
    height:17px;
    width:17px;
    display:inline-block;
    background:url(../images/acc-expand.png) no-repeat top;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    position:absolute;
    right:10px;
}
.right-side-accordion .active .dcjq-icon {
    background:url(../images/acc-expand.png) no-repeat bottom;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius: 3px;
}
.right-side-accordion li:nth-child(2) ul li .prog-row {
    border: none;
}
/*---*/
.nav-collapse.collapse {
    display:inline;
}
ul.sidebar-menu,ul.sidebar-menu li ul.sub {
    margin:-2px 0 0;
    padding:0;
}
ul.sidebar-menu {
    padding-top:80px;

}
#sidebar>ul>li>ul.sub {
    display:none;
}
#sidebar .sub-menu>.sub li a {
    padding-left:46px;
}
#sidebar>ul>li.active>ul.sub,#sidebar>ul>li>ul.sub>li>a {
    display:block;
}
ul.sidebar-menu li ul.sub li {
    background:rgba(52, 48, 48, 0);
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
}
ul.sidebar-menu li ul.sub li a {
    font-size:12px;
    padding-top:13px;
    padding-bottom:13px;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    transition:all 0.3s ease;
    color:#fff;
}
ul.sidebar-menu li ul.sub li a:hover,ul.sidebar-menu li ul.sub li.active a {
    color:#fff;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    transition:all 0.3s ease;
    display:block;
    background:rgba(40, 40, 46, 0.28);
}
ul.sidebar-menu li {
    border-bottom:1px solid rgba(255,255,255,0.05);
}
ul.sidebar-menu li.sub-menu {
    line-height:15px;
}
ul.sidebar-menu ul.sub li {
    border-bottom:none;
}
ul.sidebar-menu li a span {
    display:inline-block;
}
ul.sidebar-menu li a {
    color:#fff;
    text-decoration:none;
    display:block;
    padding:18px 0 18px 25px;
    font-size:12px;
    outline:none;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    transition:all 0.3s ease;
}
ul.sidebar-menu li a.active, ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus {
    background: rgba(40, 40, 46, 0.28);
    color: #fff;
    display: block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
ul.sidebar-menu li a i {
    font-size:15px;
    padding-right:6px;
}
ul.sidebar-menu li a:hover i,ul.sidebar-menu li a:focus i {
    color:#fff;
}
ul.sidebar-menu li a.active i {
    color:#fff;
}
/*main content*/
#main-content {
    margin-left:240px;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
.footer {
    background: #0e4095;
    padding: 20px;
}
.footer p {
    color: #fff;
    letter-spacing: 1px;
}
.footer p a {
    color: #fff;
}
.footer p a:hover {
    color: #fff;
}
.header {
    left:0;
    right:0;
    z-index:1002;
    background:#0e4095;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}

.fixed-top {
    position:fixed;
    box-shadow:1px 0 3px rgba(0,0,0,.15);
}
.wrapper {
    display:inline-block;
    margin-top:80px;
    padding:15px;
    width:100%;
}
.brand {
    background:#0e4095;
    float:left;
    width:240px;
    height:60px;
    position:relative;
    /*    border-right: 1px solid #fff;*/
}
a.logo {
    font-size:28px;
    color:#fff;
    float:left;
    margin:2px 0 0 10px;
    text-transform:uppercase;    
}
a.logo img{
    max-width: 100%;
    height: auto;
    float: left;
}
a.logo:hover,a.logo:focus {
    text-decoration:none;
    outline:none;
}
a.logo span {    
    margin-top: 10px;
}
/*notification*/
#top_menu .nav>li,ul.top-menu>li {
    float:left;
}

ul.top-menu {
    margin-right:15px;
    margin-top: 0;
}
ul.top-menu > li > a {
    color: #fff;
    font-size: 16px;
    background: #0e4095;
    padding: 4px 8px;
    margin-right: 15px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    /*    padding-right: 8px !important;*/
}
ul.top-menu>li>a:hover,ul.top-menu>li>a:focus {
    background:#fa9fa4;
    text-decoration:none;
    color:#fff !important;
    padding-right:8px !important;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background:#fa9fa4 !important;
    color:#fff !important;
}

.dropdown-menu.extended {
    max-width:320px !important;
    min-width:160px !important;
    top:42px;
    width:300px !important;
    padding:0 10px;
    box-shadow:0 0px 5px rgba(0,0,0,0.1) !important;
    border-radius:5px;
    -webkit-border-radius:5px;
    background:#fff;
    border:none;
    left:-10px;
}
.notify-row .notification span.label {
    display:inline-block;
    height:21px;
    padding:5px;
    width:22px;
    font-size:12px;
    margin-right:10px;
}
.dropdown-menu.extended .alert-icon,.noti-info {
    float:left;
}
.noti-info {
    padding-left:10px;
    padding-top:6px;
    color:#414147;
}
.dropdown-menu.extended .alert {
    margin-bottom:10px;
}
.dropdown-menu.extended .alert-icon {
    border-radius:100%;
    display:inline-block;
    height:35px;
    width:35px;
}
.dropdown-menu.extended .alert-icon i {
    font-size:16px;
    width:35px;
    line-height:35px;
    height:35px;
}
.dropdown-menu.extended.inbox li a,.dropdown-menu.extended.tasks-bar li a {
    background:#f1f2f7;
    border-radius:5px;
    -webkit-border-radius:5px;
    padding:10px;
    margin-bottom:10px;
    float:left;
    width:100%;
}
.dropdown-menu.extended li p {
    margin:0;
    padding:10px 0;
    border-radius:0px;
    -webkit-border-radius:0px;
}
.dropdown-menu.extended li a {
    font-size:12px;
    list-style:none;
}
.dropdown-menu.extended.logout {
    padding:10px;
}
.dropdown-menu.extended.logout li a {
    padding:10px;
}
.dropdown-menu.extended li a:hover {
    color:#32323a;
}
.dropdown-menu.tasks-bar .task-info .desc {
    font-size:13px;
    font-weight:normal;
    float:left;
    width:80%;
}
.dropdown-menu.tasks-bar .task-info .desc h5 {
    color:#32323a;
    text-transform:uppercase;
    font-size:12px;
    font-weight:600;
    margin-bottom:5px;
    margin-top:0;
}
.dropdown-menu.tasks-bar .task-info .desc p {
    padding-top:0;
    color:#8f8f9b;
    font-weight:300;
}
.dropdown-menu.tasks-bar .task-info .percent {
    width:20%;
    float:right;
    font-size:13px;
    font-weight:600;
    padding-left:10px;
    line-height:normal;
}
.dropdown-menu.tasks-bar .progress {
    background:#fff;
}
.dropdown-menu.extended .progress {
    margin-bottom:0 !important;
    height:10px;
}
.dropdown-menu.inbox li a .photo img {
    border-radius:2px 2px 2px 2px;
    -webkit-border-radius:2px 2px 2px 2px;
    float:left;
    height:40px;
    margin-right:10px;
    width:40px;
}
.dropdown-menu.inbox li a .subject {
    display:block;
}
.dropdown-menu.inbox li a .subject .from {
    font-size:12px;
    font-weight:600;
}
.dropdown-menu.inbox li a .subject .time {
    font-size:11px;
    font-style:italic;
    font-weight:bold;
    position:absolute;
    right:20px;
}
.dropdown-menu.inbox li a .message {
    display:block !important;
    font-size:11px;
}
.top-nav {
    margin-top:20px;
}
.top-nav img {
    border-radius:50%;
    -webkit-border-radius:50%;
    width:33px;
}
.top-nav .icon-user i {
    height: 33px;
    width:33px;
    line-height: 33px;
    display: inline-block;
    font-size: 1.7em;
    padding-left: 10px;
}
.top-nav .icon-user .username {
    color: #555555;
    font-size: 13px;
    position: relative;
    top: -5px;
}
.top-nav .icon-user .caret {
    position: relative;
    top: -4px;
}
.top-nav ul.top-menu>li .dropdown-menu.logout {
    width:170px !important;
}
.top-nav li.dropdown .dropdown-menu {
    float:right;
    right:0;
    left:auto;
}
.dropdown-menu.extended.logout>li {
    float:left;
    width:100%;
}
.log-arrow-up {
    background:url("../images/top-arrow.png") no-repeat;
    width:18px;
    height:10px;
    margin-top:-20px;
    float:right;
    margin-right:15px;
}
.dropdown-menu.extended.logout>li>a {
    border-bottom:none !important;
}
.full-width .dropdown-menu.extended.logout>li>a:hover {
    background:#F1F2F7 !important;
    color:#32323a !important;
}
.dropdown-menu.extended.logout>li>a:hover {
    background:#F1F2F7 !important;
    border-radius:5px;
}
.dropdown-menu.extended.logout>li>a:hover i {
    color:#ffa2a2;
}
.dropdown-menu.extended.logout>li>a i {
    font-size:17px;
}
.dropdown-menu.extended.logout>li>a>i {
    padding-right:10px;
}
.top-nav .username {
    font-size:13px;
    color:#fff;
}
.top-nav ul.top-menu>li>a {
    border-radius: 100px;
    -webkit-border-radius: 100px;
    padding: 6px 8px 8px 0;
    background: none;
    margin-right: 0;
    border: 1px solid #0e4095;
    background: #0e4095;
}
.top-nav ul.top-menu>li.language>a {
    margin-top:-2px;
    padding:4px 12px;
    line-height:20px;
}
.top-nav ul.top-menu>li.language>a img {
    border-radius:0;
    -webkit-border-radius:0;
    width:18px;
}
.top-nav ul.top-menu>li.language ul.dropdown-menu li img {
    border-radius:0;
    -webkit-border-radius:0;
    width:18px;
}
.top-nav ul.top-menu>li {
    margin-left:10px;
}
.top-nav ul.top-menu>li>a:hover,.top-nav ul.top-menu>li>a:focus {
    border:1px solid #fa9fa4;
    background:#fa9fa4 !important;
    border-radius:100px;
    -webkit-border-radius:100px;
}
.top-nav .dropdown-menu.extended.logout {
    top:50px;
}
.top-nav .nav .caret {
    border-bottom-color:#A4AABA;
    border-top-color:#A4AABA;
}
.top-nav ul.top-menu>li>a:hover .caret {
    border-bottom-color:#000;
    border-top-color: #000;
}
/*form*/
.position-center {
    width:62%;
    margin: 0 auto;
}

/*--sidebar toggle---*/
.sidebar-toggle-box {
    float:left;
    margin-top:10px;
    margin-left:-15px;
    background:#0e4095;
    border-radius:50%;
    -webkit-border-radius:50%;
    width:32px;
    height:32px;
    position:absolute;
    right:-15px;
}
.sidebar-toggle-box .fa-bars {
    cursor:pointer;
    display:inline-block;
    font-size:15px;
    padding:8px 8px 8px 9px;
    color:#fff;
}
.sidebar-toggle-box:hover {
    background:#1e3f90;
}
.hide-left-bar {
    margin-left:-240px !important;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
.open-right-bar {
    right:0px !important;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
.merge-left {
    margin-left:0px !important;
}
.hide-right-bar {
    margin-right:-240px !important;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
.toggle-right-box {
    float:left;
    background:#f6f6f6;
    border-radius:50%;
    -webkit-border-radius:50%;
    width:35px;
    height:35px;
}
.toggle-right-box:hover {
    background:#ffa2a2;
}
.toggle-right-box:hover .fa-bars {
    color:rgba(0,0,0,0.3);
}
.toggle-right-box .fa-bars {
    cursor:pointer;
    display:inline-block;
    font-size:15px;
    padding:10px;
    color: #bfbfc1;
}
/*home*/
.home-logo{
    text-align: center;
    position: absolute;
    left: 5%;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.content-logo{
    text-align: center;
    position: absolute;
    left: 5%;
    right: 0;
    bottom: 5%;
    transform: translateY(-5%);
}
.home-logo p, .content-logo p{width: 50%; margin: auto;}

h1.home-header{
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
}
p.home-sub-header{
    margin-top: 0;
}



@media screen and (orientation: landscape){
    .home-logo p, .content-logo p{width: 15%; margin: auto;}
}

@media screen and (min-width:992px) {
    .home-logo p, .content-logo p{width: 20%; margin: auto;}
}

.panel-heading {
    position: relative;
    height: 57px;
    line-height: 57px;
    letter-spacing: 0.2px;
    color: #000;
    font-size: 18px;
    font-weight: 400;
    padding: 0 16px;
    background:#ddede0;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px; 
    text-transform: uppercase;
    text-align: center;
}
.panel-heading h1{margin: 0 !important; padding: 0 !important; line-height: unset;}
.panel {
    border: none ! important;
}
.alert-info .alert-icon {
    background-color: #99cce3;
}
.alert-danger .alert-icon {
    background-color: #fcb1ae;
}
.alert-success .alert-icon {
    background-color: #98d7ad;
}
.alert-warning .alert-icon {
    background-color: #ffe699;
}
.alert-icon i {
    width: 40px;
    height: 40px;
    display: block;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    color: #fff;
}
.alert-icon {
    width: 40px;
    height: 40px;
    display: inline-block;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

/*certificate*/
.message-wrap, .error-message-wrap{
    margin: 10px 0;    
}
.isi-card{
    padding: 10px 5px;
    box-shadow: 5px 3px 3px black; 
}
.isi-card-header{text-align: center; font-size: 1.3rem;}
.isi-card-header i{margin-right: 10px;}
.isi-card-content{padding: 10px;}
.message-wrap .isi-card-header, .error-message-wrap.isi-card-header{text-transform: uppercase;}
.error-message-wrap .isi-card-header{color: #fcb1ae;}

.certificate-wrap table tr{border-bottom: 1px solid #555;}
.certificate-wrap table caption{font-size: 1.3rem;}
.certificate-wrap table td{font-size: 1.1rem !important;}
p.call-button-wrap{margin-top: 15px;}
p.call-button-wrap a i{margin-right: 10px;}
button.certificate-list-button{border-radius: 0 !important; padding: 15px 15px; font-weight: bold; text-transform: uppercase;}

.alert-success .notification-info a {
    color: #42b663;
}
.alert-danger .notification-info a {
    color: #fb6f6b;
}
.alert-info .notification-info a {
    color: #45a2c9;
}
.alert {
    padding: 16.8px !important;
}
/*-- graphs --*/
.area-grids{
    border: 10px solid #d8d8d8;
    background: #FFF;
    padding: 1em;
}
.charts-right {
    padding-left: 0;
}
.chart-left {
    padding-right: 0;
}
.agile-bottom-right {
    padding-left: 0;
}
.agile-bottom-left {
    padding-right: 0;
}
#graph {
    width: 100%;
    margin: 20px auto 0 auto;
}
pre {
    height: 250px;
    overflow: auto;
}

/*-- graphs --*/

/*button*/
.btn-row {
    margin-bottom: 10px;
}

/*-- icons --*/
.icon-box {
    padding: 8px 15px;
    background: rgb(218, 223, 219);
    margin: 1em 0 1em 0;
    border: 5px solid #eef9f0;
    text-align: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -moz-transition: 0.5s all;
    cursor: pointer;
} 
.icon-box:hover {
    background: #000;
    transition:0.5s all;
    -webkit-transition:0.5s all;
    -o-transition:0.5s all;
    -ms-transition:0.5s all;
    -moz-transition:0.5s all;
}
.icon-box:hover i.fa {
    color:#fff !important;
}
.icon-box:hover a.agile-icon {
    color:#fff !important;
}

.icons a {
    color: #000000;
}
.icon-box i {
    margin-right: 10px !important;
    font-size: 20px !important;
    color: #000000!important;
}

@media (max-width:991px){
    h3.agileits-icons-title {
        font-size: 28px;
    }
    h3.icon-subheading {
        font-size: 22px;
    }
}
@media (max-width:768px){    
    .row {
        margin-right: 0;
        margin-left: 0;
    }
    a.logo{font-size: 20px;}
    
}
@media (max-width: 640px){
    .icon-box {
        float: left;
        width: 50%;
    }
}
@media (max-width: 480px){
    .bs-glyphicons li {
        width: 31%;
    }
}
@media (max-width: 414px){
    h3.agileits-icons-title {
        font-size: 23px;
    }
    h3.icon-subheading {
        font-size: 18px;
    }
    .bs-glyphicons li {
        width: 31.33%;
    }
}
@media (max-width: 384px){
    .icon-box {
        float: none;
        width: 100%;
    }
}
/*-- //icons --*/
.w3_wthree_agileits_icons.main-grid-border {
    padding: 5em 0;
}
/*--Typography--*/
.well {
    font-weight: 300;
    font-size: 14px;
}
.list-group-item {
    font-weight: 300;
    font-size: 14px;
}
li.list-group-item1 {
    font-size: 14px;
    font-weight: 300;
}
.typo p {
    margin: 0;
    font-size: 14px;
    font-weight: 300;
}
.show-grid [class^=col-] {
    background: #fff;
    text-align: center;
    margin-bottom: 10px;
    line-height: 2em;
    border: 10px solid #f0f0f0;
}
.show-grid [class*="col-"]:hover {
    background: #e0e0e0;
}
.label {
    font-weight: 300 !important;
    border-radius:4px;
}  

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: none !important;
}
.tab-content > .active {
    display: block;
    visibility: visible;
}


section#tables  p {
    margin-top: 1em;
}
.tab-container .tab-content {
    border-radius: 0 2px 2px 2px;
    border: 1px solid #e0e0e0;
    padding: 16px;
    background-color: #ffffff;
}
.table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 10px!important;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    font-size: 0.9em;
    /*	border-top: none !important;*/
}
.table-bordered > thead > tr > th,.table-bordered > tbody > tr > td {
    border: 2px solid #fff !important;
}
.tab-content > .active {
    display: block;
    visibility: visible;
}
.label {
    font-weight: 300 !important;
}
.label {
    padding: 4px 6px;
    border: none;
    text-shadow: none;
}
.alert {
    font-size: 0.85em;
}

li.list-group-item1 {
    line-height: 2.5em;
}
.input-group {
    margin-bottom: 20px;
}
.in-gp-tl{
    padding:0;
}
.in-gp-tb{
    padding-right:0;
}
.list-group {
    margin-bottom: 48px;
}
ol {
    margin-bottom: 44px;
}
h2.typoh2{
    margin: 0 0 10px;
}
@media (max-width:768px){
    .grid_5 {
        padding: 0 0 1em;
    }
    .grid_3 {
        margin-bottom: 0em;
    }
    h1{font-size:1.4rem;}
    h2{font-size:1.3rem;}
    h3{font-size:1.2rem;}
    h4{font-size:1.2rem;}
    h5{font-size:1.2rem;}
}
@media (max-width:640px){
    h1, .h1, h2, .h2, h3, .h3 {
        margin-top: 0px;
        margin-bottom: 0px;
    }    
    
    ol.breadcrumb li,.grid_3 p,ul.list-group li,li.list-group-item1 {
        font-size: 14px;
    }
    .breadcrumb {
        margin-bottom: 25px;
        font-size: 12px;
    }
    div.breadcrumb p{font-size: 10px;}

    .well {
        font-size: 14px;
        margin-bottom: 10px;
    }
    h2.typoh2 {
        font-size: 1.5em;
    }
    .label {
        font-size: 60%;
    }
    .in-gp-tl {
        padding: 0 1em;
    }
    .in-gp-tb {
        padding-right: 1em;
    }
}
@media (max-width:480px){
    
    .label {
        font-size: 53%;
    }
    .alert,p {
        font-size: 14px;
    }
    
}
@media (max-width: 320px){
    .grid_4 {
        margin-top: 18px;
    }
    h3.title {
        font-size: 1.6em;
    }
    .alert, p,ol.breadcrumb li, .grid_3 p,.well, ul.list-group li, li.list-group-item1,a.list-group-item {
        font-size: 13px;
    }
    .alert {
        padding: 10px;
        margin-bottom: 10px;
    }
    ul.pagination li a {
        font-size: 14px;
        padding: 5px 10px;
    }
    .list-group {
        margin-bottom: 10px;
    }
    .well {
        padding: 10px;
    }
    .nav > li > a {
        font-size: 14px;
    }
}
/*-- //typography --*/
.typo {
    padding: 5em 0;
}
ul.bs-glyphicons-list {
    padding: 0;
}
.w3ls_head {
    font-size: 30px;
    color: #000000;
    margin-bottom: 2em;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
}
.agile-grid{
    background: #eef9f0;
    padding: 2em;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.wthree-font-awesome{
    background: #eef9f0;
    padding: 2em;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.w3layouts-glyphicon{
    background: #eef9f0;
    padding: 2em;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.table-agile-info{
    background: #eef9f0;
    /*    padding: 2em;*/
    border-radius: 0;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.form-w3layouts{
    background: #eef9f0;
    padding: 2em;
    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-default>.panel-heading {
    color: #000000 ! important;
    background-color: #ddede0 ! important;
    border-color: #ddede0 ! important;
    font-size: 20px;
}
p.hd-title {
    color: #b64d99;
    font-size: 20px;
    margin-bottom: 1em;
}
.bg-success {
    color: #c6efd0;
    background-color: #27c24c;
}
.bg-info {
    color: #dcf2f8;
    background-color: #23b7e5;
}
.bg-info {
    color: #dcf2f8;
    background-color: #23b7e5;
}
.bg-danger {
    color: #ffffff;
    background-color: #f05050;
}
.text-success {
    color: #27c24c;
}
.text-warning {
    color: #fad733;
}
.text-danger {
    color: #f05050;
}
.btn-default {
    color: #58666e !important;
    background-color: #fcfdfd;
    background-color: #fff;
    border-color: #dee5e7;
    border-bottom-color: #d8e1e3;
    -webkit-box-shadow: 0 1px 1px rgba(90, 90, 90, 0.1);
    box-shadow: 0 1px 1px rgba(90, 90, 90, 0.1);
}
select.input-sm {
    height: 30px;
    line-height: 30px;
}
.w-sm {
    /*width: 150px;*/
    width: 30%;
}
.inline {
    display: inline-block !important;
}
.v-middle {
    vertical-align: middle !important;
}
.m-b-xs {
    margin-bottom: 5px;
}
#upload{
    font-family:'PT Sans Narrow', sans-serif;
    background-color:#fff;
    /*background-image:-webkit-linear-gradient(top, #373a3d, #313437);*/
    /*background-image:-moz-linear-gradient(top, #373a3d, #313437);*/
    /*background-image:linear-gradient(top, #373a3d, #313437);*/
    width:100%;
    padding:30px;
    border-radius:3px;
    margin:0px auto 100px;
    /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);*/
}
#drop{
    background-color: #fff;
    padding: 100px 50px;
    margin-bottom: 30px;
    border: 5px dashed #F1F2F7;
    border-radius: 3px;
    /*border-image: url('../img/border-image.png') 25 repeat;*/
    text-align: center;
    text-transform: uppercase;
    font-size:16px;
    font-weight:bold;
    color:#7f858a;
}
#drop a{
    background-color:#0e4095;
    padding:12px 26px;
    color:#fff;
    font-size:14px;
    border-radius:2px;
    cursor:pointer;
    display:inline-block;
    margin-top:12px;
    line-height:1;
}
#drop a:hover{
    background-color:#dfa7a6;
}
#drop input{
    display:none;
}

.nav.nav-pills.nav-stacked.labels-info p {
    margin-bottom:0;
    padding:0 22px;
    color:#9d9f9e;
    font-size:11px;
}
.wht-bg {
    background: #fff;
    padding: 20px;
}
.wht-bg h4 {
    font-size:24px;
    color:#a2a2a2;
    font-weight:300;
    text-align:left;
}
.btn-send,.btn-send:hover {
    background:#00A8B3;
    color:#fff;
}
.btn-send:hover {
    background:#009da7;
}
.modal-header h4.modal-title {
    font-weight:300;
    font-family:'Open Sans',sans-serif;
}
.modal-body label {
    font-weight:400;
    font-family: 'Open Sans',sans-serif;
}
.agile-info h3 {
    font-size: 2.5em;
    text-transform: uppercase;
    color: #0e4095;
    font-weight: 500;
    letter-spacing: 12px;
}
.agile-info h2 {
    font-size: 12em;
    color:#0e4095;
    line-height: 1;
    font-weight: 300;
    letter-spacing: 20px;
}
.agile-info {
    padding:9em 2em 16.6em;
    background: rgba(240, 188, 180, 0.42);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    text-align: center;
}
.agile-info p {
    font-size: 1em;
    color: #fff;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin-bottom: 3em;
    margin-top: 2em;
}
.agile-info a {
    font-size: 1em;
    text-transform: uppercase;
    color: white;
    width: 18%;
    padding: 12px 0px;
    letter-spacing: 2px;
    display: inline-block;
    background: #f0bcb4;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.agile-info a:hover {
    background: #0e4095;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.w3layouts-main h2,.w3layouts-main h1 {
    color: #0e4095;
    font-size: 29px;
    letter-spacing: 2px;
    padding-bottom: 15px;
    text-align: center;
}
.w3layouts-main h1{ text-transform: uppercase;}

.w3layouts-main {
    width: 40%;
    margin:5em auto;
    background:#eee;    
    /*    background:rgba(171, 119, 157, 0.27);    */
    padding: 10px;
}

/*--//header--*/

.w3layouts-main h4{
    margin-right: 10px;
    color:#fff;
    font-weight:400;
    font-size:14px;
}
/*--placeholder-color--*/
div.w3layouts-main ::-webkit-input-placeholder {
    color:#555 !important;
}
div.w3layouts-main :-moz-placeholder { /* Firefox 18- */
    color:#555 !important; 
}
div.w3layouts-main ::-moz-placeholder {  /* Firefox 19+ */
    color:#555 !important;
}
div.w3layouts-main :-ms-input-placeholder {  
    color:#555 !important;
}
/*--//placeholder-color--*/
.alert {
    margin-bottom: 23px !important;
}
/*-- responsive design --*/
@media (max-width: 1440px){
    .w3layouts-main {
        width: 33%;
    }
    .captn {
        padding: 1em;
        width: 301px;
        height: 182px;
    }
}
@media (max-width: 1366px){
    .w3layouts-main {
        width: 35%;
    }
    .captn {
        width: 280px;
        height: 170px;
    }
}
@media (max-width: 1280px){
    .w3layouts-main {
        width: 38%;
    }
    .captn {
        width: 256px;
        height: 150px;
    }
    .market-update-block {
        padding: 1em 1em;
    }
    .alert {
        margin-bottom: 13px !important;
        padding: 12.8px !important;
    }
    
}
@media (max-width: 1080px){
    .w3layouts-main {
        width: 45%;
    }
    .agile-info {
        padding: 9.1em 2em;
    }
    .captn {
        width: 198px;
        height: 118px;
    }
    .captn h4 {
        margin: 1em 0 0 0;
    }
    .market-update-gd {
        float: left;
        width: 50%;
        margin: 1em 0;
    }
    .market-updates {
        margin: 0em 0;
    }
    .agile-calendar {
        width: 100%;
        margin-bottom: 1.5em;
    }
    .w3agile-notifications {
        width: 100%;
    }
    .agile-last-left {
        width: 100%;
    }
    .agile-last-left.agile-last-middle{
        width: 100%;
        margin:1.5em 0;
    }
    .agile-last-left.agile-last-right{
        width: 100%;
    }
    
    .w-sm {
        width: 138px;
    }
}
@media (max-width: 1024px){
    .w3layouts-main {
        width: 47%;
    }
    .captn {
        width: 180px;
        height: 110px;
    }
}
@media (max-width: 991px){
    .captn {
        width: 171px;
        height: 102px;
    }
    .market-update-left {
        float: left;
        margin-left: 20px;
    }
    .market-update-right {
        float: left;
    }
    
    .w-sm {
        width: 127px;
    }
}
@media (max-width: 800px){
    .w3layouts-main {
        width: 62%;
    }
    .gallery-grids-left {
        width: 100%;
    }
    .captn {
        width: 350px;
        height: 200px;
    }
    .captn h4 {
        margin: 3em 0 0 0;
    }
    .market-update-right {
        width: 100%;
        padding: 0;
        text-align: center;
    }
    .market-update-left {
        margin-left: 0;
        text-align: center;
        width: 100%;
    }
    
    .table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
        padding: 7px!important;
    }
    .com-w3ls {
        width: 100%;
    }
    .mail-w3agile {
        width: 100%;
    }
}
@media (max-width: 768px){
    .agile-info {
        padding: 17em 2em;
    }
    
    .table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
        padding: 6px!important;
    }
    #drop {
        padding: 100px 30px;
    }
    .table-agile-info {
        padding: 2em 2em 10.7em;
    }
    .position-center {
        width: 100%;
        margin: 0 auto;
    }
    #upload {
        margin: 0px auto 230px;
    }
    .w3ls-graph {
        padding: 0;
    }
    .w3layouts-main {
        margin: 14.3em auto;
    }
    .search:focus {
        width:170px;
    }
    .todo-search:focus{
        width:95% !important;
    }
}
@media (max-width: 736px){
    .w3layouts-main {
        width: 65%;
    }
    .agile-info {
        padding: 2em 2em;
    }
    .captn {
        width: 534px;
        height: 300px;
    }
    .captn h4 {
        margin: 6em 0 0 0;
    }
        
    .table-agile-info {
        padding: 2em;
    }
    #upload {
        margin: 0px auto 50px;
    }
    .w3layouts-main {
        margin: 5em auto;
    }
}
@media (max-width: 667px){
    .w3layouts-main {
        width:72%;
    }
    .agile-info p {
        font-size: 0.9em;
        margin-bottom: 2em;
        margin-top: 2em;
    }
    .agile-info a {
        width: 26%;
    }
    .captn {
        width: 474px;
        height: 267px;
    }
    .captn h4 {
        margin: 5em 0 0 0;
    }    
}
@media (max-width: 640px){
    .w3layouts-main {
        width: 75%;
    }
    .agile-info {
        padding: 3.7em 2em;
    }
    .captn {
        width: 452px;
        height: 250px;
    }
    
}
@media (max-width: 600px){
    .w3layouts-main {
        width: 80%;
    }
    .captn {
        width: 414px;
        height: 242px;
    }
    
}
@media (max-width: 568px){
    .w3layouts-main {
        width: 84%;
    }
    .captn {
        width: 386px;
        height: 225px;
    }
    .captn h4 {
        margin: 4em 0 0 0;
    }
    
}
@media (max-width: 480px){
    .w3layouts-main {
        width: 92%;
        margin: 3em auto;
        padding: 30px 20px;
    }
    .agile-info {
        padding: 7.1em 2em;
    }
    .agile-info a {
        width: 33%;
    }
    .captn {
        width: 308px;
        height: 180px;
    }
    .captn h4 {
        margin: 3em 0 0 0;
    }
    .w3-agile-map-left iframe {
        min-height: 300px;
    }
    .w3-agile-map-right iframe {
        min-height: 300px;
    }
    
    .table-agile-info {
        padding: 1em;
    }
    .table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
        padding: 5px!important;
    }
    .form-w3layouts {
        padding: 1em;
    }
}
@media (max-width: 414px){
    .w3layouts-main h2 {
        font-size: 24px;
    }
    .w3layouts-main h6 {
        font-size: 14px;
        width: 45%;
    }
    .w3layouts-main span {
        font-size: 14px;
        width: 37%;
        margin-top: 2px;
    }
    .agile-info a {
        width: 40%;
    }
    .agile-info h2 {
        font-size: 9em;
    }
    .agile-info {
        padding: 5em 2em 11.3em;
    }
    .w3layouts-main {
        margin: 0em auto 11.4em;
        padding: 30px 20px;
    }
    .captn {
        width: 250px;
        height: 146px;
    }
    .captn h4 {
        margin: 2em 0 0 0;
    }
    .w3-agile-map-left,.w3-agile-map-right {
        padding: 0;
    }
    .market-update-gd {
        float: left;
        width: 100%;
    }
    .market-update-left {
        margin-left: 0;
        text-align: left;
        width: 63%;
    }
    .market-update-right {
        width: 26%;
        padding: 0;
        text-align: left;
    }
    .agileinfo-grap {
        padding: 1em;
    }
    .calendar-widget {
        padding: 1em;
    }
    .notifications {
        padding: 1em;
    }
    
    .table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
        padding: 6px!important;
    }
    .stats-info-agileits {
        padding: 1em;
    }
    .stats-last-agile {
        padding: 1em;
    }
    .w3layouts-glyphicon {
        padding: 1em;
    }
    .typo-agile {
        padding: 1em;
    }
    .agile-grid {
        padding: 1em;
    }
    .position-center {
        width: 92%;
    }
    #drop {
        padding: 50px 30px;
        margin-bottom:0;
    }
    .com-w3ls {
        padding: 0;
    }
    .mail-w3agile {
        padding: 0;
    }
    .wht-bg h4 {
        font-size: 16px;
    }
    .chart_agile_top {
        padding: 1em;
        margin: 0 0 1em;
    }
    
    
}
@media (max-width: 384px){
    .agile-info {
        padding: 5.9em 2em;
    }
    .w3layouts-main {
        margin: 0em auto 5.4em;
    }
    .gallery {
        padding: 1em;
    }
    .w3ls_head {
        margin-bottom: 0.5em;;
    }
    .table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
        padding: 3px!important;
    }
    .wht-bg h4 {
        font-size: 14px;
    }
}
@media (max-width: 375px){
    .agile-info {
        padding: 3em 2em 8.95em;
    }
    .captn {
        width: 244px;
        height: 146px;
    }
    .table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
        padding: 4px!important;
        font-size: 0.75em;
    }
    
    .wht-bg h4 {
        font-size: 13px;
    }
}
@media (max-width: 320px){
    .w3layouts-main {
        width: 95%;
        margin: 0em auto 2em;
    }
    .w3layouts-main h6 {
        font-size: 13px;
        width: 49%;
    }
    .w3layouts-main span {
        width: 45%;
    }
    .w3layouts-main input[type="submit"] {
        padding: 10px 26px;
        font-size: 16px;
        margin: 45px auto 18px;
    }
    .agile-info h2 {
        font-size: 7em;
    }
    .agile-info a {
        width: 55%;
        font-size:0.9em;
    }
    .agile-info {
        padding: 3em 2em 8.95em;
    }
    .captn {
        width: 196px;
        height: 114px;
    }
    .captn h4 {
        margin: 1em 0 0 0;
    }
    .w3-agile-google_map {
        padding: 1em;
    }
    .w3-agile-map-left iframe {
        min-height: 250px;
    }
    .w3-agile-map-right iframe {
        min-height: 250px;
    }
    
    .table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
        padding: 0px!important;
    }
    .agile-last-left.agile-last-middle {
        margin: 1em 0;
    }
    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        font-size: 0.75em;
    }
    #drop {
        padding: 50px 16px;
    }

    .w3-res-tb {
        padding: 2em 0em 0;
    }
    .col-lg-12 {
        padding: 0;
    }
    .table-inbox {
        margin: 14px;
    }
    .table {
        width: 90%;
    }
    .wht-bg h4 {
        font-size: 16px;
        float:none;
        text-align:center;
    }
    
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
        url('../images/ajax-loader.gif') 
        50% 50% 
        no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}