@font-face {
    font-family: 'montserratregular';
    src: url('montserrat-regular-webfont.eot');
    src: url('montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('montserrat-regular-webfont.woff2') format('woff2'),
         url('montserrat-regular-webfont.woff') format('woff'),
         url('montserrat-regular-webfont.ttf') format('truetype'),
         url('montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	padding:0px;
	font-family: 'montserratregular';
	background-color: #E4E4E4;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	text-align: left;

}

.Logo{
	background-image: url(images/Logo.png);
	height:70px;
	background-repeat: no-repeat;
	background-size:250px;
	margin-left:20px;
}

a:link, a:visited, a:hover, a:active  {
    color: #fff;
}


/* DIV Holders */
.PageHolder{

  background-color: rgba(255, 255, 255, 0.65); */
}

.LoginHolder {

    background-color: #F1F1F1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 25px;
    border: 1px solid #D4D4D4;
    padding: 20px;
    width: 260px;
    height: 260px;
}

.LogoutHolder{
    background-color: #000000;
    font-size: 17px;
    color: #D8D8D8;
    padding: 10px;
	text-align:right;
	padding-left:20px;
}

.HourReg{
	
	margin-top:50px;
}

/* Login */

.MyLogin input[type="text"] {   
width: 100%;
    padding: 7px 10px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
	} /*username*/
	
.MyLogin input[type="password"] {
width: 100%;
    padding: 7px 10px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;} /*password*/
.MyLogin input[type="submit"] {
	color: #FFF;
	background-color: #14A27D;
	padding: 6px;
	-webkit-border-radius: 28;
	-moz-border-radius: 28;
	border-radius: 13px;
	width: 100%;
	margin-top: 15px;
	font-size: 15px;
	border: thin solid #CCCCCC;
}
.MyTitle{
        color: white;
    background-color: #14a27d;
    padding: 6px;
    font-size: 20px;
    font-weight: lighter;    
}

.MyLabels{
	color: #333333;
	padding: 10px;
	    padding-bottom: 30px;
}


/* Reg Form */
.Date_Header, .HourT_Header, .Hours_Header, .Order_Header, .Prod_Header, .Text_Header, .Prod_Materiell_Header, .Prod_Quant_Header
{
	font-size: 15px;
	margin: 5px;
	color: #000000;
	margin: 5px;
	text-transform: uppercase;
	text-align:left;
	font-weight: bold;
	padding-top: 5px;

}
.DRP_Timetype, .DRP_From, .DRP_To
{
    color: #000000;
    background-color: #FFFFFF;
    width: calc(100% - 15px);
    margin:5px;
}

.Ord_Dropdown, .Prod_Dropdown
{
   margin:5px;
}
.CustomerSearch
{
    width: calc(100% - 5px);

}
 
.lbl_Date_Header, .lbl_Cust_Header, .lbl_HourT_Header, .lbl_Hours_reg, .lbl_Text_Header, .lbl_Order_Header, .lbl_Product_Header, .lbl_Product_Materiell
{
      
}

#Picker_Wrapper{
	width: 310px;
	overflow: hidden;
	background-color: #DCDCDC;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left:5px;
}
#PDate_Picker{
    float:left;
    width:50%;
}
#Picker_Button{
   margin: 0;
    padding-top: 28px;
    float: right;
    width: 55px;
	background-color: #CCCCCC;
}

.Hours_Text_txt{
	background-color:#FFFFFF;
	width:50px;
	margin-left:10px;
}

.Text_Descr{

}
.Text_Descr_txt {
    background-color: #FFFFFF;
    width: 90%;
    margin-bottom: 10px;
    margin-top: 10px;
	margin-left:10px;
}
.Cust_Required, .Hours_Required, .Ordre_Required, .Product_Required
{
    padding-left: 10px; 
}


#Picker_Date{
    padding: 10px;
    float: left;
    
}

.lbl_Cust_Required, .lbl_Hours_Required, .lbl_Ordre_Required, .lbl_Product_Required
{
    color:red;  
}
.calendar_button{

     
}

.Save input[type="submit"]{
	color: #FFF;
	background-color: #14A27D;
	padding: 6px;
	-webkit-border-radius: 28;
	-moz-border-radius: 28;
	border-radius: 13px;
	width: 100%;
	margin-top: 15px;
	font-size: 15px;
	border: thin solid #CCCCCC;
	margin-bottom: 15px;
	margin-left:15px;     
}
.btn_Save, .btn_AddMateriell {

    color: #FFF;
    background-color: #14A27D;
    padding: 6px;
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 13px;
    width: 100%;
    margin-top: 15px;
    font-size: 15px;
    border: thin solid #CCCCCC;
     
}

.Info
{
    margin-bottom:10px;   
}
.lbl_Info
{
    color:red; 
    font-size:12px;
}


.CompletionList 
{
    background-color: #fff;
    margin-top: 0px;
    padding: 1px 0px 1px 0px;
}

.CompletionListItem 
{
    background-color: #E4E4E4;
    margin: 2px;
    padding: 5px;
    color: #000;
}

.CompletionListItemHighLight 
{
    background-color: #ccc;
    margin: 2px;
    padding: 5px;
    color: #000;
}

.bWrapper {
    background-color: rgba(204, 204, 204, 0.18);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.1),-1px -1px 3px rgba(0,0,0,0.1);
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.1),-1px -1px 3px rgba(0,0,0,0.1);
    box-shadow: 1px 1px 3px rgba(0,0,0,0.1),-1px -1px 3px rgba(0,0,0,0.1);
    border-collapse: separate;
	margin-left:10px;
	margin-right:10px;
	margin-bottom: 10px;

}

/* Tabstrips */

.tabstrip-time
{

}

.MyTabStyle .ajax__tab_header {
    font-family:  'Tangerine', serif;
    font-size: 18px;
    display: block;
}

.ajax__tab_default .ajax__tab_tab   {
    color:#000;
}

.ajax__tab_default a .ajax__tab_tab a   {
    color:#000;
}

    .MyTabStyle .ajax__tab_header .ajax__tab_outer {
        border-color: #222;
        color: #222;
        padding-left: 10px;
        margin-right: 3px;
        border: solid 1px #d7d7d7;
    }

    .MyTabStyle .ajax__tab_header .ajax__tab_inner {
        border-color: #666;
        color: #666;
        padding: 3px 10px 2px 0px;
    }

.MyTabStyle .ajax__tab_hover .ajax__tab_outer {
    background-color: #9c3;
}

.MyTabStyle .ajax__tab_hover .ajax__tab_inner {
    color: #fff;
}

.MyTabStyle .ajax__tab_active .ajax__tab_outer {
    border-bottom-color: #ffffff;
    background-color: #d7d7d7;
}

.MyTabStyle .ajax__tab_active .ajax__tab_inner {
    color: #000;
    border-color: #333;
}

.MyTabStyle .ajax__tab_body {
    font-family:  'Tangerine', serif;
    font-size: 10pt;
    background-color: #fff;
    border-top-width: 0;
    border: solid 1px #d7d7d7;
    border-top-color: #ffffff;
}
.MyTabStyle .ajax__tab_panel{
    padding:15px;
    border-color: #333;
}



.Prod_Holder_left{
    width:50%;
    float: left;
}
.Prod_Holder_Center{
    width:75px;
    text-align:center;
    float: left;
}

.Prod_Holder_Right{

    float: left;
    text-align:left;
    height:75px;
}

.txt_Antall{
    width:25px;
}

.btn_AddMateriell
{
  margin-top:13px;  
}


.Prod_Materiell_Header{
    clear:both;
}