@font-face {font-family: Roboto-Regular;src: url(../fonts/Roboto-Regular.ttf);}
@font-face {font-family: Roboto-Bold;src: url(../fonts/Roboto-Bold.ttf);}
@font-face {font-family: Roboto-Light;src: url(../fonts/Roboto-Light.ttf);}
@font-face {font-family: Roboto-Medium;src: url(../fonts/Roboto-Medium.ttf);}
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600);	*/


body {background-color: #ebeff2; margin-top: 70px; height: 100%; width: 100%; color: #6f6f6f; font-family: Roboto-Medium;}
h1,h2,h3,h4,h5,h6 {color: #000;}
a:link {color: #557ebc; text-decoration: none;}
a:hover {color: #fff;}
a:active {color: #dedfe1;}
table {border:  none !important;}
td, th, tr { border: none !important;}
a:visited {color: #557ebc;}
input {border: none; outline: none; padding: 5px;}
input[type=submit], input[type=button] {background-color: #557ebc; color: #fff;}
input[type=text],input[type=email],input[type=password] {background-color: #cfdaec !important;}
html { overflow-y: scroll; }
input[type=checkbox].mw_checkbox { background-color: #0e47a1; height: 15px; width: 15px;}
input[type=text].mw_withcheckbox { background-color: #0e47a1 !important; color: #fff; text-align: center; cursor: pointer; border-width: 1px; border-color: lightgray; border-style: solid; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.badge, .label-primary { background-color: #0e47a1; margin-left: 10px; font-weight: lighter; text-transform: uppercase; }
input[type='file'] {  color: transparent; }
.btn-file {position: relative;overflow: hidden;}
.btn-file input[type=file] {position: absolute;top: 0;right: 0;min-width: 100%;min-height: 100%;font-size: 100px;text-align: right;filter: alpha(opacity=0); opacity: 0;outline: none;background: white;cursor: inherit;display: block;}







/*Generic designs start here*/
.panel {width: 100%; height: 100%;}
.mw_nav {background-color: #0e47a1;  border: none; height: 70px; color: #fff; border-radius: 0;}
.mw_footer {background-color: #dedfe1; height: 70px; padding-top: 20px; color: #606163;}
.mw_panel { background-color: inherit; padding-top: 0; min-height: 100%; border: none; bottom: 0; margin-bottom: 0;}
.navbar-brand img {margin: -6px 0 0 0;}
.mw_content,.panel-body {min-height: 80vh; }
.mw_content {margin-top: 120px;}
.mw_moreInfo {margin-left: 5px; cursor: pointer; color: #0e47a1;}
.send_right {float: right !important;}
.mw_red { background-color: red !important; }
.mw_redFont { color: red !important; }
.dropdown-menu {background-color: #0e47a1;}
ul.mw_list_nav li {color: #fff !important; background-color: #0e47a1 !important; text-transform: uppercase; margin-top: 22px; margin-left: 20px; padding: 2px; /*border-bottom: 1px solid #fff; */ }
ul.mw_list_nav > li > a {color: #fff !important; height: 20px; max-height: 100%;  background-color: #0e47a1 !important; padding-top: 5px; }
ul.mw_list_nav li a.mw_active,
ul.mw_list_nav li.mw_active {border-bottom: 1px solid #fff;cursor: default; }
#country_sort { border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
#bcat { border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.mw_underline { text-decoration: underline; }
ul.mw_list_nav_right li {margin-top: 15px; background-color: #0e47a1 !important;text-transform: uppercase; color: #fff !important;}
ul.mw_list_nav_right li:hover,
ul.mw_list_nav_right li a:hover,
ul.mw_list_nav_right li a:visited,
ul.mw_list_nav_right li a:active {background-color: #0e47a1 !important; color: #fff !important;}
ul.mw_list_nav_right li a:hover {color: black !important;}
ul.mw_list_nav_right li a span,
ul.mw_list_nav_right li a {color: #fff !important;}
ul.mw_settings { font-size: 10px; }
ul.mw_settings li { height: 20px; text-align: right; }
.hide {visibility: visible;}
.show {visibility: hidden;}
i {font-size: 0.9vw; font-style: normal;}
.mw_circle { display: block; float: left; width: 30px; border: 1px solid #fff; font-size: 20px; height: 30px; color: #fff;   background-color: #0e47a1; -moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%;}
.mw_break { margin: 20px; }
.mw_unbreak { margin: -20px; }
span.mw_required { background-color: grey; color: #fff; padding: 0 5px 0 10px; font-size: 0.8vw; font-weight: lighter; border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}











/*Isaac*/
/*Define all classes starting with 'i_'*/
.i_eachCard,.i_each_user_card { background-color: white; width: 100%; height: 150px; margin-top: 20px; padding: 5px 5px 5px 5px; }
.i_rowGroup { height: 100%; }
.i_rowGroup img { max-height: 100%; width: 15%; max-width: 15%; float: left; height: 100%; }
.i_rowGroup table { font-size: 0.9vw; max-height: 100%; width: 85%; max-width: 85%; float: left; height: 100%; }
.i_rowGroup td { width: 14%;  padding: 5px; height: 100%; max-height: 100%; max-width: 14%; }

@media screen and (max-width: 700px) {
    .wrapper { display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
    .i_eachCard,.i_each_user_card { width: 100%; height: 50px; margin-top: 10px; }

}
@media screen and (min-width: 700px) {
    .wrapper { display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
    .i_eachCard,.i_each_user_card { width: 100%; height: 100px; margin-top: 10px; }
}

@media only screen and (min-width: 1025px) {
    .wrapper { display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
    .i_eachCard,.i_each_user_card { width: 100%; height: 150px; margin-top: 10px; }
    }

/*pop up modal for billboard*/
.i_cardDetail{height: 100%; width: 900px;} 
.modal-dialog{width: 100%; height: 300px;}  
.i_image_map_wrapper{display: flex; padding: 0 5px 15px 2px;}
.i_bb_images{float: left; padding: 0;}
.i_bb_map{width: inherit; float: right; margin-left: 20px;}
.i_map_hint{font-size: 0.9vw;}
.i_bb_image_show{height: 250px; width: 290px;}
.i_bb_map_show{height: 250px; width: 60%; margin-bottom: 7px;}
.i_infogroup_wrapper{width: 100%; }
.tab-content{font-size: 0.9vw; font-style: none; border: none; text-decoration-style: none}
.i_infogroup_header{width: 100%;list-style-type: none;display: inline-flex; padding: 0; margin: 0;}
.i_infogroup_header li{display: table-cell; width: 100%;}
.i_basic_start{display: flex; width: 100%; float: left;}
.editable{border:none;}
.i_specifications_start{display: flex; width: 100%; float: left;}
.i_operations_start{display: inline-flex; width: 100%; float: left;}
.i_assets_start{display: flex; width: 100%; float: left; background-color: blue;}
.i_div_x, .i_div_y, .i_div_z{width: 100%; float: left; padding-left: 5px; }
.i_div_x div, .i_div_y div, .i_div_z div{position:inherit; width: 100%; float: left; padding-left: 10px;}
.i_div_x div ul, .i_div_y div ul, .i_div_z div ul{list-style-type: none;}
.i_availbleDays_content{font-size: 0.6vw;}

/*image in pop up modal for billboard*/
#slider ul,#slider ul li{position:relative;margin:0;padding:0}
#slider{position:relative;overflow:hidden;margin:0px auto 0;border-radius:4px}
#slider ul{height:250px;list-style:none}
#slider ul li{display:block;float:left;width:290px;height:250px;text-align:center;}
a.control_next,a.control_prev{position:absolute;top:40%;z-index:999;display:block;padding:4% 3%;width:auto;height:auto;background:#2a2a2a;color:#fff;text-decoration:none;font-weight:600;font-size:20px;opacity:.8;cursor:pointer}
a.control_next:hover,a.control_prev:hover{opacity:1;-webkit-transition:all .2s ease}
a.control_prev{border-radius:0 2px 2px 0}
a.control_next{right:0;border-radius:2px 0 0 2px}
.slider_option{position:relative;margin:10px auto;width:160px;font-size:0.9vw}

/*this removes the footer/extra info on google map*/
.gm-style-cc { display:none;}

/*registerUser.php*/
.i_envelope_image{width: 1200px; height: 800px;}
.i_user_registered{border: solid 1px  black; width: 400px; height: 400px;}

/*Manage users page*/
.i_submit_user_card{float: right;margin-right: 20px; margin-top: 20px; margin-bottom: 20px;}
#divtoBlink{
        -webkit-transition: background 1.0s ease-in-out;
        -ms-transition:     background 1.0s ease-in-out;
        transition:         background 1.0s ease-in-out;}
/*modal showing submit response*/
.i_response_alert{font-size: 1vw;}
.i_modal_for_db_response{height: 100%; width: 500px; position: center;left: 30%;top: 30%; }

.i_userList_wrapper{width: 100%; padding-top: 5%;}
.i_userList_header{width: 100%;list-style-type: none; display: inline-flex; padding: 0; margin: 0;}
.i_userList_header li{display: table-cell; width: 100%;}
.i_submit_user_card{color: black; background-color: #dedfe1; border: solid 1px blue; height:5%; width:5%;  position:fixed; top:83%; right:1%;}
.i_submit_user_card:hover{color: white; background-color: #0e47a1;  }

/*Manage users nav bar*/
.i_user_list {width: 100%; background-color: #fff;  font-size: 1vw; box-shadow: 2px 2px 2px lightgrey; position: fixed; padding-bottom:1%; overflow:hidden; z-index: 3; color: black;}
.i_ul_start {margin-top: 1vh; height: 3vh;}


/*Jay*/
/*Define all classes starting with 'j_'*/
.j_bill_list {width: 100%; background-color: #fff; font-size: 1vw; box-shadow: 2px 2px 2px lightgrey; position: fixed; padding-bottom:10px; overflow:hidden; z-index: 3; color: black;}
.j_add img {width: 3vh; height: 3vh; margin-left: 3vh;}
.j_bl_search_first { background-color: #fff; border: 1px; border-color: lightgrey; border-style: solid;}
.j_custom_submit {width: 10%;float: right; font-size: 20px; display: block; margin: 0;}
.j_custom_submit a { float: right; font-size: 1vw; margin-right: 20%; margin-top: 10%;  text-align: center; color: #0e47a1; }
input.j_nocolor { background-color: inherit !important; width: 90%; color: #0e47a1;font-family: Roboto-Light; }

.j_sort_title ul { width: 100%; float: right; }
.j_sort_title select {border: none; background-color: inherit; height: 100%;}
.j_sort_table { width: 100%; position: relative; min-width: 100%;}
.j_sort_table tr { float: right; }
.j_sort_table tr td select {border-right-width: 1px; background-color: #0e47a1; color: #fff; border-right-color: gray; border-right-style: solid;}
.j_titles { font-size: 1vw; color: #000; font-family: Roboto-Light; width: 90%; position: fixed; top: 170px; opacity: 0.5; height: 40px; z-index: 3; }
.j_titles table { margin-left: 5%; margin-top: 10px; }
.j_please_wait {width: 100%; height: 100%; overflow: hidden; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: black; opacity: 0.5;}
.j_go_middle {    width: 300px;height: 300px;position: absolute;top:0;bottom: 0;left: 0;right: 0;margin: auto;}
.j_go_middle img {width: 100%; height: 100%;}
.j_strip_red { border-style: solid; border-color: red; border-width: 1px; }

/*Login classes start here*/
.j_login_wrapper { background-color: white; border-radius: 2px; box-shadow: 6px 6px 6px lightgrey; border: 1px solid #0e47a1;  }
.j_login_wrapper > ul { margin-top: 10px;  }
.j_login_wrapper > ul > li { width: 49%; text-align: center; }
.j_login_start { height: 55vh; background-color: white; padding: 5px; }
.j_login_start p > a { margin-left: 10%;  }
.j_login_start p > a:hover { color: black;  }
.mw_login_input ,
.j_login_error { width: 80%; margin-left: 10%; margin-top: 25px; }
.mw_login_input input { text-align: center; font-size: 1vw; width: 100%; height: 35px; border: none;}

/*Add new billboard styling starts here */
.mw_add_bill_tab { padding: 10px; border-width: 1px; border-color: #fff; border-style: solid;}
.mw_add_bill_tab input { background-color: #fff !important; }
ul#j_addnew_b > li{ width: 25%; text-align: center; font-size: 1vw; }
.j_input-small { font-size: 12px;}
#j_dragndropinners {text-align: center; margin-top: 2%;}
#j_dragndropinners span { font-size: 2vw;}
#j_status_bar {height: 5px; padding: 0; overflow: hidden; width: 100%; background-color: #fff;}
#j_addNewMap { height: 400px; margin-bottom: 20px;}
.smaller_text {font-size: 11px;}
.j_dragon {  border: 2px solid #0e47a1 !important; opacity: 0.4 !important; }
.j_status_bar { border-radius: 5px; opacity: 0.8; box-shadow: 1px 1px 1px #0e47a1; height: 60px; background-color: #fff; border: 0.8px solid #0e47a1; }
.j_addNewCatSel { cursor: pointer; box-shadow: 1.5px 1.5px 1.5px #000; height: 40vh; padding: 20px; border-radius: 5px; border: 1px solid #0e47a1; background-color: #fff;  }
.j_addNewCatSel:hover { background-color: #ebeff2; opacity: 0.6; box-shadow: 0 0 0 #000;}
.j_addNewCatSel p.icon { font-size: 76px; color: gray; margin-top: 10px; }
.j_addNewBRow p,.j_addNewBRow input, .j_addNewBRow select, .j_addNewBRow textarea,
#accordion p,#accordion input, #accordion select, #accordion textarea { font-size: 11px;  }
.j_addNewBRow input, .j_addNewBRow select, .j_addNewBRow textarea,
#accordion input, #accordion select, #accordion textarea {border-bottom: 1px solid black !important; background-color: inherit !important;   -webkit-box-shadow: none !important;-moz-box-shadow: none !important;  box-shadow: none !important; outline: none !important;  border-top: none !important; border-left: none !important; border-right: none !important; }
#accordion input[type=text].mw_withcheckbox { background-color: #0e47a1 !important; color: #fff; text-align: center; cursor: pointer; border-width: 1px; border-color: lightgray; border-style: solid; }
#accordion input[type=button] { background-color: #0e47a1 !important; color: #fff; text-align: center; cursor: pointer; border-width: 1px; border-color: lightgray; border-style: solid; }
#accordion table.j_sPanelAdd { width: 100%; border-collapse: collapse; background-color: #fff; color: #0e47a1; text-align: center;  border: 1px solid lightgray !important; font-size: 1vw; }
#accordion table.j_sPanelAdd tr.__h { background-color: #ebeff2; border-bottom: 1px solid lightgray !important; border-top: 1px solid lightgray !important; }
#accordion table.j_sPanelAdd tr { font-weight: lighter; }
#accordion table.j_sPanelAdd tr input { font-size: 1vw; width: 50%; text-align: center; }
#accordion table.j_sPanelAdd tr select { font-size: 1vw; border-bottom: none !important; width: 75%; text-align: center; }



.j_greenLeft { border-left: 5px solid green; }
.j_redLeft { border-left: 5px solid red; }
#j_pleaseWaitParent {background-color: rgba(255,255,255,0.8);  position: absolute; top: 0; left: 0; right: 0; z-index: 2; bottom: 0;}
#j_pleaseWaitParent div {position: absolute; left: 50%; top: 50%;transform: translate(-50%, -50%); color: #0e47a1;}
#j_pleaseWaitParent div p {color: #000;}

@media only screen and (min-width: 800px) {
    .j_dragndrop { height: 200px; border-radius: 5px; background-color: #F9FFFD; border-width: 1px; border-style: dashed; border-color: #000;-moz-user-select: none;  
-webkit-user-select: none;  
-ms-user-select: none;  
-o-user-select: none;  
user-select: none; }
    }

@media only screen and (max-width: 800px) {
    .j_status_parent, .j_dragndrop { visibility: hidden;}
    #addNewSelectBtn { visibility: visible;}
    }

/*Screen design starts here*/
.j_duplicateOptions { width: 100%; background-color: #f5f5f5; height: auto; min-height: 50px; border-top: 1px solid lightgray; }
.j_duplicateOptionsInner { width: 50%; float: right; padding: 5px; }
.j_duplicateOptionsInner table { font-size: 0.8vw; float: right; margin-top: 5px; max-width: 100%; background-color: inherit !important; width: 65%; border: none !important; }
#accordion table tr td select.j_DupSelcts { font-size: 0.8vw; border-left: 1px solid #0e47a1 !important;  border-bottom: none !important; }
#accordion table tr td select.j_dupHowMany { border-right: 1px solid #0e47a1 !important; }
.j_duplicateOptions input[type=checkbox] { display: inline !important;  margin-right: 3px; }
.j_duplicateOptionsInner input.triggerDup { width: 100% !important; border-radius: 5px; }
.j_oneLine { float: left; }
.j_oneLine label { float: right; font-weight: lighter; padding-top: 3px; padding-right: 3px; border-right: 1px solid #0e47a1 !important;   }


.j_alert { padding: 15px;margin-bottom: 20px;border: 1px solid #eed3d7;border-radius: 4px;position: absolute;bottom: 0px;right: 21px;float: right;clear: right;background-color: white;}
.j_alert-red { color: white; background-color: #DA4453; }
.j_alert-green {color: white;background-color: #37BC9B; }
.j_alert-blue { color: white; background-color: #4A89DC; }
.j_alert-yellow { color: white; background-color: #F6BB42; }
.j_alert-orange { color:white; background-color: #E9573F; }














/*Kogi*/
/*Define all classes starting with 'k_'*/
.k_sent_msg { margin-top: -100px; width: 30%; margin-left: 25%;  max-width: 30%;  }

/* .k_sent_msg 
 	{   
 	width: 320px;
    padding: 10px;
    border: 1px solid gray;
    margin: 0;
	}

*/


.mw_signup_input input { text-align: center; font-size: 1vw; width: 50%; height: 35px; border: none;}