/*
#0B98D3 blue
#F8E8E8 very light red
#ff0000 red
*/

@font-face {
    font-family: 'Open Sans';
    src: url('../../Assets/fonts/OpenSans-Light-webfont.eot');
    src: url('../../Assets/fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../Assets/fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../../Assets/fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../../Assets/fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: 200;
    font-style: normal;
}

*{margin:0;padding:0;box-sizing:border-box;}
html, body{height:100%;} 
body{background-color:#DFDFDF;font-family:'Open Sans', sans-serif;}
.clearfix::after{content:'';display: block;clear:both;}

/*----------------flight path login-----------------*/
div.FP-header{text-align:center;color:#fff;background-color:#053658;padding:1em;box-shadow:0px 0px 10px 0px rgb(58, 41, 31);-o-box-shadow:0px 0px 10px 0px rgb(58, 41, 31);-webkit-box-shadow:0px 0px 10px 0px rgb(58, 41, 31);-moz-box-shadow:0px 0px 10px 0px rgb(58, 41, 31);}
div.FP-container{width:40%;margin:0 auto;position:absolute;top:30%;left:30%;padding:50px;background-color:#FFF;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
div.FP-container h1{padding-bottom:30px;color:#053658}

div.isa_error_FP ul li{list-style:none;}
div.isa_error_FP ul li i.fa{padding-right:10px;}
div.isa_error_FP{color:#D8000C;background-color:#FFD2D2;margin:20px 0 30px;padding:15px}

div.FP-container .input-container{display:-ms-flexbox; /* IE10 */display:flex;width:100%;margin-bottom:15px;}
div.FP-container .icon{padding:10px;background:dodgerblue;color:white;min-width:50px;text-align:center;}
div.FP-container .input-field{width:100%;padding:10px;outline:none;}
div.FP-container .input-field:focus{border:2px solid dodgerblue;}
div.FP-container .btn{background-color:dodgerblue;color:white;padding:15px 20px;margin-bottom:20px;border:none;cursor:pointer;width:100%;opacity:0.9;}
div.FP-container .btn:hover{opacity:1;}
div.exit{width:28px;margin:0 auto;}
div.FP-container a{color:dodgerblue;text-align:center;margin:0 auto;}
div.FP-container a:hover{text-decoration:none;}


/*----------------end flight path login-----------------*/

nav{width:20%;float:left;height:100%;background-color:#173751;color:#fff;position:fixed;box-shadow:0px 0px 10px 0px rgb(58, 41, 31);-o-box-shadow:0px 0px 10px 0px rgb(58, 41, 31);-webkit-box-shadow:0px 0px 10px 0px rgb(58, 41, 31);-moz-box-shadow:0px 0px 10px 0px rgb(58, 41, 31);z-index:5;}
nav div.nav-icon{background-color:#0B98D3;}
nav div.nav-icon img{width:45px;height:45px;display:block;margin-left:auto;margin-right:auto;}

nav ul{padding:15px;}
nav ul li{list-style:none;padding:4px}
nav ul li a{text-decoration:none;color:#fff;padding:5px;}
nav ul li a i.fa{padding-right:10px;}

/*--------------------admin drop down--------------------*/
nav li a i.fa-angle-down{position:relative;top:2px; margin-left:10px;}

nav li ul{display:none;}
nav li:hover >ul{display:block;z-index:1}	


div.main{width:80%;float:right;}
div.main div.inner-grid{padding:15px;}
div.view-main{min-height:calc(100vh - 120px);}

header{background-color:#fff;margin:0 auto;height:100px;}
header div.outer-grid{margin:auto;}
header div.title{width:72%;float: left;}
header div.title h1{background-color:#F84096;color:#fff;padding:14px 30px;text-transform:uppercase;}

div.admin-grid{width:28%;float:left;color:#fff;}
div.admin-grid div.inner-grid{margin-left:15px;background-color:#0B98D3;cursor:pointer;}

div.admin-grid div.admin-profile{width:50%;float:left;font-size:1.1em}
div.admin-grid div.admin-profile img{padding-right:10px;padding-top:5px;float:left;}
div.admin-grid div.toggle-arrows{width:50%;float:left;text-align:right;font-size:1.8em}
div.admin-grid i.fa-angle-down{position:relative;right:13px;}
div.admin-grid i.fa-angle-up{position:relative;right:15px;display:none;}

div.admin-grid div.drop-profile{display:none;background-color:#f1f1f1;max-width:160px;overflow:auto;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1;position:absolute;top:100px;width:100%;}
div.admin-grid div.drop-profile a{color:black;padding:12px 16px;text-decoration:none;display:block;}
div.admin-grid div.drop-profile a:hover{background-color:#ddd;}

div.breadcrumb{margin-top:20px;background-color:#fff;}
div.breadcrumb ol li{list-style:none;padding:10px;font-size:1.3em}
div.breadcrumb ol li i.fa-home{font-size:1.2em}
div.breadcrumb ol li i.fa-angle-right{padding:0 10px}
div.breadcrumb ol li a{text-decoration:none;}

div.main-content{margin-top:20px;background-color:#fff;min-height:400px;min-height:calc(100vh - 300px);}
div.main-content div.Fp-image{float:left;width:25%;text-align:center;margin:3em 0in	}
div.main-content div.Fp-image img{}

div.main-content div.inner-dash{padding:50px}

div.main-content h1{padding:20px 0;color:#0B98D3;;}

div.main-content div.actions{padding-top:40px}
div.main-content div.actions a.action{font-size:1.2em;text-decoration:none}
div.main-content div.actions a.action:hover{font-size:1.3em;}
div.main-content div.actions a.action i.fa-user{padding-right:8px}

/* Lists */
div.main-content table{border-collapse:collapse;vertical-align:top;}
div.main-content table.list{width:100%;}
div.main-content table.list tr td{border:1px solid #E9E9E9;padding:10px}
div.main-content table.list tr th{border:1px solid #0B61A5;background: #0B61A5;color:white;text-align:left;padding:10px;}
div.main-content tr:nth-child(even) {background:#fff}
div.main-content tr:nth-child(odd) {background:#F1F1F1}

div.main-content a.back-link{font-size:1.2em;text-decoration:none;padding-bottom:40px;}
div.main-content a.back-link:hover{font-size:1.3em;}
div.main-content a.back-link i.fa{padding-right:8px;}

/* Forms */
div.main-content dl{clear:both;overflow:hidden;margin:1em 0;}
div.main-content dl.hide-browse{display:none;}
div.main-content dt{float:left;text-align:right;width:200px;font-size:1.1em;padding:10px 40px 0 0}

div.main-content dd input{padding:7px;width:700px;font-size:1.1em;color:#6C6C6C;border:solid thin #DBDBDB;}
div.main-content dd input:focus{background-color:#F1F1F1}

div.main-content div.show dd{color:#0B98D3;font-size:1.4em;font-weight:100;}

div.isa_success{color:#4F8A10;background-color:#DFF2BF;padding-right:10px;width:400px;margin:20px 0 0px;padding:15px}

.isa_error ul li{list-style:none;}
div.isa_error ul li i.fa{padding-right:10px;}
div.isa_error{color:#D8000C;background-color:#FFD2D2;width:300px;margin:20px 0 30px 205px;padding:15px}

div.main-content #operations{clear:both;margin-top:30px;}
div.main-content input.btn{background-color:#0B98D3;color:white;border:none;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;cursor:pointer;margin-left:205px;}
div.main-content input.btn:hover{background-color:#2C314A;}

div.main-content div.delete{text-align:center;background-color:#F8E8E8;width:40%;padding:20px;margin:60px auto 0;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
div.main-content div.delete h1{color:#ff0000;}
div.main-content div.delete p.item{color:#ff0000;padding-top:20px;font-size:1.4em}
div.main-content div.delete input.btn{margin-left:0px;background-color:#ff0000;}
div.main-content div.delete input.btn:hover{opacity:0.7;}

footer{margin-top:20px;background-color:#fff;}
footer div.footer-inner{padding:10px;}
footer div.footer-inner h3{color:#ff0000;padding-bottom:5px}

footer div.footer-inner div.all-rights{font-weight:100;}