﻿.ui-dialog .ui-dialog-title {
    font-size: 16px;
    height: 19px;
    line-height: 18px;
    padding: 0 6px;
}

.ui-dialog-titlebar-close {
    border: none;
}

.editor-label label {
    color: #333333;
    display: block;
    float: left;
    font-family: 'Open Sans',sans-serif;
    font-size: 13px;
    font-weight: 600;
    margin: 0;
    padding: 9px 14px 9px 0;
}

.left_block {
	display: block;
	float: left; 
}
.block_1 {
	height: auto;
	width: 200px;
	padding-bottom: 0;
}

.ctable {
    width: 100%;
    display: table;
    border-collapse: collapse;
    border: 1px solid #D5D5D5;
    margin-bottom: 2px;
}

    .ctable .header {
    }

    /*.ctable .header {
    border-bottom: 1px solid #E2E2E2;
}*/
    .ctable .row {
        /*background-color:red;*/
    }
    /*.ctable .row:hover {
    background-color:grey;
    color:wheat;
}*/

    .ctable .row {
        border-top: 1px solid #E2E2E2;
        line-height: 20px;
        padding: 8px 12px;
        vertical-align: middle;
        line-height: 20px;
        padding: 8px 12px;
        vertical-align: middle;
        background-color: #FFFFFF;
        color: #555555;
        /*display: table-row;*/
    }


    .ctable .header {
        background-color: #908E8E;
        border-bottom: 1px solid #E2E2E2;
        font-weight: bold;
        /*display: table-row;*/
        line-height: 20px;
        padding: 8px 12px;
        vertical-align: middle;
        line-height: 20px;
        padding: 8px 12px;
        vertical-align: middle;
        color: #FFFFFF;
        font-size: 13px;
    }

    .ctable .row:hover {
        background-color: #F5F5F5;
    }

            .ctable .detailrow {
                line-height: 20px;
                padding: 8px 12px;
                vertical-align: middle;
                line-height: 20px;
                padding: 8px 12px;
                vertical-align: middle;
                background-color: #FFFFFF;
                color: #555555;
            }

    .ctable .row .False {
        background-color: red;
    }
    /*.ctable .header, .table .row {
    border-top: 1px solid #E2E2E2;
    line-height: 20px;
    padding: 8px 12px;
    vertical-align: middle;
}*/

    .ctable .td2 {
        float: left;
        width: 2%;
         min-width:10px;
        word-wrap: break-word;
    }
      .ctable .td2 input,  textarea {
       width:95%;
    }

    .ctable .td4 {
        float: left;
        width: 4%;
         min-width:20px;
        word-wrap: break-word;
    }
      .ctable .td4 input {
       width:100%;
    }
    .ctable .td6 {
        float: left;
        width: 6%;
         min-width:30px;
        word-wrap: break-word;
    }
      .ctable .td6 input , textarea {
       width:95%;
    }

    .ctable .td5 {
        float: left;
        width: 5%;
        min-width:25px;
        word-wrap: break-word;
    }
      .ctable .td5 input , textarea {
       width:95%;
    }

    .ctable .td8 {
        float: left;
        width: 8%;
         min-width:40px;
        word-wrap: break-word;
    }
      .ctable .td8 input , textarea {
       width:95%;
    }

    .ctable .td10 {
        float: left;
        width: 10%;
         min-width:50px;
        word-wrap: break-word;
    }

    .ctable .td12 {
        float: left;
        width: 12%;
         min-width:60px;
        word-wrap: break-word;
    }
      .ctable .td12 input , textarea {
       width:95%;
    }

    .ctable .td14 {
        float: left;
        width: 14%;
         min-width:70px;
        word-wrap: break-word;
    }
      .ctable .td14 input , textarea {
       width:95%;
    }

    .ctable .td15 {
        float: left;
        width: 15%;
         min-width:75px;
        word-wrap: break-word;
    }
      .ctable .td15 input, textarea {
       width:95%;
    }

    .ctable .td20 {
        float: left;
        width: 20%;
         min-width:100px;
        word-wrap: break-word;
    }
      .ctable .td20 input, textarea {
       width:95%;
    }

    .ctable .td25 {
        float: left;
        width: 25%;
         min-width:125px;
        word-wrap: break-word;
    }
      .ctable .td25 input, textarea {
       width:95%;
    }

    .ctable .td30 {
        float: left;
        width: 30%;
         min-width:150px;
        word-wrap: break-word;
    }

      .ctable .td30 input {
       width:100%;
    }

    .ctable .td35 {
        float: left;
        width: 35%;
         min-width:175px;
        word-wrap: break-word;
    }

    .ctable .td35 input {
       width:100%;
    }

    .ctable .td40 {
        float: left;
        width: 40%;
         min-width:200px;
        word-wrap: break-word;
    }

    .ctable .td45 {
        float: left;
        width: 45%;
         min-width:225px;
        word-wrap: break-word;
    }

    .ctable .td50 {
        float: left;
        width: 50%;
         min-width:250px;
        word-wrap: break-word;
    }

    .ctable .td55 {
        float: left;
        width: 55%;
         min-width:275px;
        word-wrap: break-word;
    }

    .ctable .td60 {
        float: left;
        width: 60%;
         min-width:300px;
        word-wrap: break-word;
    }

    .ctable .td65 {
        float: left;
        width: 65%;
         min-width:325px;
        word-wrap: break-word;
    }

    .ctable .td70 {
        float: left;
        width: 70%;
         min-width:350px;
        word-wrap: break-word;
    }

    .ctable .td75 {
        float: left;
        width: 75%;
         min-width:375px;
        word-wrap: break-word;
    }

    .ctable .td80 {
        float: left;
        width: 80%;
         min-width:400px;
        word-wrap: break-word;
    }

    .ctable .td85 {
        float: left;
        width: 85%;
         min-width:425px;
        word-wrap: break-word;
    }

    .ctable .td90 {
        float: left;
        width: 90%;
         min-width:450px;
        word-wrap: break-word;
    }

    .ctable .td95 {
        float: left;
        width: 95%;
         min-width:475px;
        word-wrap: break-word;
    }



@media (max-width: 600px) {
    .ctable .td2, .ctable .td4, .ctable .td5, .ctable .td6,
    .ctable .td8, .ctable .td10, .ctable .td12, .ctable .td14, .ctable .td15,
    .ctable .td16, .ctable .td20, .ctable .td25, .ctable .td30, .ctable .td35,
    .ctable .td40, .ctable .td45, .ctable .td50, .ctable .td55,
    .ctable .td60, .ctable .td65, .ctable .td70, .ctable .td75,
    .ctable .td80, .ctable .td85, .ctable .td90, .ctable .td95 {
        width: 100%;
        border-bottom: 1px dashed #DADADA;
        padding: 3px;
        margin-left: -11px;
        padding-right: 10px;
    }
}


.ctable .right {
    float: right;
}

.ctable .clear {
    clear: both;
}

.ctable textarea {
    width: 250px;
    height: 110px;
    border: 1px solid #DADADA;
}

.ctable input {
    padding-top: 0px;
    padding-bottom: 0px;
}

.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

select.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}

.dualmode {
    margin-top: 6px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-image: url("/Images/toggle.gif");
    background-repeat: no-repeat;
    display: inline-block;
}

.ui-dialog input[type="text"] {
    margin: 0px;
    width: 96% !important;
}

.ui-autocomplete-input {
    padding: 5px 0 5px 8px;
    width: 96%;
    border: 1px solid #DADADA;
}

.ui-menu .ui-menu-item a {
    border: none;
    height:25px;
}

    .ui-menu .ui-menu-item a:hover {
        background-color: #D5D5D5;
    }

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

#content {
    margin-bottom: 30px;
}

form legend {
    display: none;
}

.row .btn {
    margin: 0px;
    padding: 4px 5px 3px;
}

h3 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 16px;
}

.crumbs {
    margin-bottom: 15px;
}

.left {
    float: left;
    display: block;
    text-align: left;
    padding-left: 10px;
}

.right {
    float: right;
    text-align: left;
}

.display-label {
    color: #333333;
    display: block;
    float: left;
    font-family: 'Open Sans',sans-serif;
    font-size: 13px;
    font-weight: 600;
    margin: 0;
    padding: 4px 6px 4px 0;
}

.display-field {
    color: #333333;
    display: block;
    float: left;
    font-family: 'Open Sans',sans-serif;
    font-size: 13px;
    margin: 0;
    vertical-align: middle;
    padding: 4px 6px 4px 0;
}

.clear {
    clear: both;
}


.btn [class^="ico-"], .btn [class*=" ico-"] {
    float: none;
    margin-bottom: -1px;
    margin-top: -1px;
}

/*for status color*/
.ctable .bad {
    background-color: #FFDADA;
}

.ctable .laydark {
    background-color: #908E8E;
}

.ctable .inservice {
    background-color: #E1FBE1;
}

.small {
    font-size: x-small;
}

.True, .true {
    background-color: #FFFFFF;
}

.ctable .False, .false {
    background-color: #C24641;
    color: white;
}


    .ctable .False:hover, .false:hover {
        background-color: #DC381F;
        color: white;
    }
/*.ui-dialog {
            z-index: 998 !important;
        }*/

.ui-datepicker {
    z-index: 998 !important;
}
/*.ui-autocomplete {
            z-index: 1000 !important;
        }*/
/*.ui-widget-overlay {
               z-index: 997;
        }*/

.jqstooltip {
    z-index: 10001;
    border: none!important;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.breadcrumb li a {
    background: none;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0px;
}

.ui-widget-header {
    background: none;
    border: none;
    border-bottom: 1px solid #AAAAAA;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0px;
}

.ui-tabs, .ui-dialog {
    padding: 0em;
}

    .ui-dialog .ui-dialog-titlebar {
        font-size: 10px;
    }

.breadcrumb li:first-child {
    background: none;
}

    .breadcrumb li:first-child a {
        padding-left: 10px;
    }

div[data-loadrequest] {
    cursor: pointer;
}

.dualmode {
    width: 20px;
    height: 20px;
    background-image: url("/Images/toggle.gif");
    background-repeat: no-repeat;
}

.ui-tabs-panel .editor-label {
    color: #333333;
    display: block;
    float: left;
    font-family: 'Open Sans',sans-serif;
    font-size: 13px;
    font-weight: 600;
    margin: 0;
}

.ui-tabs-panel .editor-field {
}

.ui-tabs-panel .label {
    color: #FFFFFF;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    padding: 2px 5px;
    padding-right:10px;
    /*width:90%;*/
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    height: 0em;
    top: 7px;
    width: 0em;
}

.ui-datepicker .ui-datepicker-next {
    background: none;
}

.ui-datepicker .ui-datepicker-prev {
    background: none;
}

.mylabel {
    color: #333333;
    display: inline;
    font-family: 'Open Sans',sans-serif;
    font-size: 13px;
    font-weight: 600;
    margin: 0;
}

.ctable .row .rowline {
    font-weight: 600;
}

.fixed {
    z-index: 50;
}


.table tr.False > td {
    background-color: #FDF3F3;
}

 .statusiconTrue {
        width:32px;
        height:32px;
        /*background-color:green;*/
        display: block;
        float: right;
         background-image:url('/Images/Circle_Green.png');
  
    }
    .statusiconFalse {
         width:32px;
        height:32px;
         /*background-color:red;*/ 
         display: block;
        float: right;
       background-image:url('/Images/Circle_Red.png');
    }

    .statusiconsmallTrue {
        width:19px;
        height:19px;
        /*background-color:green;*/
        display: block;
        float: right;
        padding-right:8px;
        padding-bottom:8px;
        background: no-repeat;
        background-position: center;
         background-image:url('/Images/Circle_Green_16.png');
  
    }
    .statusiconsmallFalse {
         width:18px;
        height:18px;
         /*background-color:red;*/ 
         display: block;
        float: right;
        padding:8px;
        background: no-repeat;
       background-image:url('/Images/Circle_Red_16.png');
    }
.newcontent {
    background: #FFFFFF;
    border-radius: 10px;
    border: 1px solid #ebebeb;
    margin: 5px;
}


.rowSelected {
    background-color: #e7eaec !important;
    font-style: oblique;
}