/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the
 * later versions of this theme.
 *
 * We advise that you use use this CSS to override
 * SmartAdmin styles.
 *
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 *
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */

 html
 {
 	background:#fff;
 }

 #main
 {
 	padding-bottom: 0;
 }

 .login-info img
 {
 	border:0;
 }

 .login-info a span
 {
 	text-transform: none;
 }

 .smart-form .label {
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 4px;
 }

 .note, .smart-form .note {
    margin-top: 0;
    line-height: 12px;
 }


.smart-form .icon-append, .smart-form .icon-prepend {
    z-index: 1;
}

.smart-form .input input, .smart-form .select select, .smart-form .textarea textarea
{
	padding: 3px 5px !important;
    font-size: 12px !important;
    line-height: 14px !important;
    height: 28px !important;
}

.smart-form .select i {
    height: 8px;
    box-shadow: 0 0 0 7px #fff;
}

.smart-form .select i:after {
    bottom: -2px;
}

.smart-form .select select option {
    padding: 2px 5px;
}

.smart-form .input-date-na {
    float:left;
    width:80%;
}

.smart-form .na-checkbox {
    float:left;
    width:20%;
    margin-top: 4px;
    height:24px;
}

.smart-form .na-checkbox input {
    margin-left: 4px;
}

#pillars
{
	margin-top: 10px;
}

#pillars label
{
	height:30px;
}

.smart-style-2 .login-info a span
{
	font-size: 14px !important;
}

.btn-selections label
{
	color: #ccc;
}

.selectable.active
{
	background-color: #3b9ff3;
	border-color: #3276b1;
	color: #fff;
}

.widget-body.widget-table {
    margin-top: -18px;
}

.LIVE-MODIFIED {
    color: #00bf00;
    font-weight: bold;
}

tr.select .LIVE-MODIFIED {
    color: #00ff00;
}

/*
	DATATABLES
*/
table.dataTable thead > tr > th {
    font-size:11px;
    padding: 0 10px 0 5px !important;
    line-height: 24px !important;
}

table.dataTable tr.select td {
    background-color: #3b9ff3;
    color: #fff;
}

table.table td {
    font-size:11px;
    padding: 5px !important;
}

table.table td.ms {
    white-space: nowrap;
}

div.dataTables_info {
    font-size: 12px;
    padding-top: 10px;
}

td.select {
    background-color: #3b9ff3 !important;
    color: #fff !important;
}

#datatable_users tbody tr:hover td,
{
	background-color: #ecf3f8;
}

.ui-layout-pane
{
    padding:0;
}

.marker-label
{
    color:#0C3A0C;
}

@-webkit-keyframes spinner {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#myLoader {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    height: 70px;
    left: 50%;
    margin-left: -35px;
    margin-top: -35px;
    padding: 15px;
    position: fixed;
    top: 50%;
    width: 70px;
    z-index: 1000000;
}

#myLoader .spinner {
    animation: 1500ms linear 0s normal none infinite running spinner;
    -moz-animation: 1500ms linear 0s normal none infinite running spinner;
    -webkit-animation: 1500ms linear 0s normal none infinite running spinner;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    box-shadow: 1.5em 0 0 0 rgba(255, 255, 255, 0.8), 1.1em 1.1em 0 0 rgba(255, 255, 255, 0.8), 0 1.5em 0 0 rgba(255, 255, 255, 0.8), -1.1em 1.1em 0 0 rgba(255, 255, 255, 0.8), -1.5em 0 0 0 rgba(255, 255, 255, 0.8), -1.1em -1.1em 0 0 rgba(255, 255, 255, 0.8), 0 -1.5em 0 0 rgba(255, 255, 255, 0.8), 1.1em -1.1em 0 0 rgba(255, 255, 255, 0.8);
    -moz-box-shadow: 1.5em 0 0 0 rgba(255, 255, 255, 0.8), 1.1em 1.1em 0 0 rgba(255, 255, 255, 0.8), 0 1.5em 0 0 rgba(255, 255, 255, 0.8), -1.1em 1.1em 0 0 rgba(255, 255, 255, 0.8), -1.5em 0 0 0 rgba(255, 255, 255, 0.8), -1.1em -1.1em 0 0 rgba(255, 255, 255, 0.8), 0 -1.5em 0 0 rgba(255, 255, 255, 0.8), 1.1em -1.1em 0 0 rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: 1.5em 0 0 0 rgba(255, 255, 255, 0.8), 1.1em 1.1em 0 0 rgba(255, 255, 255, 0.8), 0 1.5em 0 0 rgba(255, 255, 255, 0.8), -1.1em 1.1em 0 0 rgba(255, 255, 255, 0.8), -1.5em 0 0 0 rgba(255, 255, 255, 0.8), -1.1em -1.1em 0 0 rgba(255, 255, 255, 0.8), 0 -1.5em 0 0 rgba(255, 255, 255, 0.8), 1.1em -1.1em 0 0 rgba(255, 255, 255, 0.8);
    display: inline-block;
    font-size: 10px;
    height: 1em;
    margin: 1.5em;
    overflow: hidden;
    text-indent: 100%;
    width: 1em;
}

i.ajax-wait {
    color:#ff0;
}

i.ajax-call {
    color:#0f0;
}

i.ajax-error {
    color:#f00;
}

#filter_panel td.filter-text input, #filter_panel td.filter-float input {
    width:100%;
}

#filter_panel td.filter-checkbox input {
    width: auto;
    margin-right: 1px;
}

#filter_panel td select {
    width: 100%;
    height: 22px;
}

#filter_panel td option {
    padding: 1px 4px;
    font-size: 11px;
}

#filter_panel button.btn {
    margin-left: 5px;
    padding: 1px 8px 0;
    float: left;
}

#section_filter_new_tab {
    padding-left: 10px;
    line-height: 32px;
    margin-bottom: -4px;
}

#section_filter_edit_tab {
    line-height: 32px;
    margin-bottom: -4px;
}

#section_filter_new_tab button, #section_filter_edit_tab button {
    margin-top: -4px;
    padding: 2px 5px;
}

button#remove_tab, button#save_tab {
    padding: 0 2px;
    margin-left: 5px;
    margin-top: 5px;
}

button#save_tab {
    padding:0 4px;
    margin-right: 10px;
}

input#new_tab, input#edit_tab {
    width:80px !important;
    line-height: 32px;
    color:#000; 
    background: #f8f8f8;
    padding: 6px 4px 5px;
    border:none;
    box-shadow: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 28px;
}

article {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.jarviswidget {
    margin-bottom: 10px;
}

.jarviswidget > header {
    height: 32px;
}

#myTab * {
    font-size: 12px;
}

#myTab {
    margin-left: 5px;
    margin-top: 2px;
}

#myTab li {
    position: relative;
}

#myTab li a {
    color:#aaa;
    padding: 6px 8px 5px;
    border:none;
    box-shadow: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#myTab li.active a {
    background: #F8F8F8;
    color: #000;
}

.dd3-handle {
    padding: 5px 15px;
}

.dd3-handle::before {
    line-height: 20px;
}

.dd3-content {
    margin: 0 0 2px 0;
    font-size: 12px;
    padding: 3px 10px 5px 40px;
}

.section-field {
    position: relative;
}

.section-field .field-blank {
    height: 45px;
}

.col-md-12 .section-field {
    width: 25%;
    float:left;
}

.col-md-12 .section-field-3 {
    width: 33% !important;
    float:left;
    position: relative;
}

.col-md-12 .section-field-4 {
    width: 25% !important;
    float:left;
    position: relative;
}

.col-md-12 .section-field-5 {
    width: 20% !important;
    float:left;
    position: relative;
    min-height: 40px;
}

.col-md-12 .section-field-6 {
    width: 16% !important;
    float:left;
    position: relative;
    min-height: 40px;
}

.col-md-12 .section-field-3 label,
.col-md-12 .section-field-4 label,
.col-md-12 .section-field-5 label,
.col-md-12 .section-field-6 label {
    width: 0;
}

.col-md-12 .section-field-half {
    width: 50% !important;
    float:left;
    position: relative;
}

.col-md-12 .section-field-full {
    width: 100% !important;
    float:left;
    position: relative;
}

.col-md-12 .smart-form fieldset.section-fields {
    padding: 10px 14px 0px 4px;
}

.col-md-12 .section-fields div.field {
    padding: 0 0 0 10px;
}

.section-fields div.field div.note {
    position: absolute;
    top:0;
    right: 0;
}

.smart-form section {
    margin-bottom: 10px;
}

.smart-form legend {
    padding-top: 5px;
}

.col-md-12 fieldset.section-form {
    width: 48%;
    float: left;
    border: 0;
}

.col-md-12 fieldset.section-form .section-field {
    width:50%;
}

#fieldset-implementation {
    width:96%;
}

#fieldset-implementation .section-field {
    width:25%;   
}

.smart-form footer {
    clear: both;
    padding: 0 14px 8px;
}

#section-5G,
#section-SITE_ID,
#section-DESCRIPTION,
#section-COMMENTS,
#section-SITE_TYPE,
#section-ACCESS_COMMENTS,
#section-PREFECTURE_ID,
#fieldset-operational,
.edit-form #fieldset-accounting {
    clear: both;
}

#section-FBS,#section-SUM_LEVELS,#section-SUM_APARTMENTS {
    width: 25%;
    float: left;
}

#section-PRICE {
    width: 50%;
    float: left;
}

#section-ACTIVE,
#section-TT {
    width: 20%;
    float: right;
    margin-top: 10px;
}

.form-project_description #section-ACTIVE,
.form-as_build_groups #section-ACTIVE,
.form-teams #section-ACTIVE,
#section-TT {
    float: none;
}

.form-teams #section-ACTIVE {
    width:100%;
}

#section-LATITUDE {
    width: 49%;
    float: left;
    clear: both;
}

#section-LONGITUDE {
    width: 50%;
    float: left;
    margin-left: 1%;
}

#section-LATITUDE input,
#section-LONGITUDE input {
    margin-bottom: 2px;
}

#section-PREFECTURE,
#section-MULTIPLE_BUILDING
{
    clear: both;
}

#section-TSS_ISID_CHECK {
    width: 10%;
    float: left;
}

#section-TSS_ISID_WEEKDATE {
    width: 30%;
    float: right;
}

#fieldset-earthworks .section-field,
#fieldset-operational .section-field,
#fieldset-restoration .section-field {
    width:33.33% !important;
}

input[readonly] {
    cursor: pointer !important;
}

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
    position:relative;
    top:8px;
    left:4px;
    display:inline-block;
    font-family:'Glyphicons Halflings';
    font-style:normal;
    font-weight:400;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    overflow:hidden;
    color: transparent;
}

.ui-datepicker .ui-datepicker-next span:before {
    content:"\e080";
    color:gray;
}

.ui-datepicker .ui-datepicker-prev span:before {
    content:"\e079";
    color:gray;
}

.ui-menu .ui-menu-item a.ui-state-focus {
    white-space:inherit;
}

#form-panel-status.fa-toggle-off {
    color: #888;
}

#form-panel-status.fa-toggle-on {
    color: #ff0;
}

a.edit-row .fa-folder {
    color: #ccc;
}

a.edit-row .fa-folder-open {
    color: #000;
}

a.edit-row .fa-link {
    color: #000;
}

a.edit-row .fa-file-text-o {
    color: #000;
}

a.edit-row .fa-file-text-o.empty {
    color: #ccc;
}

a.excel-row .fa-file-excel-o {
    color: #00a;
}

a.pdf-row .fa-file-pdf-o {
    color: #a00;
}

.fa-bug {
    color:orange;
}

.jsgrid-table tr.error {
    color: #f00;
}

.field .daterangepicker {
    position: inherit;
}

.daterangepicker .ranges button {
    float: none;
    margin-bottom: 5px;
    display: block;
    width: 50px;
}

span.open-gmap {
    cursor: pointer;
}
span.open-gmap:hover {
    cursor: pointer;
    text-decoration: underline;
}

#section-role {
    width:50%;
}

#section-extra_privilege {
    float: right;
    width: 47%;
    margin-top: -30px;
}

#section-AS_BUILD,
#section-DEPRECATED,
#section-DETACHED_HOUSE,
#section-ONE_APP,
#section-ACTIVE_PILOT,
#section-LD_NUMBER,
#section-SMART_READINESS,
#section-SRV
{
    margin-top: 5px;
    margin-bottom: 35px;
}

#section-READY_FOR_LAST_DROP {
    margin-bottom: 35px;
}


#section-CAB,
#section-TUBE,
#section-CLIENT_PHONE,
#section-CLIENT_MAIL,
#section-WORKFLOW_NUMBER,
#section-WORKFLOW_WEEKDATE,
#section-SES_NUMBER,
#section-PO,
#section-CSDT_ASSIGNMENT_WEEKDATE,
#section-CSDT_CLOSURE_WEEKDATE,
#section-WO_GPS,
#section-WO_GPS_LNG
{
    width: 25%;
}

/* #section-MONITOR_CRANE_LICENCE_TO_WEEKDATE,
#section-MONITOR_CRANE_WEEKDATE,
#section-MONITOR_MATERIALS_DELIVERY_WEEKDATE,
#section-MONITOR_SUM_PALLETES,
#section-MONITOR_START_WEEKDATE,
#section-MONITOR_END_WEEKDATE
{
    width: 25%;
} */

#section-ELECTRICIANS,
#section-OPTICIANS,
#section-LDS,
#section-AUTOPSIES 
{
    width: 49%;
    float:left;
    margin-right: 1%;
}

#section-CONTACT_PERSON,
#section-ONT_KAY
{
    clear: both;
}

#section-suppliers-group-BUILDINGS {
    width:25%;
    float:left;
    margin-right: 1%;
}

#section-suppliers-group-AREA {
    width:74%;
    float:left;
}

#group-lds,
#group-autopsies {
    float: right;
}

#section-WO_DESCRIPTION {
    margin-bottom: 13px;
}

#lbl_SLA_RESPONSIBILITY,#lbl_ENABLED,#lbl_extra_privilege {
    float: left;
}

#ctrl_ENABLED,#ctrl_extra_privilege {
   float: left;
   margin-top: -8px;
}

span.ote-char-X {
    font-weight: bold;
}

.table-text-center th, .table-text-center td {
    text-align: center;
}

.rotate {
    
    text-align: left !important;
    vertical-align: middle !important;

    padding:0 !important;
    margin: 0 !important;
    max-width: 38px !important;
    width: 12px !important;
    height:100px;
}

.rotate div {
    margin-top: 50px;

    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
 
    /* accepts left, right, top, bottom */
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
 
    /* do not set in IE9+? */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation = 3);
}

tr.bold td {
    font-weight: bold;
    border-top:1px solid black !important;
}

input.state-error {
    background: #fff0f0;
    border-color: #A90329;
}

label.state-error {
    color: #A90329 !important;
}

label.state-info {
    color: #ff9d00 !important;
}

div.supplier_folder {
    float:left;
    margin:10px;
    text-align:center;
}

div.supplier_photo {
    float:left;
    margin:10px;
    text-align:center;
    width:200px;
    height:200px;
    position: relative;
    overflow: hidden;
}

div.supplier_photo img {
    position: absolute;
    top: -9999px;
    left: -9999px;
    right: -9999px;
    bottom: -9999px;
    margin: auto;
    width:100%;
}

.ekko-lightbox .modal-body {
    padding: 0;
}

#codeigniter_profiler {
    margin-left: 40px;
}

.fc-event-skin {
    cursor: default;
}

/*
Αλλαγή χρωματισμού στα πεδία του Scheduled Works. 
*/

/* Αυτοψία: πορτοκαλι */
.bg-color-type1 {
    background-color:orange!important;
}

/* Κατασκευή: μπλε */
.bg-color-type2 {
    background-color:#3b9ff3!important;
}

/* Last drop/last drop και Μετροπή/ Κατασκευή & ΝΣ/Οπτικές Μετρησεις: γκρι */
.bg-color-type3,
.bg-color-type5,
.bg-color-type6,
.bg-color-type7,
.bg-color-type8,
.bg-color-type9 {
    background-color:gray!important;
}

/* Βλάβη ΚΟΙ: πρασινο με μαυρη γραμματοσειρά */
.bg-color-type4 {
    background-color:green!important;
}
.bg-color-type4 * {
    color:white!important;
}

.bg-color-type1.select,
.bg-color-type2.select,
.bg-color-type3.select,
.bg-color-type4.select,
.bg-color-type5.select,
.bg-color-type6.select,
.bg-color-type7.select,
.bg-color-type8.select,
.bg-color-type9.select {
    background-color:#ffc!important;
}

.bg-color-type1.select *,
.bg-color-type2.select *,
.bg-color-type3.select *,
.bg-color-type4.select *,
.bg-color-type5.select *,
.bg-color-type6.select *,
.bg-color-type7.select *,
.bg-color-type8.select *,
.bg-color-type9.select * {
    color:black!important;
}

.fc-week {
    height:20px;
    background: #eee;
    color: black;
    text-align: center;
    font-size:16px;
    padding-bottom: 4px;
    border-bottom:1px solid #000;
}

.btn-tt,.btn-fr {
    padding: 0 2px;
    margin-left:5px;
}

.btn-fr-full {
    background-color: #a0fcb1;
}

.btn-fr-full:hover {
    background-color: #54f471;
}

textarea#fld_CONTACT {
    height:200px !important;
}

textarea#fld_REMARKS {
    height:84px !important;
}

#fieldset-execute,#fieldset-ak {
    clear: both;
}

#fieldset-materials {
    margin-top: 10px;
}

#ctrl_TCI_AVAILABILITY {
    margin-top: -24px;
}

#section-SECTORS {
    margin-bottom: 20px;
}

input#fld_SECTORS {
    width: 50%;
}

input#fld_LD_NUMBER {
    width: 80px;
}

input#fld_CUSTOMER_FLOOR {
    width: 135px;
}

#jsgrid_mobile_ro_tasks .jsgrid-edit-row input, 
#jsgrid_mobile_ro_tasks .jsgrid-edit-row select, 
#jsgrid_mobile_ro_tasks .jsgrid-insert-row input, 

#jsgrid_mobile_ro_tasks .jsgrid-insert-row select {
    width:92%;
}

#jsgrid_mobile_ro_tasks .jsgrid-edit-row input.jsgrid-button,
#jsgrid_mobile_ro_tasks .jsgrid-insert-row input.jsgrid-button {
    width:16px;
}