﻿@font-face {
	font-family: 'Gotham-Book';
	src: url('../fonts/Gotham-Book/Gotham-Book.eot');
	src: url('../fonts/Gotham-Book/Gotham-Book.woff') format('woff'), 
         url('../fonts/Gotham-Book/Gotham-Book.ttf') format('truetype'), 
         url('../fonts/Gotham-Book/Gotham-Book.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham-Bold';
	src: url('../fonts/Gotham-Bold/Gotham-Bold.eot');
	src: url('../fonts/Gotham-Bold/Gotham-Bold.woff') format('woff'), 
         url('../fonts/Gotham-Bold/Gotham-Bold.ttf') format('truetype'), 
         url('../fonts/Gotham-Bold/Gotham-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal; 
}

@font-face {
	font-family: 'Gotham-Light';
	src: url('../fonts/Gotham-Light/Gotham-Light.eot');
	src: url('../fonts/Gotham-Light/Gotham-Light.woff') format('woff'), 
         url('../fonts/Gotham-Light/Gotham-Light.ttf') format('truetype'), 
         url('../fonts/Gotham-Light/Gotham-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham-Medium';
	src: url('../fonts/Gotham-Medium/Gotham-Medium.eot');
	src: url('../fonts/Gotham-Medium/Gotham-Medium.woff') format('woff'), 
         url('../fonts/Gotham-Medium/Gotham-Medium.ttf') format('truetype'), 
         url('../fonts/Gotham-Medium/Gotham-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@media print {
    body {background:white!important }
    #trHeader,  #trFooter {display:none!important;  }
}

/*@media print {
    * {
        color: #000 !important;
        text-shadow: none !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    a, a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: "";
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr, img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 2cm .5cm;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }

    .navbar {
        display: none;
    }

    .table td, .table th {
        background-color: #fff !important;
    }

    .btn > .caret, .dropup > .btn > .caret {
        border-top-color: #000 !important;
    }

    .label {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

    .table-bordered th, .table-bordered td {
        border: 1px solid #ddd !important;
    }
}*/

body {
    font-family:'Gotham-Book', sans-serif;
	overflow-x:auto;
	font-size:14px;
	color:#666666;
    background:#0D5489; 
    margin:0px;}

.login-modal{position:absolute;top:20%;text-align:center; 
     width:530px;height:245px; 
     left:50%;
     margin:0 0 0 -265px;border-radius:10px;
     opacity:0.9; z-index:2000;
    background-color:white;color:black;border:1px solid red;border-color:rgba(13, 84, 137, 0.3)}
.btn-red{width:349px;background:#e25544;font-size:150%;margin:0 0 15px 0;
	 color:#fff;height:47px;padding:0 13px 0 13px;background:#e94d54;border-radius:5px;border:none;
     font-family:'Gotham-Light';transition:0.5s all ease-out;}
.btn-red:hover{background:#cf363d!important}
.btn-input {width:330px;height:33px;border:2px solid rgba(145, 145, 145, 0.5); 
margin:0 0 10px 0;border-radius:5px;font-size: 14px;color:#919191;font-family:'Gotham-Light';padding-left:15px}

.arcticmodal-overlay {position:fixed;left:0;top:0;right:0;bottom:0;z-index:1000}
.arcticmodal-close{position:absolute;top:10px;right:10px;font-size:0;display:inline-block;width:30px;height:30px;background: url("../img/icons/close.png") 0 0 no-repeat;
		cursor:pointer}
.btnX {color:white;margin:0px;padding:5px 15px 5px 15px;border:none;
                         font-size:120%;background-color:#0078D7;font-family:Gotham-Light;font-weight:bolder}
.btnX:hover{background:#e25544!important}
.btnY{padding:0px}
.menuItem {margin-right:15px;margin-left:20px;cursor:pointer!important;}
.menuItem img {height:22px;margin-bottom:5px!important}
.menuItemA {padding:5px 15px 5px 15px}
.menuItemA:hover{background:#e25544}
.popout{cursor: context-menu!important;}
.level2 {cursor:pointer!important}
.level3{top:-8px!important}
.separator{width:100%;height:1px;opacity:0.3}
.scroll-top {background-image:url(/img/scrollup.svg);box-sizing:border-box;z-index:3000!important;
                position:fixed;bottom: 25px;right: 1px;width:45px;height:42px;border:2px solid #a2aeba;
                border-radius:50%;background-position:center center;background-size:47px 47px;
                opacity:0.8;-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear;
                background-color:transparent} 
.page-title{width:100%;padding:15px 0 0 0;position:relative}
	.page-title h1{font-weight:normal;font-size:24px;color:#646464;text-transform:uppercase;margin:0 15px 20px 15px;padding-bottom:20px;border-bottom:1px solid #f0f0f0}
.rightTitle {float:right;font-size:65%;text-transform:none;margin-top:20px}
.alphabet {padding-left:20px}
.alphabet a {margin: 0px 9px 0px 9px;font-family:Gotham-Book;font-size:150%;text-decoration:none;font-weight:normal}
.NoData {color:red;font-size:120%;margin-top:4px;text-align:center}
 h5{font-size:21px;color: #ef333a;font-weight:normal;font-family:'Gotham-Light';margin-left:15px}
 .green{color:forestgreen;border-bottom:1px dotted forestgreen;cursor:help}
 .nowrap{white-space: nowrap;}
.commItem{ height:40px!important; border-top:1px solid gray}
.commItem a{padding:5px 15px 5px 15px;margin:0px 15px 0px 15px;font-size:16px;color:white!important;   
             background-color:#0078D7;text-decoration:none;font-family:Gotham-Light;font-weight:bolder}
.commItem a:hover{background:#e25544}

.tblTopB {border-top:1px solid #cccccc!important}
#divDV1  input {width:100%;font-family:'Gotham-Light';padding:5px;border:1px solid lightgray;font-size:16px}
#divDV1  input:hover {background-color:antiquewhite } 
#divDV1  td{ border-color:white!important}

#divDV   input {width:95%; font-family:'Gotham-Light';padding:5px;border:1px solid lightgray;font-size:16px}
#divDV   input:hover { background-color:antiquewhite} 
#divDV   td{ border-color:white!important}

.headerDV{width:107px!important}
select{border:1px solid lightgray;height:32px;font-size:16px;padding: 0;color:#222222;font-family:'Gotham-Light'}
input[type=checkbox] { width: 20px!important;height:20px!important;padding:0px;opacity:0.8}
input[type=checkbox]:hover {background-color:antiquewhite}
.aArea{text-decoration:none!important}
.waiting {position:fixed;text-align:center;height:100%;width:100%;top:0;right:0; 
                left:0;z-index:9999999; background-color:#0D5489}
.waiting span{border-width:0px;position:fixed;padding:20px; 
                background-color:white;font-size:32px;left:44%;top:27%;border-radius:5%} /*left: 43%*/
.loading{border-radius:50%;top:50%; left:50%;transform:translate(-50%,-50%);position:fixed}

@media screen and (min-width: 500px) { 
   .vioBox {font-size:16px!important}
}