/*
@import url('https://fonts.googleapis.com/css?family=Mukta');
@import url(https://fonts.googleapis.com/css?family=Raleway:300,700);

.search-item {
    color: red;        
    font-family: 'Raleway', Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 120%;
    padding-top:10px;
    text-align:right;
}

.search-date {
    background-color: #FFF;
    color: #000;
    height: 38px;
    padding-left: 10px;
    font-family: 'Mukta', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 300;
    padding-top: 10px;
    cursor: pointer;
}

.headerLeft {
    border-top-left-radius: 7px;
}

.headerCenter {
}

.headerRight {
    border-top-right-radius: 7px;
}

.headerLeft, .headerCenter, .headerRight {
    background-color: #006ebf;
    color: #FFF;
    height: 30px;
    border: none;
    padding-left: 10px;
    font-family: 'Raleway', Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 120%;
}

.item {

    background-color: #FFF;
    color: #000;
    height: 30px;
    padding-left: 10px;
    font-family: 'Mukta', Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 120%;
}
.date-item {
    background-color: #FFF;
    color: #000;
    height: 30px;
    padding-left: 10px;
    font-family: 'Mukta', Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 120%;
}
.telerik-item {    
    color: #000;
    height: 30px;
    padding-left: 10px;
    font-family: 'Mukta', Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 120%;
    border-bottom:1px solid red;
}

.formulario-modal {
    color: #000;        
    font-family: 'Raleway', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;    
    padding-top:10px;
    text-align:right;    
}

        @import url('https://fonts.googleapis.com/css?family=Mukta');        
        body{
	        height:100vh;
	        min-height:550px;	        
	        background-repeat: no-repeat;
	        background-size:cover;
	        background-position:center;
	        position:relative;
            overflow-y: hidden;
        }


        .login-show input[type="text"],                
        .login-show input[type="password"]{
            width: 100%;
            display: block;
            margin:20px 0;
            padding: 10px;
            border: 1px solid #b5b5b5;
            outline: none;            
        }
        .login-show input[type="password"] {

        }
        .inputs {
            width: 100%;
            display: block;
            margin:20px 0;
            padding: 10px;
            border: 1px solid #b5b5b5;
            outline: none;
            font-family: 'Mukta', sans-serif;
            font-size:20px;        
        }
        .login-show input[type="button"] {
            max-width: 150px;
            width: 100%;
            background: #007bff;
            color: #f9f9f9;
            border: none;
            padding: 10px;
            text-transform: uppercase;
            border-radius: 2px;
            float:right;
            cursor:pointer;
            text-align:center;
        }

        a{
            text-decoration:none;
            color:#0731d1;
            
            font-family: 'Raleway', Helvetica, Arial, sans-serif;
            font-size:20px;
            font-weight: 300; 
        }

        @import url(https://fonts.googleapis.com/css?family=Raleway:300,700);
        .button_form {
                    max-width: 100%;
                    width: 100%;
                   
                    background-color:#007bff;
                    color: #f9f9f9;
                    border: none;
                    padding: 10px;
                    text-transform: uppercase;                                                            
                    float:right;
                    cursor:pointer;
                    text-align:center;
                    color: #fff;
                    font-family: 'Raleway', Helvetica, Arial, sans-serif;
                    font-size: 15px;
                    font-weight: 300;            
                    outline: none;  
        }
        .button_form_content {
                    max-width: 100%;
                    width: 100%;
                    background-color:#007bff;                    
                    border: none;
                    padding: 10px;                                                                                 
                    float:right;
                    cursor:pointer;
                    text-align:center;
                    color: #fff;
                    font-family: 'Raleway', Helvetica, Arial, sans-serif;
                    font-size: 15px;
                    font-weight: 300;
                    outline: none;
        }
        .button_form_disabled {

                    max-width: 100%;
                    width: 100%;
                    background-color:#007bff;                    
                    border: none;
                    padding: 10px;                                                                                 
                    float:right;                    
                    text-align:center;
                    color: #fff;
                    font-family: 'Raleway', Helvetica, Arial, sans-serif;
                    font-size: 15px;
                    font-weight: 300;
                    outline: none;

                    opacity: .5;
                    cursor:default;
                    
        }
        .button_form:active {
                    outline:none;            
        }

        .textbox_form {
                    width: 100%;
                    display: block;
                    margin:10px 0;
                    padding: 10px;
                    border: 1px solid #b5b5b5;
                    outline: none;
                    font-family: 'Raleway', Helvetica, Arial, sans-serif;
                    font-size:20px;
                  
        }

        .numeric_textbox_form {
            width: 100%;
            display: block;
            margin:7px 0;
            padding: 7px;
            border: 1px solid #b5b5b5;
            outline: none;
            font-family: 'Mukta', sans-serif;
            font-size:25px;
            height:45px;
           font-weight: 300;
        }
        .font_icon {
       
            
            width:15%;
            text-align:center;
            height:38px;
            background-color:#FFF;
            margin-top:10px;
            border-radius:0px 0px;
            border: 1px solid #b5b5b5;
            margin-left:1px;
            border-left:none;
        }
        .header_modal_form {
            color:#000;
            text-align:right;
            vertical-align:top;
            margin-top:-10px;
        }
        .textbox_form_modal {
            width: 100%;
            display: block;
            margin:5px 0;
            padding: 10px;
            border: 1px solid #b5b5b5;
            outline: none;
            font-family: 'Raleway', Helvetica, Arial, sans-serif;
            font-size:20px;
            height:30px;                    
        }
        .textbox_form_ddl_modal {
            width: 100%;
            display: block;
            margin:2px 0;
            padding: 5px;
            border: 1px solid #b5b5b5;
            outline: none;
            font-family: 'Raleway', Helvetica, Arial, sans-serif;
            font-size:25px;
            height:30px;                    
        }

        .col_schedule {
            margin-left:10px;
            height:20px;
        }
        .col_schedule_left {
            border-right:1px solid;
        }
        div.ticket {          
          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;          
        }
*/



/* Media Queries: Tablet Landscape ORANGE */
/*
@media screen and (max-width: 1280px) {
        
    .telerik-item {    
        color: #000;
        height: 30px;
        padding-left: 10px;
        font-family: 'Mukta', Helvetica, Arial, sans-serif;
        font-size: 15px;
        font-weight: 300;
        line-height: 120%;
        border-bottom:1px solid red;
    }
    .grid-row {
        border:1px solid lightgray;
    }
    .formulario-modal {
        color: #000;        
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: 600;    
        padding-top:10px;
        text-align:right;    
    }
    
    .search-item{
        color:green;        
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size: 14px;
        text-align:right;
        color:orange;
    }
    .input-group {
        color: red;        
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size: 12px;
        text-align:right;
        color:blue;
        
    }
    .input-group-addon {
        display:none;
    }
    .textbox_form {
        width: 100%;
        display: block;                    
        padding: 5px;
        border: 1px solid #b5b5b5;
        outline: none;
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        height:30px;
    }
    .textbox_form_ddl_modal {
        width: 100%;
        display: block;
        padding: 3px;
        border: 1px solid #b5b5b5;
        outline: none;
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size:8px;
        height:30px;                    
    }
    .search-date {
        background-color: #FFF;
        color: #000;
        height: 30px;
        padding-left: 6px;
        font-family: 'Mukta', Helvetica, Arial, sans-serif;
        font-size: 14px;
        padding-top: 1px;
        cursor: pointer;
        }
    .headerLeft {
        border-top-left-radius: 7px;
    }
    .headerCenter {
    }
    .headerRight {
        border-top-right-radius: 7px;
    }
    .headerLeft, .headerCenter, .headerRight {
        background-color: #006ebf;
        color: #FFF;
        height: 14px;
        border: none;
        padding-left: 2px;
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: bold;
        line-height: 100%;
    }    
    .item {

        background-color: #FFF;
        color: #000;
        height: 14px;
        padding-left: 2px;
        font-family: 'Mukta', Helvetica, Arial, sans-serif;
        font-size:12px;
        line-height: 100%;
    }
    .date-item {
        background-color: #FFF;
        color: #000;
        height: 10px;
        padding-left: 2px;
        font-family: 'Mukta', Helvetica, Arial, sans-serif;
        font-size: 12px;
        line-height: 100%;
    }
    .inputs {
            width: 100%;
            display: block;
            margin:0px 0;
            padding: 2px;
            border: 1px solid #b5b5b5;
            outline: none;
            font-family: 'Mukta', sans-serif;
            font-size:12px;        
        }
    a{
        text-decoration:none;
        color:#0731d1;
        padding:5px;
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size:12px;
        font-weight: 300; 
            
    }
    @import url(https://fonts.googleapis.com/css?family=Raleway:300,700);
    .button_form {
                max-width: 100%;
                width: 100%;
                   
                background-color:#007bff;
                color: #f9f9f9;
                border: none;
                padding: 5px;
                text-transform: uppercase;                                                            
                float:right;
                cursor:pointer;
                text-align:center;
                color: #fff;
                font-family: 'Raleway', Helvetica, Arial, sans-serif;
                font-size: 12px;
                font-weight: 300;            
                outline: none;  
    }
    .button_form_content {
                max-width: 100%;
                width: 100%;
                background-color:#007bff;                    
                border: none;
                padding: 5px;                                                                                 
                float:right;
                cursor:pointer;
                text-align:center;
                color: #fff;
                font-family: 'Raleway', Helvetica, Arial, sans-serif;
                font-size: 12px;
                font-weight: 300;
                outline: none;
                height:30px;
    }
    .button_form_disabled {

                max-width: 100%;
                width: 100%;
                background-color:#007bff;                    
                border: none;
                padding: 5px;                                                                                 
                float:right;                    
                text-align:center;
                color: #fff;
                font-family: 'Raleway', Helvetica, Arial, sans-serif;
                font-size: 12px;
                font-weight: 300;
                outline: none;

                opacity: .5;
                cursor:default;
                    
    }
    .button_form:active {
                outline:none;            
    }
    .numeric_textbox_form {
        width: 100%;
        display: block;
            
        padding: 5px;
        border: 1px solid #b5b5b5;
        outline: none;
        font-family: 'Mukta', sans-serif;
        font-size:14px;
        height:14px;
        font-weight: 300;
    }
    
}
    */

    @import url('https://fonts.googleapis.com/css?family=Mukta');
    @import url(https://fonts.googleapis.com/css?family=Raleway:300,700);
    .grid-row {
        border:1px solid lightgray;
    }
    .input-group-addon {
        display:none;
    }
    .row_space{
        margin-top:3px;
    }    
    .row_space_btn{
        margin-top:20px;
    }



    .header3 {
        font-size:18px;
    }
    .h3 {
        font-size:12px;
    }

    .search-item{        
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size: 14px;
        text-align:right;
        color:blue;
        
    }
    .input-group {
        color: red;        
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size: 12px;
        text-align:right;
        color:blue;
        
    }
    .input-group-addon {
        display:none;
    }
    .textbox_form {
        width: 100%;
        display: block;                    
        padding: 5px;
        border: 1px solid #b5b5b5;
        outline: none;
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        height:30px;
    }
    .textbox_form_ddl_modal {
        width: 100%;
        display: block;
        padding: 3px;
        border: 1px solid #b5b5b5;
        outline: none;
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size:8px;
        height:30px;                    
    }
    .search-date {
        background-color: #FFF;
        color: #000;
        height: 30px;
        padding-left: 6px;
        font-family: 'Mukta', Helvetica, Arial, sans-serif;
        font-size: 14px;
        padding-top: 1px;
        cursor: pointer;
        border: 1px solid #b5b5b5;
        }
    .headerLeft {
        border-top-left-radius: 7px;
    }
    .headerCenter {
    }
    .headerRight {
        border-top-right-radius: 7px;
    }
    
    .item {

        background-color: #FFF;
        color: #000;
        height: 12px;
        padding-left: 2px;
        font-family: 'Mukta', Helvetica, Arial, sans-serif;
        font-size:10px;
        line-height: 100%;
    }
    .date-item {
        background-color: #FFF;
        color: #000;
        height: 12px;
        padding-left: 2px;
        font-family: 'Mukta', Helvetica, Arial, sans-serif;
        font-size: 10px;
        line-height: 100%;
        
    }

    .inputs {
            width: 100%;
            display: block;
            margin:0px 0;
            padding: 2px;
            border: 1px solid #b5b5b5;
            outline: none;
            font-family: 'Mukta', sans-serif;
            font-size:10px;        
        }
    a{
        text-decoration:none;
        color:#0731d1;
        padding:5px;
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size:12px;
        font-weight: 300;             
    }    
    .button_form {
                max-width: 100%;
                width: 100%;
                   
                background-color:#007bff;
                color: #f9f9f9;
                border: none;
                padding: 5px;
                text-transform: uppercase;                                                            
                float:right;
                cursor:pointer;
                text-align:center;
                color: #fff;
                font-family: 'Raleway', Helvetica, Arial, sans-serif;
                font-size: 12px;
                font-weight: 300;            
                outline: none;  
    }
    .button_form_content {
                max-width: 100%;
                width: 100%;
                background-color:#007bff;                    
                border: none;
                padding: 5px;                                                                                 
                float:right;
                cursor:pointer;
                text-align:center;
                color: #fff;
                font-family: 'Raleway', Helvetica, Arial, sans-serif;
                font-size: 12px;
                font-weight: 300;
                outline: none;
                height:30px;
    }
    .button_form_disabled {

                max-width: 100%;
                width: 100%;
                background-color:#007bff;                    
                border: none;
                padding: 5px;                                                                                 
                float:right;                    
                text-align:center;
                color: #fff;
                font-family: 'Raleway', Helvetica, Arial, sans-serif;
                font-size: 12px;
                font-weight: 300;
                outline: none;

                opacity: .5;
                cursor:default;
                    
    }
    .button_form:active {
                outline:none;            
    }
    .numeric_textbox_form {
        width: 100%;
        display: block;            
        padding: 5px;
        border: 1px solid #b5b5b5;
        outline: none;
        font-family: 'Mukta', sans-serif;
        font-size:10px;
        height:12px;
        font-weight: 300;
    }
    
    .headerLeft, .headerCenter, .headerRight {
        background-color: #006ebf;
        color: #FFF;
        height: 12px;
        border: none;
        padding-left: 2px;
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size: 13px;
        font-weight: bold;
        line-height: 100%;
    }

    .header3 {
        font-size:18px;
    }
    .h3 {
        font-size:12px;
    }
    .font_aws {
        font-size:30px;
        color: #006ebf;
    }

@media only screen and (min-device-width : 400px) and (max-device-width : 900px) {
     div.ticket {
        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;
        font-family: Lucida Console;color:black;background-color:#f7f5f5;border:1px solid gray;font-size:6px;
    }
    .row_ticket {
        margin-left:1px;
        margin-right:1px;
        max-width:100px;
        max-height:140px;
        margin-top:-180px;
    }
    .img_ticket {
        width:40px;height:20px;
    }

    .grid-row {
        border:1px solid lightgray;
        min-height:450px;
    }
    .grid-row-text {
        border:1px solid lightgray;
        padding:5px;
        height:10px;
    }
    .header3 {
        font-size:12px;
    }
    .h3 {
        font-size:10px;
    }
    .search-item{        
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size: 10px;
        text-align:right;
        color:black;
        
    }
    .input-group {        
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size: 10px;
        text-align:right;                
    }
    .input-group-addon {
        display:none;
    }
    .textbox_form {
        width: 100%;
        display: block;                    
        padding: 2px;
        border: 1px solid #b5b5b5;
        outline: none;
        font-family: 'Raleway', Helvetica, Arial, sans-serif;      
        max-height:20px;
    }
    .textbox_form_ddl_modal {
        width: 100%;
        display: block;
        padding: 2px;
        border: 1px solid #b5b5b5;
        outline: none;
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size:8px;
        height:20px;                    
    }
    .search-date {
        background-color: #FFF;
        color: #000;
        height: 20px;
        padding-left: 6px;
        font-family: 'Mukta', Helvetica, Arial, sans-serif;
        font-size: 10px;
        padding-top: 1px;
        cursor: pointer;
        border: 1px solid #b5b5b5;
        }
    .headerLeft {
        border-top-left-radius: 7px;
    }
    .headerCenter {
    }
    .headerRight {
        border-top-right-radius: 7px;
    }
    
    .item {

        background-color: #FFF;
        color: #000;
        height: 10px;
        padding-left: 2px;
        font-family: 'Mukta', Helvetica, Arial, sans-serif;
        font-size:8px;
        line-height: 100%;
    }
    .date-item {
        background-color: #FFF;
        color: #000;
        height: 10px;
        padding-left: 2px;
        font-family: 'Mukta', Helvetica, Arial, sans-serif;
        font-size: 8px;
        line-height: 100%;
    }

    .inputs {
            width: 100%;
            display: block;
            margin:0px 0;
            padding: 2px;
            border: 1px solid #b5b5b5;
            outline: none;
            font-family: 'Mukta', sans-serif;
            font-size:10px;        
        }
    a{
        text-decoration:none;
        color:#0731d1;
        padding:3px;
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size:10px;
        font-weight: 300;             
    }    
    .button_form {
                max-width: 100%;
                width: 100%;                   
                background-color:#007bff;
                color: #f9f9f9;
                border: none;
                padding: 5px;
                text-transform: uppercase;                                                            
                float:right;
                cursor:pointer;
                text-align:center;
                color: #fff;
                font-family: 'Raleway', Helvetica, Arial, sans-serif;
                font-size: 10px;
                font-weight: 300;            
                outline: none;  
    }

    .button_form_disabled {

                max-width: 100%;
                width: 100%;
                background-color:#007bff;                    
                border: none;
                padding: 5px;                                                                                 
                float:right;                    
                text-align:center;
                color: #fff;
                font-family: 'Raleway', Helvetica, Arial, sans-serif;
                font-size: 10px;
                font-weight: 300;
                outline: none;
                opacity: .5;
                cursor:default;
                    
    }
    .button_form:active {
                outline:none;            
    }
    .numeric_textbox_form {
        width: 100%;
        display: block;            
        padding: 5px;
        border: 1px solid #b5b5b5;
        outline: none;
        font-family: 'Mukta', sans-serif;
        font-size:10px;
        height:12px;
        font-weight: 300;
    }
    
    .headerLeft, .headerCenter, .headerRight {
        background-color: #006ebf;
        color: #FFF;
        height: 12px;
        border: none;
        padding-left: 2px;
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size: 10px;
        font-weight: bold;
        line-height: 100%;
    }
    #c_col_A,#c_col_C {display:none;}
    #c_col_B {max-width:800px;}

    #divisor {max-width:800px;text-align:center;margin-left:-100px;}
    
    #g_col_A,#g_col_C {display:none;}    
    #g_col_B,r {max-width:800px;text-align:center;margin-left:-100px;}

}

@media only screen and (min-device-width : 901px) and (max-device-width : 1024px) {
  
    /*
    .telerik-item {    
        color: #000;
        height: 30px;
        padding-left: 10px;
        font-family: 'Mukta', Helvetica, Arial, sans-serif;
        font-size: 15px;
        font-weight: 300;
        line-height: 120%;
        border-bottom:1px solid red;
    }
    .grid-row {
        border:1px solid lightgray;
    }
    .formulario-modal {
        color: #000;        
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: 600;    
        padding-top:10px;
        text-align:right;    
    }
    */
    /*
    body {
        background: #FFF;
        color: #fff;
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size: 10px;
        font-weight: 300;
        line-height: 120%;
        margin: 0;
        min-height: 100vh;
        padding: 0;
        width: 100%;
        height:50%;
    }
    */
     div.ticket {
        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;
        font-family: Lucida Console;color:black;background-color:#f7f5f5;border:1px solid gray;font-size:7px;
    }
    .row_ticket {
        margin-left:4px;
        margin-right:4px;
        max-width:140px;
        max-height:170px;
        margin-top:-170px;
    }
    .img_ticket {
        width:50px;height:30px;
    }

    .grid-row {
        border:1px solid lightgray;
        min-height:400px;
    }
     .grid-row-text {
        border:1px solid lightgray;
        padding:5px;
        height:10px;
    }
    .font_aws {
        font-size:30px;
        color: #006ebf;
    }

    .header3 {
        font-size:18px;
    }
    .h3 {
        font-size:12px;
    }

    .search-item{        
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size: 12px;
        text-align:right;
        color:black;
        
    }
    .input-group {
        color: red;        
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size: 12px;
        text-align:right;
        color:blue;
        
    }
    .input-group-addon {
        display:none;
    }
    .textbox_form {
        width: 100%;
        display: block;                    
        padding: 5px;
        border: 1px solid #b5b5b5;
        outline: none;
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        max-height:30px;
    }
    .textbox_form_ddl_modal {
        width: 100%;
        display: block;
        padding: 3px;
        border: 1px solid #b5b5b5;
        outline: none;
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size:8px;
        height:30px;                    
    }
    .search-date {
        background-color: #FFF;
        color: #000;
        height: 30px;
        padding-left: 6px;
        font-family: 'Mukta', Helvetica, Arial, sans-serif;
        font-size: 14px;
        padding-top: 1px;
        cursor: pointer;
        border: 1px solid #b5b5b5;
        }
    .headerLeft {
        border-top-left-radius: 7px;
    }
    .headerCenter {
    }
    .headerRight {
        border-top-right-radius: 7px;
    }
    
    .item {

        background-color: #FFF;
        color: #000;
        height: 12px;
        padding-left: 2px;
        font-family: 'Mukta', Helvetica, Arial, sans-serif;
        font-size:10px;
        line-height: 100%;
    }
    .date-item {
        background-color: #FFF;
        color: #000;
        height: 12px;
        padding-left: 2px;
        font-family: 'Mukta', Helvetica, Arial, sans-serif;
        font-size: 10px;
        line-height: 100%;
    }

    .inputs {
            width: 100%;
            display: block;
            margin:0px 0;
            padding: 2px;
            border: 1px solid #b5b5b5;
            outline: none;
            font-family: 'Mukta', sans-serif;
            font-size:10px;        
        }
    a{
        text-decoration:none;
        color:#0731d1;
        padding:5px;
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size:12px;
        font-weight: 300;             
    }    
    .button_form {
                max-width: 100%;
                width: 100%;
                   
                background-color:#007bff;
                color: #f9f9f9;
                border: none;
                padding: 5px;
                text-transform: uppercase;                                                            
                float:right;
                cursor:pointer;
                text-align:center;
                color: #fff;
                font-family: 'Raleway', Helvetica, Arial, sans-serif;
                font-size: 12px;
                font-weight: 300;            
                outline: none;  
    }
    .button_form_content {
                max-width: 100%;
                width: 100%;
                background-color:#007bff;                    
                border: none;
                padding: 5px;                                                                                 
                float:right;
                cursor:pointer;
                text-align:center;
                color: #fff;
                font-family: 'Raleway', Helvetica, Arial, sans-serif;
                font-size: 12px;
                font-weight: 300;
                outline: none;
                height:30px;
    }
    .button_form_disabled {

                max-width: 100%;
                width: 100%;
                background-color:#007bff;                    
                border: none;
                padding: 5px;                                                                                 
                float:right;                    
                text-align:center;
                color: #fff;
                font-family: 'Raleway', Helvetica, Arial, sans-serif;
                font-size: 12px;
                font-weight: 300;
                outline: none;

                opacity: .5;
                cursor:default;
                    
    }
    .button_form:active {
                outline:none;            
    }
    .numeric_textbox_form {
        width: 100%;
        display: block;            
        padding: 5px;
        border: 1px solid #b5b5b5;
        outline: none;
        font-family: 'Mukta', sans-serif;
        font-size:10px;
        height:12px;
        font-weight: 300;
    }
    
    .headerLeft, .headerCenter, .headerRight {
        background-color: #006ebf;
        color: #FFF;
        height: 12px;
        border: none;
        padding-left: 2px;
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: bold;
        line-height: 100%;
    }


}

@media only screen and (min-device-width : 1025px) and (max-device-width : 1151px) {
     
     div.ticket {
        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;
        font-family: Lucida Console;color:black;background-color:#f7f5f5;border:1px solid gray;font-size:7px;
    }
    .row_ticket {
        margin-left:6px;
        margin-right:6px;
        max-width:140px;
        max-height:190px;
        margin-top:-160px;
    }
    .img_ticket {
        width:60px;height:40px;
    }

    .grid-row {
        border:1px solid lightgray;
        min-height:420px;
    }


    .font_aws {
        font-size:30px;
        color: #006ebf;
    }
    .header3 {
        font-size:18px;
    }
    .h3 {
        font-size:12px;
    }

    .search-item{        
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size: 14px;
        text-align:right;
        padding-top:5px;
        color:red;
    }
    .input-group {
        color: red;        
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size: 12px;
        text-align:right;
        color:black;
        
    }
    .input-group-addon {
        display:none;
    }
    .textbox_form {
        width: 100%;
        display: block;                    
        padding: 5px;
        border: 1px solid #b5b5b5;
        outline: none;
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        height:30px;
    }
    .textbox_form_ddl_modal {
        width: 100%;
        display: block;
        padding: 3px;
        border: 1px solid #b5b5b5;
        outline: none;
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size:8px;
        height:30px;                    
    }
    .search-date {
        background-color: #FFF;
        color: #000;
        height: 30px;
        padding-left: 6px;
        font-family: 'Mukta', Helvetica, Arial, sans-serif;
        font-size: 14px;
        padding-top: 1px;
        cursor: pointer;
        border: 1px solid #b5b5b5;
        }
    
    .headerLeft {
        border-top-left-radius: 7px;
    }
    .headerCenter {
    }
    .headerRight {
        border-top-right-radius: 7px;
    }
    .headerLeft, .headerCenter, .headerRight {
        background-color: #006ebf;
        color: #FFF;
        height: 14px;
        border: none;
        padding-left: 2px;
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: bold;
        line-height: 100%;
    }        
    .item {

        background-color: #FFF;
        color: #000;
        height: 14px;
        padding-left: 2px;
        font-family: 'Mukta', Helvetica, Arial, sans-serif;
        font-size:12px;
        line-height: 100%;
    }
    .date-item {
        background-color: #FFF;
        color: #000;
        height: 10px;
        padding-left: 2px;
        font-family: 'Mukta', Helvetica, Arial, sans-serif;
        font-size: 12px;
        line-height: 100%;
    }    
    .inputs {
            width: 100%;
            display: block;
            margin:0px 0;
            padding: 2px;
            border: 1px solid #b5b5b5;
            outline: none;
            font-family: 'Mukta', sans-serif;
            font-size:12px;        
        }
      .button_form {
                max-width: 100%;
                width: 100%;
                   
                background-color:#007bff;
                color: #f9f9f9;
                border: none;
                padding: 5px;
                text-transform: uppercase;                                                            
                float:right;
                cursor:pointer;
                text-align:center;
                color: #fff;
                font-family: 'Raleway', Helvetica, Arial, sans-serif;
                font-size: 12px;
                font-weight: 300;            
                outline: none;  
    }
    .button_form_content {
                max-width: 100%;
                width: 100%;
                background-color:#007bff;                    
                border: none;
                padding: 5px;                                                                                 
                float:right;
                cursor:pointer;
                text-align:center;
                color: #fff;
                font-family: 'Raleway', Helvetica, Arial, sans-serif;
                font-size: 12px;
                font-weight: 300;
                outline: none;
                height:30px;
    }
    .button_form_disabled {

                max-width: 100%;
                width: 100%;
                background-color:#007bff;                    
                border: none;
                padding: 5px;                                                                                 
                float:right;                    
                text-align:center;
                color: #fff;
                font-family: 'Raleway', Helvetica, Arial, sans-serif;
                font-size: 12px;
                font-weight: 300;
                outline: none;

                opacity: .5;
                cursor:default;
                    
    }
    .button_form:active {
                outline:none;            
    }  
    
    a{
        text-decoration:none;
        color:#0731d1;
        padding:5px;
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size:12px;
        font-weight: 300;             
    }    
    
    .numeric_textbox_form {
        width: 100%;
        display: block;
            
        padding: 5px;
        border: 1px solid #b5b5b5;
        outline: none;
        font-family: 'Mukta', sans-serif;
        font-size:14px;
        height:14px;
        font-weight: 300;
    }

    #c_col_A,#c_col_C {display:none;}
    #c_col_B {max-width:1000px;text-align:center;}
    #divisor {max-width:900px;margin-left:-50px;}    
    #g_col_A,#g_col_C {display:none;}    
    #g_col_B {max-width:1000px;margin-left:-50px;text-align:center;}
    
}

@media only screen and (min-device-width : 1153px) and (max-device-width : 1281px) and (min-device-height:600px) and (max-device-height:719px) {

     div.ticket {
        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;
        font-family: Lucida Console;color:black;background-color:#f7f5f5;border:1px solid gray;font-size:8px;
    }
    .row_ticket {
        margin-left:10px;
        margin-right:10px;
        max-width:170px;
        max-height:190px;
        margin-top:-160px;
    }
    .img_ticket {
        width:70px;height:50px;
    }

    .grid-row {
        border:1px solid lightgray;
        min-height:440px;
    }
     .grid-row-text {
        border:1px solid lightgray;
        padding:7px;
        height:12px;
    }

    .font_aws {
        font-size:30px;
        color: #006ebf;
    }
    .header3 {
        font-size:18px;
    }
    .h3 {
        font-size:12px;
    }
    .search-item{        
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size: 14px;
        text-align:right;
        padding-top:5px;
        color:black;
    }
    .input-group {
        color: red;        
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size: 12px;
        text-align:right;
        color:black;
        
    }
    .input-group-addon {
        display:none;
    }
    .textbox_form {
        width: 100%;
        display: block;                    
        padding: 5px;
        border: 1px solid #b5b5b5;
        outline: none;
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        height:30px;
    }
    .textbox_form_ddl_modal {
        width: 100%;
        display: block;
        padding: 3px;
        border: 1px solid #b5b5b5;
        outline: none;
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size:8px;
        height:30px;                    
    }
    .search-date {
        background-color: #FFF;
        color: #000;
        height: 30px;
        padding-left: 6px;
        font-family: 'Mukta', Helvetica, Arial, sans-serif;
        font-size: 14px;
        padding-top: 1px;
        cursor: pointer;
        border: 1px solid #b5b5b5;
        }
    
    .headerLeft {
        border-top-left-radius: 7px;
    }
    .headerCenter {
    }
    .headerRight {
        border-top-right-radius: 7px;
    }
    .headerLeft, .headerCenter, .headerRight {
        background-color: #006ebf;
        color: #FFF;
        height: 14px;
        border: none;
        padding-left: 2px;
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size: 13px;
        font-weight: bold;
        line-height: 100%;
    }        
    .item {

        background-color: #FFF;
        color: #000;
        height: 14px;
        padding-left: 2px;
        font-family: 'Mukta', Helvetica, Arial, sans-serif;
        font-size:12px;
        line-height: 100%;
    }
    .date-item {
        background-color: #FFF;
        color: #000;
        height: 10px;
        padding-left: 2px;
        font-family: 'Mukta', Helvetica, Arial, sans-serif;
        font-size: 12px;
        line-height: 100%;
    }    
    .inputs {
            width: 100%;
            display: block;
            margin:0px 0;
            padding: 2px;
            border: 1px solid #b5b5b5;
            outline: none;
            font-family: 'Mukta', sans-serif;
            font-size:12px;        
        }
      .button_form {
                max-width: 100%;
                width: 100%;
                   
                background-color:#007bff;
                color: #f9f9f9;
                border: none;
                padding: 5px;
                text-transform: uppercase;                                                            
                float:right;
                cursor:pointer;
                text-align:center;
                color: #fff;
                font-family: 'Raleway', Helvetica, Arial, sans-serif;
                font-size: 12px;
                font-weight: 300;            
                outline: none;  
    }
    .button_form_content {
                max-width: 100%;
                width: 100%;
                background-color:#007bff;                    
                border: none;
                padding: 5px;                                                                                 
                float:right;
                cursor:pointer;
                text-align:center;
                color: #fff;
                font-family: 'Raleway', Helvetica, Arial, sans-serif;
                font-size: 12px;
                font-weight: 300;
                outline: none;
                height:30px;
    }
    .button_form_disabled {

                max-width: 100%;
                width: 100%;
                background-color:#007bff;                    
                border: none;
                padding: 5px;                                                                                 
                float:right;                    
                text-align:center;
                color: #fff;
                font-family: 'Raleway', Helvetica, Arial, sans-serif;
                font-size: 12px;
                font-weight: 300;
                outline: none;

                opacity: .5;
                cursor:default;
                    
    }
    .button_form:active {
                outline:none;            
    }  
    
    a{
        text-decoration:none;
        color:#0731d1;
        padding:5px;
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size:12px;
        font-weight: 300;             
    }    
    
    .numeric_textbox_form {
        width: 100%;
        display: block;
            
        padding: 5px;
        border: 1px solid #b5b5b5;
        outline: none;
        font-family: 'Mukta', sans-serif;
        font-size:14px;
        height:14px;
        font-weight: 300;
    }

    #c_col_A,#c_col_C {display:inline;}
    #c_col_B {max-width:1000px;text-align:center;margin-left:100px;}

    #divisor {max-width:1000px;margin-left:-50px;}  
      
    #g_col_A,#g_col_C {display:none;}    
    #g_col_B {margin-left:10px;max-width:1200px;}
    
}

@media only screen and (min-device-width : 1152px) and (max-device-width : 1281px) and (min-device-height:720px) and (max-device-height:1024px) {   

     div.ticket {
        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;
        font-family: Lucida Console;color:black;background-color:#f7f5f5;border:1px solid gray;font-size:8px;
    }
    .row_ticket {
        margin-left:7px;
        margin-right:7px;
        max-width:150px;
        max-height:190px;
        margin-top:-180px;
    }
    .img_ticket {
        width:55px;height:35px;
    }

    .grid-row {
        border:1px solid lightgray;
        min-height:450px;
    }
     .grid-row-text {
        border:1px solid lightgray;
        padding:5px;
        height:12px;
    }
    .font_aws {
        font-size:40px;
        color: #006ebf;
    }
    .header3 {
        font-size:19px;
    }
    .h3 {
        font-size:14px;
    }
    .search-item{        
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size: 16px;
        text-align:right;
        padding-top:3px;
        color:black;
    }
    .input-group {        
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size: 16px;
        text-align:right;                
    }
    .input-group-addon {
        display:none;
    }
    .textbox_form {
        width: 100%;
        display: block;                    
        padding: 7px;
        border: 1px solid #b5b5b5;
        outline: none;
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        height:30px;
    }
    .textbox_form_ddl_modal {
        width: 100%;
        display: block;
        padding: 3px;
        border: 1px solid #b5b5b5;
        outline: none;
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size:10px;
        height:30px;                    
    }
    .search-date {
        background-color: #FFF;
        color: #000;
        height: 30px;
        padding-left: 6px;
        font-family: 'Mukta', Helvetica, Arial, sans-serif;
        font-size: 16px;
        padding-top: 6px;
        cursor: pointer;
        border: 1px solid #b5b5b5;
        }
    
    .headerLeft {
        border-top-left-radius: 7px;
    }
    .headerCenter {
    }
    .headerRight {
        border-top-right-radius: 7px;
    }
    .headerLeft, .headerCenter, .headerRight {
        background-color: #006ebf;
        color: #FFF;
        height: 14px;
        border: none;
        padding-left: 2px;
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size: 13px;
        font-weight: bold;
        line-height: 100%;
    }        
    .item {

        background-color: #FFF;
        color: #000;
        height: 14px;
        padding-left: 2px;
        font-family: 'Mukta', Helvetica, Arial, sans-serif;
        font-size:12px;
        line-height: 100%;
    }
    .date-item {
        background-color: #FFF;
        color: #000;
        height: 10px;
        padding-left: 2px;
        font-family: 'Mukta', Helvetica, Arial, sans-serif;
        font-size: 12px;
        line-height: 100%;
    }    
    .inputs {
            width: 100%;
            display: block;
            margin:0px 0;
            padding: 2px;
            border: 1px solid #b5b5b5;
            outline: none;
            font-family: 'Mukta', sans-serif;
            font-size:12px;        
        }
      .button_form {
                max-width: 100%;
                width: 100%;
                   
                background-color:#007bff;
                color: #f9f9f9;
                border: none;
                padding: 5px;
                text-transform: uppercase;                                                            
                float:right;
                cursor:pointer;
                text-align:center;
                color: #fff;
                font-family: 'Raleway', Helvetica, Arial, sans-serif;
                font-size: 12px;
                font-weight: 300;            
                outline: none;  
    }
    .button_form_content {
                max-width: 100%;
                width: 100%;
                background-color:#007bff;                    
                border: none;
                padding: 5px;                                                                                 
                float:right;
                cursor:pointer;
                text-align:center;
                color: #fff;
                font-family: 'Raleway', Helvetica, Arial, sans-serif;
                font-size: 12px;
                font-weight: 300;
                outline: none;
                height:30px;
    }
    .button_form_disabled {

                max-width: 100%;
                width: 100%;
                background-color:#007bff;                    
                border: none;
                padding: 5px;                                                                                 
                float:right;                    
                text-align:center;
                color: #fff;
                font-family: 'Raleway', Helvetica, Arial, sans-serif;
                font-size: 12px;
                font-weight: 300;
                outline: none;

                opacity: .5;
                cursor:default;
                    
    }
    .button_form:active {
                outline:none;            
    }  
    
    a{
        text-decoration:none;
        color:#0731d1;
        padding:5px;
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size:12px;
        font-weight: 300;             
    }    
    
    .numeric_textbox_form {
        width: 100%;
        display: block;
            
        padding: 5px;
        border: 1px solid #b5b5b5;
        outline: none;
        font-family: 'Mukta', sans-serif;
        font-size:14px;
        height:14px;
        font-weight: 300;
    }

    /*consumos*/
    #c_col_A,#c_col_C {display:inline;}
    #c_col_B {max-width:1000px;text-align:center;margin-left:100px;}    
    #divisor {max-width:1000px;margin-left:-50px;}        
    #g_col_A,#g_col_C {display:none;}    
    #g_col_B {margin-left:10px;max-width:1400px;}
    
    /*listado de tarjetas*/
     .GridView {
        border:1px solid lightgray;
        margin-left:-60px;
        width:1200px;
    }

}

@media only screen and (min-device-width : 1281px) and (max-device-width : 1399px) and (min-device-height:700px) and (max-device-height:899px) {

     div.ticket {
        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;
        font-family: Lucida Console;color:black;background-color:#f7f5f5;border:1px solid gray;font-size:8px;
    }
    .row_ticket {
        margin-left:10px;
        margin-right:10px;
        max-width:180px;
        max-height:200px;
        margin-top:-160px;
    }
    .img_ticket {
        width:70px;height:50px;
    }

    .grid-row {
        border:1px solid lightgray;
        min-height:450px;
    }
     .grid-row-text {
        border:1px solid lightgray;
        padding:5px;
        height:12px;
    }
    .font_aws {
        font-size:40px;
        color: #006ebf;
    }
    .header3 {
        font-size:19px;
    }
    .h3 {
        font-size:14px;
    }

    .search-item{        
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size: 16px;
        text-align:right;
        padding-top:3px;
         color:black;
    }
    .input-group {        
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size: 16px;
        text-align:right;                
    }
    .input-group-addon {
        display:none;
    }
    .textbox_form {
        width: 100%;
        display: block;                    
        padding: 7px;
        border: 1px solid #b5b5b5;
        outline: none;
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        height:30px;
    }
    .textbox_form_ddl_modal {
        width: 100%;
        display: block;
        padding: 3px;
        border: 1px solid #b5b5b5;
        outline: none;
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size:10px;
        height:30px;                    
    }
    .search-date {
        background-color: #FFF;
        color: #000;
        height: 30px;
        padding-left: 6px;
        font-family: 'Mukta', Helvetica, Arial, sans-serif;
        font-size: 16px;
        padding-top: 6px;
        cursor: pointer;
        border: 1px solid #b5b5b5;
        }
    
    .headerLeft {
        border-top-left-radius: 7px;
    }
    .headerCenter {
    }
    .headerRight {
        border-top-right-radius: 7px;
    }
    .headerLeft, .headerCenter, .headerRight {
        background-color: #006ebf;
        color: #FFF;
        height: 14px;
        border: none;
        padding-left: 2px;
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size: 13px;
        font-weight: bold;
        line-height: 100%;
    }        
    .item {

        background-color: #FFF;
        color: #000;
        height: 14px;
        padding-left: 2px;
        font-family: 'Mukta', Helvetica, Arial, sans-serif;
        font-size:12px;
        line-height: 100%;
    }
    .date-item {
        background-color: #FFF;
        color: #000;
        height: 10px;
        padding-left: 2px;
        font-family: 'Mukta', Helvetica, Arial, sans-serif;
        font-size: 12px;
        line-height: 100%;
    }    
    .inputs {
            width: 100%;
            display: block;
            margin:0px 0;
            padding: 2px;
            border: 1px solid #b5b5b5;
            outline: none;
            font-family: 'Mukta', sans-serif;
            font-size:12px;        
        }
      .button_form {
                max-width: 100%;
                width: 100%;
                   
                background-color:#007bff;
                color: #f9f9f9;
                border: none;
                padding: 5px;
                text-transform: uppercase;                                                            
                float:right;
                cursor:pointer;
                text-align:center;
                color: #fff;
                font-family: 'Raleway', Helvetica, Arial, sans-serif;
                font-size: 12px;
                font-weight: 300;            
                outline: none;  
    }
    .button_form_content {
                max-width: 100%;
                width: 100%;
                background-color:#007bff;                    
                border: none;
                padding: 5px;                                                                                 
                float:right;
                cursor:pointer;
                text-align:center;
                color: #fff;
                font-family: 'Raleway', Helvetica, Arial, sans-serif;
                font-size: 12px;
                font-weight: 300;
                outline: none;
                height:30px;
    }
    .button_form_disabled {

                max-width: 100%;
                width: 100%;
                background-color:#007bff;                    
                border: none;
                padding: 5px;                                                                                 
                float:right;                    
                text-align:center;
                color: #fff;
                font-family: 'Raleway', Helvetica, Arial, sans-serif;
                font-size: 12px;
                font-weight: 300;
                outline: none;

                opacity: .5;
                cursor:default;
                    
    }
    .button_form:active {
                outline:none;            
    }  
    
    a{
        text-decoration:none;
        color:#0731d1;
        padding:5px;
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size:12px;
        font-weight: 300;             
    }    
    
    .numeric_textbox_form {
        width: 100%;
        display: block;
            
        padding: 5px;
        border: 1px solid #b5b5b5;
        outline: none;
        font-family: 'Mukta', sans-serif;
        font-size:14px;
        height:14px;
        font-weight: 300;
    }

    /*Consumos */
    #c_col_A,#c_col_C {display:inline;}
    #c_col_B {text-align:center;margin-left:100px;}    
    #divisor {margin-left:-50px;}        
    #g_col_A,#g_col_C {display:inline;}    
    #g_col_B {margin-left:10px;}
    
    /*listado de tarjetas*/
     .GridView {
        border:1px solid lightgray;
        margin-left:-65px;
        width:1200px;
    }
}

@media only screen and (min-device-width : 1400px) and (max-device-width : 1599px) and (min-device-height:900px) and (max-device-height:1050px) {
   
     div.ticket {
        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;
        font-family: Lucida Console;color:black;background-color:#f7f5f5;border:1px solid gray;font-size:8px;
    }
    .row_ticket {
        margin-left:10px;
        margin-right:10px;
        max-width:180px;
        max-height:200px;
        margin-top:-160px;
    }
    .img_ticket {
        width:70px;height:50px;
    }

    .grid-row {
        border:1px solid lightgray;
        min-height:450px;
    }
    .grid-row-text {
        border:1px solid lightgray;
        padding:6px;
        height:16px;
    }
    .font_aws {
        font-size:50px;
        color: #006ebf;
    }
    .header3 {
        font-size:20px;
    }
    .h3 {
        font-size:16px;
    }
    
    .search-item{        
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size: 16px;
        text-align:right;
        padding-top:3px;
        color:black;
    }
    .input-group {        
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size: 16px;
        text-align:right;                
    }
    .input-group-addon {
        display:none;
    }
    .textbox_form {
        width: 100%;
        display: block;                    
        padding: 7px;
        border: 1px solid #b5b5b5;
        outline: none;
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        height:30px;
    }
    .textbox_form_ddl_modal {
        width: 100%;
        display: block;
        padding: 3px;
        border: 1px solid #b5b5b5;
        outline: none;
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size:10px;
        height:30px;                    
    }
    .search-date {
        background-color: #FFF;
        color: #000;
        height: 30px;
        padding-left: 6px;
        font-family: 'Mukta', Helvetica, Arial, sans-serif;
        font-size: 16px;
        padding-top: 6px;
        cursor: pointer;
        border: 1px solid #b5b5b5;
        }
    
    .headerLeft {
        border-top-left-radius: 7px;
    }
    .headerCenter {
    }
    .headerRight {
        border-top-right-radius: 7px;
    }
    .headerLeft, .headerCenter, .headerRight {
        background-color: #006ebf;
        color: #FFF;
        height: 16px;
        border: none;
        padding-left: 2px;
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: bold;
        line-height: 100%;
    }        
    .item {

        background-color: #FFF;
        color: #000;
        height: 14px;
        padding-left: 2px;
        font-family: 'Mukta', Helvetica, Arial, sans-serif;
        font-size:12px;
        line-height: 100%;
    }
    .date-item {
        background-color: #FFF;
        color: #000;
        height: 14px;
        padding-left: 2px;
        font-family: 'Mukta', Helvetica, Arial, sans-serif;
        font-size: 12px;
        line-height: 100%;
    }    
    .inputs {
            width: 100%;
            display: block;
            margin:0px 0;
            padding: 2px;
            border: 1px solid #b5b5b5;
            outline: none;
            font-family: 'Mukta', sans-serif;
            font-size:12px;        
        }
    .button_form {
                max-width: 100%;
                width: 100%;                   
                background-color:#007bff;
                color: #f9f9f9;
                border: none;
                padding: 5px;
                text-transform: uppercase;                                                            
                float:right;
                cursor:pointer;
                text-align:center;
                color: #fff;
                font-family: 'Raleway', Helvetica, Arial, sans-serif;
                font-size: 14px;
                font-weight: 300;            
                outline: none;  
    }
    .button_form_content {
                max-width: 100%;
                width: 100%;
                background-color:#007bff;                    
                border: none;
                padding: 5px;                                                                                 
                float:right;
                cursor:pointer;
                text-align:center;
                color: #fff;
                font-family: 'Raleway', Helvetica, Arial, sans-serif;
                font-size: 14px;
                font-weight: 300;
                outline: none;
                height:30px;
    }
    .button_form_disabled {

                max-width: 100%;
                width: 100%;
                background-color:#007bff;                    
                border: none;
                padding: 5px;                                                                                 
                float:right;                    
                text-align:center;
                color: #fff;
                font-family: 'Raleway', Helvetica, Arial, sans-serif;
                font-size: 14px;
                font-weight: 300;
                outline: none;

                opacity: .5;
                cursor:default;
                    
    }
    .button_form:active {
                outline:none;            
    } 
    
    a{
        text-decoration:none;
        color:#0731d1;
        padding:5px;
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size:12px;
        font-weight: 300;             
    }    
    
    .numeric_textbox_form {
        width: 100%;
        display: block;
            
        padding: 5px;
        border: 1px solid #b5b5b5;
        outline: none;
        font-family: 'Mukta', sans-serif;
        font-size:14px;
        height:14px;
        font-weight: 300;
    }

    #c_col_A,#c_col_C {display:inline;}
    #c_col_B {text-align:center;margin-left:10%;}
    
    #divisor {margin-left:-10%;}  
      
    #g_col_A,#g_col_C {display:inline;}    
    #g_col_B {margin-left:-5%}
    
}

@media only screen and (min-device-width : 1600px) and (max-device-width : 1800px) and (min-device-height:900px) and (max-device-height:1050px) {


    div.ticket {
        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;
        font-family: Lucida Console;color:black;background-color:#f7f5f5;border:1px solid gray;font-size:10px;
    }
    .row_ticket {
        margin-left:10px;
        margin-right:10px;
        max-width:200px;
        max-height:220px;
        margin-top:-160px;
    }
    .img_ticket {
        width:70px;height:50px;
    }

    .grid-row {
        border:1px solid lightgray;
        min-height:550px;
    }
    .grid-row-text {
        border:1px solid lightgray;
        padding:6px;
        height:18px;
    }
    .font_aws {
        font-size:50px;
        color: #006ebf;
    }
    .header3 {
        font-size:20px;
    }
    .h3 {
        font-size:16px;
    }

    .search-item{        
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size: 18px;
        text-align:right;
        padding-top:3px;
        color:black;
    }
    .input-group {        
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size: 16px;
        text-align:right;                
    }
    .input-group-addon {
        display:none;
    }
    .textbox_form {
        width: 100%;
        display: block;                    
        padding: 7px;
        border: 1px solid #b5b5b5;
        outline: none;
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        height:30px;
    }
    .textbox_form_ddl_modal {
        width: 100%;
        display: block;
        padding: 3px;
        border: 1px solid #b5b5b5;
        outline: none;
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size:12px;
        height:30px;                    
    }
    .search-date {
        background-color: #FFF;
        color: #000;
        height: 30px;
        padding-left: 6px;
        font-family: 'Mukta', Helvetica, Arial, sans-serif;
        font-size: 16px;
        padding-top: 6px;
        cursor: pointer;
        border: 1px solid #b5b5b5;
        }
    
    .headerLeft {
        border-top-left-radius: 7px;
    }
    .headerCenter {
    }
    .headerRight {
        border-top-right-radius: 7px;
    }
    .headerLeft, .headerCenter, .headerRight {
        background-color: #006ebf;
        color: #FFF;
        height: 18px;
        border: none;
        padding-left: 2px;
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: bold;
        line-height: 100%;
    }        
    .item {
        background-color: #FFF;
        color: #000;
        height: 16px;
        padding-left: 2px;
        font-family: 'Mukta', Helvetica, Arial, sans-serif;
        font-size:12px;
        line-height: 100%;
    }
    .date-item {
        background-color: #FFF;
        color: #000;
        height: 16px;
        padding-left: 2px;
        font-family: 'Mukta', Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 100%;
    }    
    .inputs {
            width: 100%;
            display: block;
            margin:0px 0;
            padding: 2px;
            border: 1px solid #b5b5b5;
            outline: none;
            font-family: 'Mukta', sans-serif;
            font-size:12px;        
        }
    
    .button_form {
                max-width: 100%;
                width: 100%;                   
                background-color:#007bff;
                color: #f9f9f9;
                border: none;
                padding: 5px;
                text-transform: uppercase;                                                            
                float:right;
                cursor:pointer;
                text-align:center;
                color: #fff;
                font-family: 'Raleway', Helvetica, Arial, sans-serif;
                font-size: 14px;
                font-weight: 300;            
                outline: none;  
    }
    .button_form_content {
                max-width: 100%;
                width: 100%;
                background-color:#007bff;                    
                border: none;
                padding: 5px;                                                                                 
                float:right;
                cursor:pointer;
                text-align:center;
                color: #fff;
                font-family: 'Raleway', Helvetica, Arial, sans-serif;
                font-size: 14px;
                font-weight: 300;
                outline: none;
                height:30px;
    }
    .button_form_disabled {

                max-width: 100%;
                width: 100%;
                background-color:#007bff;                    
                border: none;
                padding: 5px;                                                                                 
                float:right;                    
                text-align:center;
                color: #fff;
                font-family: 'Raleway', Helvetica, Arial, sans-serif;
                font-size: 14px;
                font-weight: 300;
                outline: none;

                opacity: .5;
                cursor:default;
                    
    }
    .button_form:active {
                outline:none;            
    }  
    
    a{
        text-decoration:none;
        color:#0731d1;
        padding:5px;
        font-family: 'Raleway', Helvetica, Arial, sans-serif;
        font-size:12px;
        font-weight: 300;             
    }    
    
    .numeric_textbox_form {
        width: 100%;
        display: block;            
        padding: 5px;
        border: 1px solid #b5b5b5;
        outline: none;
        font-family: 'Mukta', sans-serif;
        font-size:12px;
        height:16px;
        font-weight: 300;
    }

    #c_col_A,#c_col_C {display:inline;}
    #c_col_B {text-align:center;margin-left:15%;}
    
    #divisor {margin-left:-10%;}  
      
    #g_col_A,#g_col_C {display:inline;}    
    #g_col_B {margin-left:-5%}
    
}


@media only screen and (min-device-width : 1920px) and (min-device-height:1080px) {

        div.ticket {
            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;
            font-family: Lucida Console;color:black;background-color:#f7f5f5;border:1px solid gray;font-size:10px;
        }
        .row_ticket {
            margin-left:10px;
            margin-right:10px;
            max-width:220px;
            max-height:200px;
            margin-top:-250px;
        }
        .img_ticket {
            width:100px;height:80px
        }
        .grid-row {
            border:1px solid lightgray;
            min-height:600px;
        }
    .grid-row-text {
        border:1px solid lightgray;
        padding:6px;
        height:18px;
    }
    .font_aws {

        font-size:50px;
        color: #006ebf;
    }
    .header3 {
        font-size:20px;
    }
    .h3 {
        font-size:16px;
    }

        .search-item {
            color: #000;
            font-family: 'Raleway', Helvetica, Arial, sans-serif;
            font-size: 20px;
            font-weight: 600;
            line-height: 120%;
            padding-top: 10px;
            text-align: right;
            height:100%;
            max-height:38px;
        }

        .search-date {
            background-color: #FFF;
            color: #000;
            height:100%;
            max-height:38px;
            padding-left: 10px;
            font-family: 'Raleway', Helvetica, Arial, sans-serif;
            font-size: 20px;
            font-weight: 300;
            padding-top: 5px;
            cursor: pointer;
            border: 1px solid #b5b5b5;
        }
        .input-group {
            padding-top:-50px;
        }
        .textbox_form {
            width: 100%;
            display: block;
            border: 1px solid #b5b5b5;
            outline: none;
            font-family: 'Raleway', Helvetica, Arial, sans-serif;
            font-size: 25px;
            height:100%;
            max-height:38px;
        }
       .textbox_form_modal {
            width: 100%;
            display: block;
            margin: 5px 0;
            padding: 10px;
            border: 1px solid #b5b5b5;
            outline: none;
            font-family: 'Raleway', Helvetica, Arial, sans-serif;
            font-size: 25px;
            height: 30px;
        }
        .textbox_form_ddl_modal {
            width: 100%;
            display: block;
            margin: 2px 0;
            padding: 5px;
            border: 1px solid #b5b5b5;
            outline: none;
            font-family: 'Raleway', Helvetica, Arial, sans-serif;
            font-size: 25px;
            height: 30px;
        }


        .headerLeft {
            border-top-left-radius: 7px;
        }

        .headerCenter {
        }

        .headerRight {
            border-top-right-radius: 7px;
        }

        .headerLeft, .headerCenter, .headerRight {
            background-color: #006ebf;
            color: #FFF;
            height: 18px;
            border: none;
            padding-left: 10px;
            font-family: 'Raleway', Helvetica, Arial, sans-serif;
            font-size: 16px;
            font-weight: bold;
            line-height: 120%;
        }

        .item {
            background-color: #FFF;
            color: #000;
            height: 30px;
            padding-left: 10px;
            font-family: 'Mukta', Helvetica, Arial, sans-serif;
            font-size: 15px;
            font-weight: 300;
            line-height: 120%;
        }

        .date-item {
            background-color: #FFF;
            color: #000;
            height:18px;
            padding-left: 10px;
            font-family: 'Mukta', Helvetica, Arial, sans-serif;
            font-size: 16px;
            font-weight: 300;
            line-height: 120%;
        }
        /*
.telerik-item {    
    color: #000;
    height: 30px;
    padding-left: 10px;
    font-family: 'Mukta', Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 120%;
    border-bottom:1px solid red;
}
.grid-row {
    border:1px solid lightgray;
}

.formulario-modal {
    color: #000;        
    font-family: 'Raleway', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;    
    padding-top:10px;
    text-align:right;    
}
    */

        body {
            height: 100vh;
            min-height: 550px;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            position: relative;
            overflow-y: hidden;
        }


        .login-show input[type="text"],
        .login-show input[type="password"] {
            width: 100%;
            display: block;
            margin: 20px 0;
            padding: 10px;
            border: 1px solid #b5b5b5;
            outline: none;
        }

        .login-show input[type="password"] {
        }

        .inputs {
            width: 100%;
            display: block;
            margin: 20px 0;
            padding: 10px;
            border: 1px solid #b5b5b5;
            outline: none;
            font-family: 'Mukta', sans-serif;
            font-size: 20px;
        }

        .login-show input[type="button"] {
            max-width: 150px;
            width: 100%;
            background: #007bff;
            color: #f9f9f9;
            border: none;
            padding: 10px;
            text-transform: uppercase;
            border-radius: 2px;
            float: right;
            cursor: pointer;
            text-align: center;
        }

        a {
            text-decoration: none;
            color: #0731d1;
            font-family: 'Raleway', Helvetica, Arial, sans-serif;
            font-size: 20px;
            font-weight: 300;
        }

        @import url(https://fonts.googleapis.com/css?family=Raleway:300,700);

        .button_form {
            max-width: 100%;
            width: 100%;
            background-color: #007bff;
            color: #f9f9f9;
            border: none;
            padding: 10px;
            text-transform: uppercase;
            float: right;
            cursor: pointer;
            text-align: center;
            color: #fff;
            font-family: 'Raleway', Helvetica, Arial, sans-serif;
            font-size: 15px;
            font-weight: 300;
            outline: none;
        }

        .button_form_content {
            max-width: 100%;
            width: 100%;
            background-color: #007bff;
            border: none;            
            float: right;
            cursor: pointer;
            text-align: center;
            color: #fff;
            font-family: 'Raleway', Helvetica, Arial, sans-serif;            
            font-weight: 300;
            outline: none;
                                    
            padding-top:5px;
            font-size: 20px;
            height:70%;
            max-height:38px;
        }

        .button_form_disabled {
            max-width: 100%;
            width: 100%;
            background-color: #007bff;
            border: none;
            padding: 10px;
            float: right;
            text-align: center;
            color: #fff;
            font-family: 'Raleway', Helvetica, Arial, sans-serif;
            font-size: 15px;
            font-weight: 300;
            outline: none;
            opacity: .5;
            cursor: default;
        }

        .button_form:active {
            outline: none;
        }

        .numeric_textbox_form {
            width: 100%;
            display: block;
            margin: 7px 0;
            padding: 7px;
            border: 1px solid #b5b5b5;
            outline: none;
            font-family: 'Mukta', sans-serif;
            font-size: 25px;
            height: 45px;
            font-weight: 300;
        }

        .font_icon {
            width: 15%;
            text-align: center;
            height: 38px;
            background-color: #FFF;
            margin-top: 10px;
            border-radius: 0px 0px;
            border: 1px solid #b5b5b5;
            margin-left: 1px;
            border-left: none;
        }

        .header_modal_form {
            color: #000;
            text-align: right;
            vertical-align: top;
            
        }





        .col_schedule {
            margin-left: 10px;
            height: 20px;
        }

        .col_schedule_left {
            border-right: 1px solid;
        }



        #c_col_A, #c_col_C {
            display: inline;
        }

        #c_col_B {
            text-align: center;
            margin-left: 15%;
        }

        #divisor {
            margin-left: -10%;
        }

        #g_col_A, #g_col_C {
            display: inline;
        }

        #g_col_B {
            margin-left: -5%;
        }

    }

