html {
    height: 100%;
}

html,
body {
    width: 100%;
    font-family: Arial;
    max-height: 100%;
}

.bg-img {
    background: url('../bg.jpg') no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

header {
    height: 84px;
    background: #000;
    text-align: center;
    color: #fff;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 9;
}

header h3 {
    margin: 0px;
    padding: 11px;
    letter-spacing: 2px;
}

header h5 {
    margin: 0px;
    padding: 10px;
    background: #98000e;
}
td{
    text-align: left;
}

.error {
    color: #f00;
    font-size: 16px;
    /*padding-top: 15px;*/
    padding-top: 117px;
    padding-left: 15px;
}
.login_error {
    color: #f00;
    font-size: 16px;
    /*padding-top: 15px;*/
    padding-top: 3px;
    padding-left: 75px;
}
.error_msg {
    color: #000;
    font-size: 15px;
    padding-top: 15px;
    text-align: left;
}

.tagcolor {
    margin: 0px;
    padding: 10px;
    background: #98000e;
}

.custom-nav {
    background: #98000e;
    border-radius: 0px;
    height: 36px;
    min-height: 36px;
    border: 0px;
}

.custom-nav .navbar-nav {
    padding-left: 100px;
}

.custom-nav li a {
    color: #fff !important;
    padding-top: 8px;
    padding-bottom: 8px;
}

.custom-nav li a:hover {
    background: #000 !important;
    color: #fff !important;
}

header .cura-logo {
    position: absolute;
    left: 10px;
    top: 11px;
    width: 120px;
}

footer {
    /*background: #98000e;*/
    color: #fff;
    /*padding: 5px;*/
    position: fixed;
    bottom: 0px;
    width: 100%;
    text-align: center;
    font-size: 12px;
    z-index: 9;
}

footer .red {
    background: #98000e;
    color: #fff;
    padding: 5px;
    position: fixed;
    bottom: 0px;
    width: 100%;
    text-align: center;
    font-size: 12px;
}
footer .bg-black {
    background: #000;
    color: #fff;
    padding: 5px;
    position: fixed;
    bottom: 0px;
    width: 100%;
    text-align: center;
    font-size: 12px;
}

.box-cover {
    width: 400px;
    color: #fff;
    margin: 20px auto;
    position: relative;
}

.inner {
    margin-left: auto;
    margin-right: auto;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.bg-black {
    background: #000;
}

.box-cover h3 {
    margin: 20px;
    text-align: center;
}

.box-cover .form-group {
    margin-bottom: 10px !important;
}

.login-submit {
    padding: 0px;
    height: 44px;
    width: 44px;
    margin: 0px;
    background: transparent;
    border: 0px;
    position: absolute;
    right: -20px;
    top: 64px;
    -webkit-transition: -webkit-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;
}

.login-submit:hover {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.custom-table th {
    background: #000;
    color: #fff;
}

.welcome-txt {
    position: absolute;
    right: 15px;
    font-size: 12px;
    padding-top: 6px;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {
    color: #000;
    background-color: #fff;
}

.custom-nav .active a {
    color: #000 !important;
}

.navbar-nav>li>.dropdown-menu {
    background: #98000e;
}

.navbar-right a {
    color: #fff;
    text-decoration: none;
}

.navbar-right a:hover {
    color: #999;
}

.icon-bg {
    width: 40px;
    height: 40px;
    padding: 10px;
    background: #fff;
    color: #000;
    border-radius: 50%;
    box-shadow: 0px 2px 3px #555;
    font-size: 20px;
    margin: 0px 0px 7px 5px;
    cursor: pointer;
}

.icon-bg:hover {
    box-shadow: 0px 0px 1px #555;
}

.section-space {
    margin-top: 90px;
    margin-bottom: 40px;
}

.auto {
    height: auto;
    overflow: auto;
}

.mar-top-12 {
    margin-top: 12px;
}

.nav-tabs-cus1 {
    background: rgba(76, 76, 76, 1);
    background: -moz-linear-gradient(top, rgba(76, 76, 76, 1) 0%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76, 76, 76, 1)), color-stop(100%, rgba(0, 0, 0, 1)));
    background: -webkit-linear-gradient(top, rgba(76, 76, 76, 1) 0%, rgba(0, 0, 0, 1) 100%);
    background: -o-linear-gradient(top, rgba(76, 76, 76, 1) 0%, rgba(0, 0, 0, 1) 100%);
    background: -ms-linear-gradient(top, rgba(76, 76, 76, 1) 0%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(76, 76, 76, 1) 0%, rgba(0, 0, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#000000', GradientType=0);
}

.nav-tabs>li {
    margin-bottom: 0px;
}

.nav-tabs-cus1>li>a {
    color: #fff;
    border-radius: 0px;
    margin: 0px;
    border: 0px !important;
}

.nav-tabs-cus1>li.active>a,
.nav-tabs-cus1>li.active>a:focus,
.nav-tabs-cus1>li.active>a:hover {
    color: #fff;
    background-color: #98000e;
    cursor: pointer;
    border: 0px;
}

.nav-tabs-cus1>li>a:hover {
    color: #fff;
    background-color: #ae1d2a;
    border: 0px;
}

.tab-content {
    border: 1px solid #ccc;
}

.cus-table td {
    padding: 10px;
    vertical-align: top;
}

.cus-table td:first-child {
    width: 175px;
    text-align: right;
}

.tab-left {
    float: left;
    height: 100%;
    position: absolute;
}

.tab-left li {
    display: block;
    float: none;
}

.tab-content-height {
    min-height: 450px;
    margin-left: 194px;
    padding-top: 10px;
    overflow:auto;
}


#tab4 {
    position: relative;
}

.document a {
    color: #337ab7;
    text-decoration: none;
}

.document a:focus, a:hover {
    color: #23527c;    
    text-decoration: none;
}

.tabs4 li {
    text-align: center;
}

.cus-table1 {
    table-layout: fixed;
}

.cus-table1 td:nth-child(3) {
    text-align: right;
}

.cus-table1 td:nth-child(5) {
    text-align: right;
}

.mngr-list a {
    color: #337ab7;
}

.cus_btn{
    color: #fff;
    background-color: #000;
    border: 0px;
    padding: 5px 8px;
    font-weight: bold;
}
.cus_btn:hover {
    color: #fff;
    background-color: #98000e;
    border: 0px;
    padding: 5px 8px;
    font-weight: bold;
}

input[type=text]
{
    border: 1px solid #d1d1d1;
    border-radius: 3px;
    /*padding: 4px 5px;*/
}
.searchcontent{
    text-align: left;
}

.pointer {
    cursor: pointer;
}
.document {list-style: none}
li a.selected {
  color:blue;
  text-decoration: underline;
}

#myModal1 .modal-dialog{
    width:450px !important;
}
#myModal1 .modal-content{
    margin-top: 150px;
  border:0;
}


.border_0{color: #fff}


/*loader start*/

.page-loader {
    position: fixed;
    z-index: 500;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 200px 0 0 0;
    background-color: rgba(0, 0, 0, 0.80);
}

.throbber {
    position: relative;
}

.throbber:before {
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
}

.throbber:after {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    content: '';
    border: 2px solid transparent;
    border-top-color: #3bb9bb;
    border-bottom-color: #3bb9bb;
    border-radius: 50px;
    -webkit-animation: throbber 1s infinite;
    animation: throbber 1s infinite;
}

@-webkit-keyframes throbber {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes throbber {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}


/*loader End*/

.pagination>li>a,
.pagination>li>span {
    margin: 2px 5px
}

.pagination>li>a,
.pagination>li>span {
    color: #fff;
    font-weight: bold;
    background: #575352;
    border: 0;
    border-radius: 5px;
    padding: 7px 12px;
}

.pagination>.active>a,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:hover {
    background: #000 !important;
    border: 0;
}
.pagination>.active>a:focus,
.pagination>.active>span:focus
{
  background: #575352;  
  color: #fff;
}
.pagination>li>a:hover,
.pagination>li>span:hover {
    background: #98000e;
    color: #fff;
}
.pagination>li>a:focus,
.pagination>li>span:focus{
    background: #575352;  
    color: #fff;
}
.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 30px;
}

.pagination {
    margin-top: -5px;
}

.page_textbox {
    margin-top: -64px;
    margin-left: 955px;
    background-color: #000;
    border-color: #000;
}

.length {
    margin-top: 5px;
}
.login-submit:hover{
    border: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    outline: none;
    box-shadow:none;
}
.login-submit:active{
    border: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    outline: none;
    box-shadow:none;
}
.login-submit:focus{
    border: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    outline: none;
    box-shadow:none;
}
._720kb-datepicker-today {

    background-color: #138EFA;
    color: #fff;

}
._720kb-datepicker-open{
margin-top: 35px;
}
.w-100{width:100%}
/*.table_striped:nth-of-type(2n+1) {
    background-color: 
    rgba(0,0,0,.05);
}*/
.input_box{ border:1px solid #dadada; padding:5px;border-radius:5px;height:35px}
.mb_50{margin-bottom:50px !important}
.input_box{ border:1px solid #dadada; padding:5px;border-radius:5px;height:35px}
.padding_0{padding:0}
.not_first td:first-child{text-align:left;width:100px}
.not_first td{padding:5px}
.cus_auto{padding:10px 5px}
/*.cus_auto:nth-of-type(2n+1){background-color:rgba(0,0,0,.03);}*/
.remove_bord tr, .remove_bord, .remove_bord td{border:0 !important}
.width_150{width:270px}
.txt_area{
    width: 100%;
    border: 1px solid #dadada;
    height: 100px;
    overflow: auto;
}

    #iframe {height:500px !important;padding: 5px;background: #dadada}

    /*.shrinkToFit{height: 420px !important}*/


@media screen and (max-width: 767px)

{
    .custom-nav{
        height: auto;
        min-height: auto;
    }
    .custom-nav .navbar-nav{
        padding-left: 0px;
    }
    header .cura-logo {
    position: absolute;
    left: 10px;
    top: 48px;
    width: 80px;
}
header h3 {
    font-size: 20px;
}
header h5 {
    height: 50px;
}
.section-space{
    margin-top: 100px;
    padding-bottom: 40px;
}
footer {
    font-size: 10px;
}
.welcome-txt{
    display: none;
}
    .box-cover label{
        display: none;
    }
    .box-cover{ 
        width: 85%;
        left: 0px !important;
        margin-top:90px;
        margin-bottom:40px;
        display: block;
    }
    .cus-table td{
    display: block;
    padding: 3px 10px;
}
.cus-table td:first-child{
    width: 100%;
    text-align: left;
}
.cus-table1 td:nth-child(3){    
    text-align: left;
}
.cus-table1 td:nth-child(5){    
    text-align: left;
}
.tab-content-height{
    margin-left: 44px;
    }
    header {
        height: 94px;
    }
    .nav > li > a{
        padding: 6px 15px;
    }
    .wid120-sm{
        min-width: 120px;
    }
    .tooltip {
        display: none !important;
    }
    .pagination li a {
        font-size: 10px;
        font-weight: 100;
        padding: 3px 7px !important;
        margin: 7px 2px !important;
        float: none;
        clear: both;
    }
    .length {
        width: 100%;
        text-align: center;
    }
    .pagination {
        width: 100%;
        text-align: center !important;
    }
    .length {
        width: 100%;
        text-align: center;
    }
    .pagination>li:first-child>a {
        margin-left: 0px !important;
    }
    .page_textbox1 {
        float: none;
        clear: both;
        text-align: center;
    }
    .pull-auto-xs {
        float: none !important;
        clear: both;
    }
}

@media screen and (max-width: 480px){
    header h5 {
    padding-left: 90px; 
}
}

@media (max-width: 768px) {
.inner_tab > li > a { padding: 10px 8px; font-size: 12px;}
}

@media (min-width: 768px) and (max-width: 1199px) {
    .pagination li a {
        font-size: 13px;
        font-weight: 100;
        padding: 4px 10px !important;
        margin: 5px 4px !important;
    }
    .pagination>li:first-child>a {
        margin-left: 30px !important;
    }
}

@media (max-width:767px) {

.inner_tab > li > a { padding: 10px 16px;}

}

@media (max-width:420px) {

    .nav > li > a { padding: 6px 6px;}

}



/*@media screen and (max-width: 1024px)
{
    #iframe {height:360px !important;}

}
@media screen and (max-width: 980px)
{
    #iframe {height: 180px !important;}
    
}
@media screen and (max-width: 768px)
{
    #iframe {height:180px !important;}

}
@media screen and (max-width: 767px)

{

    #iframe {height: 500px !important;}
    
}
@media screen and (max-width:680px)
{
    #iframe {height:440px !important;}

    
}
@media screen and (max-width:480px)
{
    #iframe {height:280px !important;}

    
}
@media screen and (max-width:420px)
{
    #iframe {height:240px !important;}
    
}
@media screen and (max-width:375px)
{
    #iframe {height:200px !important;}
    
}
@media screen and (max-width:320px)
{
    #iframe {height:165px !important;}

    
}
*/