@import url("../fonts/stylesheet.css");

@import url("../fonts/fontsstyle.css");

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html, body {
	padding: 0;
	margin: 0;
	font-size: 1rem;
	font-family: 'HeliosCond';
	font-style: normal;
    background-color: #0063be;
    height: 100%;
}
.container {
    width: 100%;
    height: 100%;
    padding: 0;
}
.conL .logo {
    font-size: 1.875rem;
    font-weight: bold;
    text-align: right;
    padding: 40px 20px;
    color: #000;
}
.conL .logo span {
    color: #be0f34;
}
.conL .logo img {
    width: 100%;
    max-width: 9.25rem;
}
.conR .logo {
    display: none;
}
.conL {
    width: 28%;
    height: 100%;
    float: left;
}
.conR {
    width: 72%;
    min-height: 100%;
    float: left;
    background-color: #002144;
}
.clink .clinkT{
	font-size: 1.1rem;
	color: #ffcc00;
	text-transform: uppercase;
}
.clink .clinkText{
	color: #ffcc00;	
	cursor: pointer;
}
.Cinside {
    color: #fff;
    max-width: 820px;
    width: 100%;
    padding: 40px 30px 20px 30px;
}
.Ctitle {
    font-size: 1.875rem;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
}
p.Cbr {
    display: none;
}
.Cdesc {
    font-size: 1rem;
    padding-top: 15px;
    padding-bottom: 20px;
    font-weight: normal;
    text-align: center;
}
.Cdesc2 {
    font-size: 1.575rem;
    line-height: 1.15;
    padding-top: 24px;
    padding-bottom: 13px;
    font-weight: bold;
    text-align: center;
    color: #ffcc00;
    text-transform: uppercase; 
}
.Cdesc3 {
    font-size: 0.91rem;
    padding-top: 0;
    padding-bottom: 30px;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase; 
}
.Cbox {
    width: 100%;
    position: relative;
    text-align: center;
}
.CTop {
    display: inline-block;
    margin-top: 5px;
}
.Qnmb {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.Qnmb li{
    display: inline-block;
    width: 46px;
    height: 46px;
    border-radius: 23px;
    border: solid 1px #34b6e4;
    color: #34b6e4;
    font-size: 1.45rem;
    font-weight: bold;
    text-align: center;
    line-height: 44px;
    text-transform: uppercase;
	vertical-align: middle;
    cursor: pointer;
    margin: 0 5px;
}
.Qnmb li:hover, .Qnmb li:focus {
    border: solid 1px #ffcb00;
    color: #ffcb00;
}
.Qnmb li.active {
    border: solid 1px #ffcb00;
    color: #ffcb00;   
}
.Cfoot {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
}
.CFleft, .CFright {
    font-size: 0.75rem;
    text-transform: uppercase;
    color: #34b6e4;
}
.CFleft {
    float: left;
    text-align: left;
}
.CFright {
    float: right;
    text-align: right;
}

.Cform {
    padding-top: 15px;
}
.CFtitle {
    font-size: 1.125rem;
    text-transform: uppercase;
    font-weight: normal;
    text-align: center;
    padding-bottom: .5rem;
}
.CFtext {
    padding: .5rem 1rem;
    color: #333;
    width: 100%;
    resize: vertical;
    min-height: 50px;
    font-family: 'HeliosCond';
    font-weight: 300;
    font-style: normal;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.CFfooter {
    display: inline-block;
    width: 100%;
    position: relative;
}
.CFfooter .CFFleft {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
.CFfooter input[name="phone"] {
    min-width: 250px;
    min-height: 45px;
    padding: 8px 10px;
    color: #333;
}
.CFbtn {
    text-align: right;
}
.CFbtn a {
    display: inline-block;
    font-family: 'HeliosCond';
    font-size: 1.125rem;
    line-height: 1.8rem;
    padding: 10.5px 30px;
    /* padding-left: 30px; */
    margin-right: 47px;
    background-color: #ffcb00;
    cursor: pointer;
    color: #002144;
    text-decoration: none;
    text-transform: uppercase;
    font-style: normal;
    position: relative;
    font-weight: bold;
    height: 45px;
}
.CFbtn a:after {
    content: '';
    position: absolute;
    width: 46px;
    height: 45px;
    right: -47px;
    top: 0;
    background-image: url(../img/arrowright.svg);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #fae04e;
}
.CFbtn a:hover {
    background-color: #fae04e;    
}

@media (max-width: 1024px) {
    .conL {
        width: 23%;
    }
    .conR {
        width: 77%;
    }
    @media (max-width: 945px) {
        .conL {
            display: block;
            height: auto;
            width: 100%;
            float: none;
            text-align: center;
        }
        .conR {
            width: 100%;
        }
        .Cinside {
            max-width: 100%;
            padding: 30px 30px 20px 30px;
        }
        .conL .logo {
            padding: 24px 10px;
            text-align: center;
        }
    }
    @media (max-width: 665px) {
        .Cdesc3 {
            font-size: 0.91rem;
            padding-top: 0;
            padding-bottom: 15px;
        }
        .Qnmb li {
            width: 36px;
            height: 36px;
            font-size: 1.2rem;
            line-height: 34px;
            margin: 0 2px;
        }
    }
    @media (max-width: 530px) {
        .Cdesc2 br:last-child {
            display: none;
        }
    }

    @media (max-width: 500px) {
        .Qnmb li {
			width: 33px;
			height: 33px;
			font-size: 1rem;
			line-height: 31px;
			margin: 0;
        }
    }
    @media (max-width: 425px) {
        .Cdesc br,
        .Cdesc2 br:first-child {
            display: none;
        }
        .Cinside {
            padding: 20px 15px 20px 15px;
        }
        .conL .logo {
            padding: 16px 10px;
        }
        .conL .logo img {
            max-width: 135px;
        }
        .Cdesc2 {
            font-size: 1.35rem;
        }
        .CFtitle {
            font-size: 1rem;
        }
    }
    @media (max-width: 420px) {
        .Qnmb li {
            margin: 0;
        }
    }
	@media (max-width: 410px) and (min-width: 374px) {
		.Qnmb li {
			width: 30px;
			height: 30px;
			font-size: 1rem;
			line-height: 28px;
			margin: 0;
		}
	}
    @media (max-width: 375px) {
        .Ctitle {
            font-size: 1.5rem;
        }
        .Cdesc {
            font-size: 0.875rem;
        }
        .Cdesc2 {
            font-size: 1.175rem;
        }
        .Cdesc3 {
            font-size: 0.8rem;
        }
        .CFtitle {
            font-size: 0.9rem;
        }
    }
	@media (max-width: 373px) {
		.Qnmb li {
			width: 25px;
			height: 25px;
			font-size: 0.9rem;
			line-height: 23px;
		}
	}

}





.row {
    margin: 0 10px;
}
.header {
    background-color: #fff;
    color: #333;
    width: 100%;
    padding: .8rem 0;
    font-size: 1.6rem;
    font-weight: bold;
    position: relative;
    border-bottom: solid 1px #ddd;
}
.header .r1 {
    margin-left: 0;
    margin-right: 0; 
}
.header .blog1, .header .blog2 {
    border:solid 0px red;
}
.header .blog1 {
    text-align: center;
    padding-left: 2.1%;
}
.header .blog2 {
    border-left: solid 1px #a4a3a3;
    padding-right: 2.1%;
}
.header .podbl1 {

}
.header .podbl2 {
    color: #be0f34;
    margin-left: -7px;
}

.tablo-body table {
    width: 100%;
    font-weight: bold;
    font-style: italic;
    color: #fff;
    text-transform: uppercase;
}
.tablo-body table thead {
    font-size: 1.875rem;
    background-color: #292929;
}
.tablo-body table tbody {
    font-size: 1.625rem;
}
.tablo-body table tbody tr td {
    height: 6.25rem;
    max-height: 6.25rem!important;
    vertical-align: middle;
}
.tablo-body table.onManag tbody tr td {
    height: 4.5rem;
}
.tablo-body table tr,
.tablo-body table th {
    border-bottom: solid 1px #a4a3a3;
}
.tablo-body table th {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.tablo-body table td:nth-child(1),
.tablo-body table th:nth-child(1) {
    padding-right: 1.56%;
    padding-left: 2.1%;
    width: 16%;
    /*width: 19.5%;*/
}
.tablo-body table td:nth-child(2),
.tablo-body table th:nth-child(2) {
    width: 23%;
    padding-right: 1.56%;
}
.tablo-body table td:nth-child(3),
.tablo-body table th:nth-child(3) {
    width: 9.5%;
    padding-right: 1.56%;
}
.tablo-body table td:nth-child(4),
.tablo-body table th:nth-child(4) {
    /*width: 18%;*/
    width: 15%;
    padding-right: 1.56%;
}
.tablo-body table td:nth-child(5),
.tablo-body table th:nth-child(5) {
    /*width: 30%;*/
    width: 34%;
    padding-right: 2.1%;
}
.tablo-body table .working {
    color: #00ffd8;
}
.tablo-body table .gotomen {
    color: #f0ff00;
}
.tablo-body table .takeit {
    color: #30ff00;
}
.tablo-body table .formts {
    color: #f92e46;
}
@-webkit-keyframes changeit {
  0% { color: #f00; }
  33% { color: #0066ff;}
  67% { color: #00ff66;}
  100% { color: #f00; }
}
@keyframes changeit {
  0% { color: #f00; }
  33% { color: #0066ff;}
  67% { color: #00ff66;}
  100% { color: #f00; }
}
.tablo-body table .changeit {
    font-weight: bold;
    font-style: normal;
    -webkit-animation: changeit 1s infinite linear;
    -moz-animation: changeit 1s infinite linear;
    -maw-animation: changeit 1s infinite linear;
    -o-animation: changeit 1s infinite linear;
    animation: changeit 1s infinite linear;
}


.form-signin {
    margin: 0 auto;
    width: 40%;
    margin-top: 25px;
    margin-bottom: 25px;
}
.form-signin select.cl-city,
.form-signin input[name="password"] {
    margin-bottom: 10px;
}
.form-signin .form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
    background-color: #fff!important;
}
.form-signin select.cl-city option[disabled="disabled"] {
    background-color: #ddd;
    color: #999;
}
.form-signin select.cl-city option {
    color: #333;
    font-weight: bold;
}
.newinfo input,
.newinfo select {
    color: #333;
    font-size: 1rem;
    padding: 5px;
    border: solid 1px transparent;
}


.fmts, .ftv {
    position: absolute;
    z-index: 99999;
    display: inline-block;
    top: 0;
    height: 30px;
    padding: 1px 6px;
    border-radius: 0 0 5px 5px;
    border: solid 1px #ddd;
    background-color: rgba(0,0,0,.1);
}
.ftv {
    left: 10px;
    padding-top: 2px;
}
.fmts {
    left: 50px;
}
.fmts a, .ftv a {
    font-weight: bold;
    display: inline-block;
    font-size: 18px;
    padding: 0 1px;
    text-align: center;
    color: #003399;
}
.logoutbtn {
    position: absolute;
    z-index: 99999;
    display: inline-block;
    top: 0;
    right: 10px;
    height: 35px;
    padding: 4px 10px;
    border-radius: 0 0 7px 7px;
    border: solid 1px #ddd;
    background-color: rgba(0,0,0,.1);
}
.logoutbtn a {
    font-weight: bold;
    display: inline-block;
    font-size: 18px;
    height: 25px;
    padding: 0 10px;
    text-align: center;
    color: #003399;
}
.logoutbtn a:hover,
.logoutbtn a:focus {
    color: #ff0000;
}
.tablo-body table tr td {
    position: relative;
}
.btns {
    position: absolute;
    top: 2px;
    right: 5px;
    padding-right: 10px;
}
.btns a {
    padding: 0px 0px;
    color: #ff00cc;
    font-size: 2rem;
    cursor: pointer;
}
.btns a:hover,
.btns a:focus {
    color: #cc0000;
}

input.red,
select.red {
    border:solid 1px #f00!important;
}

tr.canedit .greg,
tr.canedit .gtime,
tr.canedit .gstatus,
tr.canedit .btns .saves {
    display: none;
}
tr.editing .treg,
tr.editing .ttime,
tr.editing .tstatus,
tr.editing .btns .edits {
    display: none;
}
tr.editing .greg,
tr.editing .gtime,
tr.editing .gstatus {
    font-size: 1rem;
    color: #333;
    padding: 5px;
}
table.abtman {
    width: 70%;
    margin: 10px auto;
    font-size: 2rem;
    color: #ddd;
}
table.abtman input {
    color: #333;
}
.abtbox {
    padding-bottom: 10px;
    border-bottom: solid 1px #666;
}
table.abtman a {
    font-size: 1.5rem;
    margin-right: 20px;
    color: #ddd;
    cursor: pointer;
}
table.abtman a:hover,
table.abtman a:focus {
    color: #33ff00;
    text-decoration: none;
}
table tr.manedit .saves,
table tr.manedit .manselwin,
table tr.manedit .manchpas,
table tr.manedit .manchnm {
    display: none;
}
table tr.Jedit .edits,
table tr.Jedit .manwin,
table tr.Jedit .manpass,
table tr.Jedit .manname {
    display: none;
}
table.abtman .manSell option {
    color: #333;
}
table.abtman .manSell option[disabled="disabled"] {
    background-color: #ddd;
    color: #999;
}
table.abtman .manSell {
    color: #333;
}
table.abtman .manSell option {
    color: #333;
}

.allManListBox {
    padding: 10px 0;

}
.allManList {
    width: 40%;
    min-width: 200px;
    margin: 0 auto;
    font-size: 1.5rem;
    color: #ddd;
}
.allManList th,
.allManList td {
    padding: 15px;
    border: solid 1px #262626;
}
.allManList thead {
    background-color: #2e2e2e;
}

div.ahid {
    height: 4.5rem;
    background-color: transparent;
    border: solid 1px transparent;
}
.fmts.ahid {
    left: 10px;
}
.ahid a {
    color: #b3b3b3;
    font-size: 2rem;
    opacity: 0.05;
}
.ahid a:hover,
.ahid a:focus {
    color: #999;
    opacity: 1;
}
img#logo {
    max-width: 120px;
    max-height: 36px;
}
body.EmptyLogo .logo {
    text-align: center;
    padding: 30px;
}
body.EmptyLogo .logo img {
    max-width: 150px;
}

#Coutput .alert {
    font-weight: bold;
    font-size: 1.3rem;
}

select.CFSelect {
    color: #333;
    width: 100%;
    padding: 7px 10px;
    margin-bottom: 10px;
}
.CFtext, #CFReason {
    animation: pulse 1s 1;
}
@keyframes pulse {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
/*
#CFReason.hidden {
    animation: pulse2 1s 1;
    display: none;
    visibility: hidden;
}

@keyframes pulse2 {
  0% {opacity: 1;
    display: block;
    visibility: visible;}
  100% {opacity: 0; display: none; visibility: hidden;}
}*/

.CFSelRes {
    display: inline-block;
    position: relative;
    width: 50%;
    margin-bottom: 10px;
    padding-right: 10px;
    font-size: 0;
}
.CFSelRes input[type="checkbox"] {
    position: absolute;
    cursor: pointer;
    width: 17px;
    height: 17px;
    top: 3px;
    left: 6px;
}
.CFSelRes label {
    margin: 0;
    padding: 3px 10px 3px 30px;
    border-radius: 1px;
    border: solid 1px #0063be;   
    font-size: 1rem; 
    display: block;
    cursor: pointer;
    font-weight: normal;
}
.CFSelRes input[type="checkbox"]:checked+label {
    border: solid 1px #ffcb00;
}
.CFSelBox {
    margin-right: -10px;
}
@media (max-width: 768px) {
    .CFSelBox {
        margin-right: 0;
    }
    .CFSelRes {
        width: 100%;
        padding-right: 0;
    }
}