/*

Font-style Font-style Font-style

*/

p {font-style: normal !important;}
label { font-style: normal !important;}
label {font-weight: 100 !important;}
/** {font-family: "Arial", Helvetica, sans-serif !important;}*/


textarea, select, input, label { color:black !important; font-size:15px !important;}
input {background-color:white !important;}

    /*  */

/* Checkbox issue
textarea, select, input {width: calc(100% - 10px)!important;}*/

select {max-width:400px !important;}



		.right_replaced_container {
		 width:100%;
		background-color:#666666;
		max-width:100%;
		color:rgb(22,106,191);
		padding:0px;
		padding-left:58px;
		}



th {
border-top-style: solid !important; border-bottom-style: solid !important;  
border-top-color: #4389c8 !important; border-bottom-color: #4389c8 !important;  
border-top-width: 1px !important; border-bottom-width: 1px !important;}
  

html {background-color: white; }
body { margin: auto !important;}
/*body {min-width:500px;}*/

/*guideline dont delete*/
/** {border-style: solid; border-width: 1px; border-color: rgba(0,255,0,1);

border-collapse: collapse;}

#p2 {background-color:rgba(0,255,0,0.3);}*/
/*maincont2 (change_class_name)
New Class Name: "revised_container"*/



th {border-style: solid; border-left-width: 1px; border-right-width: 1px; border-left-color: white; border-right-color: white;  }
th:first-child {border-left-style: solid; border-left-width: 1px; border-color: #4389c8; border-right-width: 0px;}
th:last-child {border-left-style: solid; border-left-width: 1px; border-color: #4389c8; border-left-width: 0px;}



.revised_container {background-color:white !important;  width: auto !important; }
.revised_container {margin-top:34px; margin-left:24px;}
.revised_container {margin-right: 0px;}

.revised_container {border-style: solid; border-width: 0px; border-color: red;}




/* this is temporary guideline_only*/
/*.revised_container {border-style: dotted; border-width: 2px; border-color: orange;}*/
/** {
    background-color: black;
    background-image: radial-gradient(white, rgba(255,255,255,.2) 2px, transparent 40px), radial-gradient(white, rgba(255,255,255,.15) 1px, transparent 30px), radial-gradient(white, rgba(255,255,255,.1) 2px, transparent 40px), radial-gradient(rgba(255,255,255,.4), rgba(255,255,255,.1) 2px, transparent 30px);
    background-size: 550px 550px, 350px 350px, 250px 250px, 150px 150px;
    background-position: 0 0, 40px 60px, 130px 270px, 70px 100px;
}*/

/* ENABLE THIS ON LAYOUT
.revised_container {margin-top:62px; margin-left:62px;}
*/

.maincont2 {background-color:white !important;}
.maincont2 {margin-top:62px; margin-left:62px; width: auto; }


/*

Temporary Colors
Aquamarine
Crimson

		 
*/





body { background-color: white !important; max-width: calc(100% - 3em)!important;}

 
.container { background-color: #666666 !important;}

.container-top-right-corner { background-color: #666666 !important;position: fixed; }
.form_container {
  background-color: green; z-index: -1;
}

.container,.top_container,.top_right_elements {
  
}


.form-control {
  background-color: white;
}

form {background-color: white !important;
}


/* Common Style Sheet For All Pages */

/* <link rel="stylesheet" type="text/css" href="css/mystyle.css"> */





/* table */



/* buttons */



li.icon1:active, li.icon1:link, li.icon1:select {background-color:black;}


li.icon1, li.icon2, li.icon3, li.icon4, li.icon5, li.icon6, li.icon7, li.icon8, li.icon9
{background-color:#666666;padding:.1rem;}


li.icon1 {background-color:#666666;padding:.1rem;padding-bottom:8px; padding-top:5px;}
li.icon3 {background-color:#666666;padding:.1rem;padding-bottom:8px;}

	

.select2-hidden-accessible{
	opacity: 0;
    width:1% !important;
}
.select2-container .select2-selection--single{
  height: 34px;
  padding-top: 2px;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  border: 1px solid #ccc;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
  top: 4px;
}

.top_container,.top_right_elements {
  z-index: -1;
}

.iconz,.iconz_moth {
  padding: 0;
}

.col,.container,.row_sect {
  padding-left: 0;
}

.error_display_text,.iconz,.titles {
  text-align: center;
}


.menulist,.rightmenus,article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section {
  position: absolute;
}

.menulist {
  float: left;
  overflow: hidden;
  left: 58px;
  top: 0;
}

.online,.userdetail, img {
  float: left;
}

.userdetail {
  margin-right: 0;
}



.top_right_elements {
  position: absolute;
  right: 0;
}

.iconz {
  list-style-type: none;
  margin: 0;
  color: #fff;
}

.fa.fa-star {
  width: 100%;
  border-top: 1px;
  padding-top: 20px;
}

icon {
  font-size: 200%;
}

.row.rrows {
  background-color: #ff00ff;
}

.row_sect {
  top: 100px;
  left: 65px;
  width: calc(100% - 5em);
  background-color: pink;
}

.logo,.topcorner {
  top: 0;
  position: fixed;
  width:auto !important;
  font-size:12px;
}



.logo {
  left: 0;
}

.fa:link {
  color: #c2c22d;
}

.fa {
  color: #fff;
  font-size: 20px;
  
}

.fa:hover {
  color: #000;
}

.fa:active {
  color: #0CF;
  background-color: #333;
}




.icon1,.icon2,.icon3,.icon4,.icon5,.icon6,.icon7,.icon8,.icon9 {
  color: #fff;
  font-size: 20px;
  margin: auto;
  text-align: center;
  vertical-align: middle;
  border-top-style: solid;
  border-top-color: #999;
  border-bottom-style: solid;
  border-bottom-color: #333;
  border-width: 1px;
}

.topcorner {
  width: 136px;
  height: 58px;
  right: 0;
  background-color: rgba(255,255,255,0);
  z-index: 1;
}

.online {
  margin-top: 15px;
  color: #fff;
  padding-right: 10px;
   padding-top: 22px;
}

.user {
  width: 58px;
  height: 58px;
  background: url(../../assets/img/online.png) #ff00ff;
}

img.photo {
  padding-top: 3px;
  padding-right: 20px;
  height:54px !important;
  width:auto !important;
}

.flex-sm-shrink-1.flex-md-shrink-1.top_container {
  width: calc(100% - 95px);
  margin-left: -40px;
  overflow-y: visible;
}

.navbar-toggler:not(:disabled):not(.disabled) {
  background-color: #fff;
}

.form_container {
  position: fixed;
  top: 58px;
  left: 64px;
}

.navbar-collapse {
  margin-left: 62px;
}

.category_name {
  background-color: #000;
  height: 50px;
}

.titles {
  color: #fff;
  font-size: 30px;
  font-weight: 400;
}

.error_display_text {
  color: red;
  font-weight: 800;
}

.error_place_holder {
  background-color: #fff;
  height: 30px;
}



#Description {
  height: 100px;
}

.form_place_holder {
  margin-left: 25px;
  padding-top: 20px;
}

.form_labels {
  float: left;
  clear: left;
}

.dropdown,.dropleft,.dropright,.dropup {
  padding-bottom: 25px;
}

.navlink {
  background-color: RED;
}

.table {text-align:center !important;}

th {background-color:#4389c8 !important; color: white !important;}

.top_right_elements {z-index:5;}

.icon_tabs {float:left; width:60px; height:100vh; background: transparent; margin-left:0px; margin-top:58px; padding:0px;}

.container2 { position: fixed;background-color: orange; width: 100%;  }

/*
.top_mn{ position:fixed; top:0px; left:0px; background: transparent; z-index: 3} 

fleetek colors

color 1 #007bff (Not this)  #4389c8 (Approved)
color 2
color 3
color 4
color 5
color 6 #ced7df (Table-odd, Button-color

*/

h1, h2, h3, h4, h5 {color: #4389c8 !important;}

td {border-style: solid; border-width: 1px; border-color: #4389c8;}
tr:nth-child(even) {background-color:white !important;}
tr:nth-child(odd) {background-color:#ced7df !important;}
tr {font-size: 13px !important; color:black !important;}
th {text-align: center!important; }
th, td {padding: 8px !important; }

table {border-style: solid; border-width: 1px; border-color: #4389c8;}
table {width: calc(100vw - 0.1em);}


/*
body { background-color: white !important; width: calc(100vw - 1.5em);}

 color 1 #4389c8
 color 2 #ced7df
 
 @media only screen and (max-width: 400px) {
    body {
        background-color: gray;
    }
}
@media only screen and (min-width: 401px) {
    body {
        background-color: black;
    }
}

@media only screen and (max-width: 400px) {
.my_button {
        width: 100vw !important; margin-left:auto;
		margin-right:auto; max-width:100% !important;}}


.my_button:focus {outline: none !important;}


.my_button {background-color: #ced7df !important;
min-width: 150px !important; max-width: 200px; 
color:black !important;: border: 0px !important;}
	
/*#4389c8
.my_button:hover, .my_button:link, .my_button:active
{background-color: #4389c8 !important; color: white !important; } 
*/

.my_button {font-size:14px !important; margin-right:20px !important; margin-bottom:20px !important;}

.my_button {background-color: #ced7df !important;
min-width: 150px !important; max-width: 200px; color:black !important;: border: 0px !important;}

	
.my_button:hover, .my_button:link, .my_button:active {background-color: #4389c8 !important; color: white !important; 
}
 @media only screen and (max-width: 457px) {
    html {
        background-color: white;
    }
.my_button {  
 width: 100% !important; margin-left:auto; margin-right:auto; margin-top:10px; max-width:100% !important;
 } }





 .lbl4Dt{
     height:27px !important;
     max-width:265px !important; 
     border:1px;
     border-color:#666666;
     border-style:solid;
     border-radius:5px;
     padding:3px;
     padding-left:40px;
     padding-right:40px;
 }
 .lblB4Dt{
     height:27px !important;
     max-width:265px !important; 
     border: 1px solid rgba(70, 39, 137, 0.64);
     border-radius:5px;
     padding:3px;
     padding-left:20px;
     padding-right:20px;
     background-color:red !important;
     float:left;
     margin-top:2px;
     color:black !important;
 }
 .preloader {
    position: fixed;
    text-align: center;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 99999;
}
 .status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 99;
    background-image: url(../images/preLoader.gif);
    background-position: center;
    margin: -100px 0 0 -100px;
    background-repeat: no-repeat;
}




@media only screen and (min-width: 400px) {
nav.navbar.navbar-light.navbar-expand-md {
    width: 70%;}

.top_right_elements {z-index:5;}

.hdrActive{
    background-color:#00CCFF !important;
    color:black !important;
}
.hdrActive:hover{
      background-color:black !important;
    color:white !important;
}
.hdrnormal{
    background-color:#666666 ;
    color:white ;
}
.hdrnormal:hover{
    background-color:black !important;
    color:white !important;
}

.rolchk{
    margin-right:2px !important;
    
}
input[type=date], input[type=time] {max-width:165px !important; }
input[type=time],input[type=date],input[type=text],input[type=password]{height:27px !important; }





}

.h4_link{cursor:pointer;border-bottom: 1px solid #4389c8;display: inline-block;}
.customModal form {padding: 0;}
.customModal .modal-header{display:block;}
.customModal .modal-footer{padding-bottom:0;}

.customModal div.form-group {
    padding: 0 8px 0 8px;
}

.topcorner .dropdown-toggle img.photo {
    padding-top: 4px;
    padding-right: 0;
    height: auto !important;
    width: 50px !important;
    border-radius: 55%;
    margin-right: 15px;
}

.selectHeight{height:27px !important;padding-top:3px !important;}
.gm-style > div > div + div + div > div > div + div + div + div > div > div > div + div + div > div {
    top: -20px !important;
}