body{background-color:#FFFFFF;}
.full{width:100%;}

.box-login{width:400px;position:absolute;top:45%;left:50%;transform:translate(-50%, -50%);}
.box-form{background-color:#F2F2F2;border-bottom:1px solid #CDCDCD;border-right:1px solid #CDCDCD;border-left:1px solid #CDCDCD;border-radius:0 0 5px 5px;}

.extra-padding-tb{padding-top:15px;padding-bottom:15px;}
.bottom-margin{margin-bottom:0.55em;}

.box-login .pleca-blue{border-radius:5px 5px 0 0;}
.pleca-blue{background-color:#084166;}
.pleca-gray{background-color:#F2F2F2;padding-bottom:0.8em;margin-bottom:1.3em;}
.box-gray{background-color:#F2F2F2;}
.logo-login{width:50%;margin:0 auto;display:block;padding:10px 0;}
.logo img{height:50px;margin:9px 0;}

/* Texts */
h1{color:#06314C;border-left:5px solid #5fb611;padding-left:0.5em;}

/* Menu */
.nav li{text-align:center;}
ul.nav li{border-left:1px solid #094973;border-right:1px solid #06314C;}
ul.nav:first-child{border-left:1px solid #06314C;}
ul.nav:last-child{border-right:1px solid #094973;}
ul.nav li a{color:#A1A1A1;text-decoration:none;font-size:0.8em;}
ul.nav li a:hover, ul.nav li a.active{background-color:#06314C;color:#FFFFFF;}

/* Inputs */
input{}
form input:focus{border-color:#72C02C;border-width:2px;}

/* Buttons */
button{border-radius:3px;border:none;padding:0.65em 0;}
.green-button{background-color:#72C02C;color:#FFFFFF;}
.green-button:hover{background-color:#5FB611;}
.btn-header{margin-top:1.8em;}
.btn-add-material{margin-top: 27px;
display: inline-block;
padding: 3px 7px;
border-radius: 50%;
font-size: 1.1em;}

/* Login */
.box-form form{padding:1.5em 0.7em;}

/* Box Counts */
.box-count{height:120px;border-radius:3px;line-height: normal;overflow:hidden;}
.box-icon{width:50%;height:100%;float:left;text-align:center;color:#FFFFFF;border-radius:3px 0 0 3px;}
.box-info{font-size:1.3em;color:#FFFFFF;width:50%;float: left;}
.box-info span{display:inline-block;margin:20px 0 0 40px;}
.box-count i{font-size:7.5em;margin:8px 0 0 10px;color:rgba(0, 0, 0, 0.15);}
.box-count strong{font-size:2.3em;}

.box-count-green{background-color:#21B383;}
.box-count-red{background-color:#731514;}
.box-count-blue{background-color:#06314C;}
.box-count-yellow{background-color:#F39C12;}

#tab_process .formset-process:nth-child(2n+1), #tab_mixture .formset-mixture:nth-child(2n){background-color:#EBF4F5;}
.formset{margin-bottom:0.7em;}
.formset .delete-row{float:right;margin:25px 15px 0 0;}
.formset-process, .formset-mixture{padding-top:10px;background-color:#FFFFFF;margin:0;}
.formset-process div, .formset-mixture div{margin-bottom:1.3em;}
.formset-process .delete-row, .formset-mixture .delete-row{float:right;margin:25px 15px 0 0;}

.delete-row{color: #fff;background-color: #d9534f;border-color: #d43f3a;display: inline-block;cursor: pointer;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;background-image: none;
border: 1px solid transparent;
border-radius: 4px;}
.delete-row:hover, .delete-row:active{text-decoration:none;color:#FFFFFF;}

#id_send_client{margin:0;padding:0;list-style:none;}
#id_send_client li{width:50%;padding-left:1em;float:left;}

/* jQuery UI */
.tabs-ui{margin-top:0.7em;}
span.custom-combobox{display: table;width: 100%;}
input.custom-combobox-input{background-color:#FFFFFF;border:1px solid #CCCCCC;border-radius:0;height: 34px;padding: 6px 12px;display:table-cell;width:100%;}
a.custom-combobox-toggle{height:34px;border-radius:0 3px 3px 0;border-left:none;display:table-cell;}
.wrap-sliders{margin-top:0.75em;}

/* Tabs */
.box-tabs{position:relative;margin-top:25px;}
ul.tabs{
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		ul.tabs li{
			background:#CCCCCC;
			display: inline-block;
			padding: 10px 15px;
			cursor: pointer;
		}

		ul.tabs li.current{
			background: #06314C;
			color: #FFFFFF;
		}

		.tab-content{
			visibility: hidden;
			background: #F2F2F2;
			padding:0 15px 15px;
            position: absolute;
            top: 45px;
            left: 0;
		}

		.tab-content.current{
			visibility: visible;
		}
                
                div.fynotej {
                    width: 119px;
                    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                    text-align: center;
                }

                div.container {
                    padding: 1px;
                }