@charset "utf-8";


/*---------------------------- LARGE SCREEN ----------------------------*/
@media only screen 
and (min-width : 1824px) {

    #divRepTotalByClient {  
        max-height:100%;
    }
    

}



/*---------------------------- DESKTOPS AND LAPTOPS ----------------------------*/
@media only screen 
and (min-device-width : 1224px) 
and (max-device-width : 1825px)  {
   

    #divRepTotalByClient {  
        max-height:455px;
        overflow-y:auto;
    }

    .popMessage {
    margin: 6em auto;
  }
}



/*---------------------------- IPAD (PORTRAIT & LANDSCAPE) ----------------------------*/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1223px)  {

.loader {        
    margin: 50% auto !important;
}

#divRepTotalByClient {  
    max-height:415px;
    overflow-y:auto;
}

/*-------- RIGHT MAIN MENU ---------*/
a.trigger {
    height:35px;
    top: 20px !important; 
    right: 0px;
}

.page {
    width:100% !important;
    padding:0;
}

.page ul li {
    width:140px !important;
    height:164px !important;    
}

input.textEntry {
    -moz-appearance:none !important;
    -webkit-appearance:none !important;
    appearance:none !important;
    border-radius:0px !important;
}

input.passwordEntry {
    -moz-appearance:none !important;
    -webkit-appearance:none !important;
    appearance:none !important;
    border-radius:0px !important;
}

fieldset label.inline {
    font-size:12px !important;
    line-height:10px !important;
}

input[type="checkbox"] {
    margin: 1px !important;
    border-radius:10px  !important;
    border: 1px solid #ccc !important;
    line-height:12px !important;
}



/* ------------- BUTTON UP ------------- */

#OpenLayers_Control_PanZoomBar_17_panup {
    top:30px !important;
}

/* ------------- BUTTON DOWN ------------- */

#OpenLayers_Control_PanZoomBar_17_pandown {
    top:72px !important;
}


/* ------------- BUTTON LEFT ------------- */

#OpenLayers_Control_PanZoomBar_17_panleft {
    top:50px !important;
}


/* ------------- BUTTON RIGHT ------------- */

#OpenLayers_Control_PanZoomBar_17_panright {
    top:51px !important;
}


/* ------------- BUTTON ZOOM IN (+) ------------- */
#OpenLayers_Control_PanZoomBar_17_zoomin {
    top:112px !important;
}


/* ------------- BUTTON ZOOM OUT (-) ------------- */
#OpenLayers_Control_PanZoomBar_17_zoomout {
    top:323px !important;
}


/* ------------- ZOOM BAR ------------- */
#OpenLayers_Control_PanZoomBar_ZoombarOpenLayers_Map_36 {
    top:132px !important;
}



div.olControlAttribution {
    margin-left:10px;
    bottom:35px !important;
    font-size:10px;
}

.content {    
    padding:8px 10px;
    font-size:10px;
}

}



/*---------------------------- SMARTPHONE (GALAXY NOTE 3 - LANDSCAPE) ----------------------------*/
@media only screen 
and (min-device-width : 569px) 
and (max-device-width : 767px) { 

.loader {        
    margin: 15% auto !important;
}


/*-------- RIGHT MAIN MENU ---------*/
a.trigger {
    height:35px;
    top: 0px; 
    right: 0px;
}

.menu-icon {
    padding:0 13px;
}

.ibt-rightmenu-vertical {
	width: 420px;
    height:100%;
	top:0px;
    overflow-y:auto;
}

.menucontent {
    height:100%;
    overflow-y:auto;
}


/*-------- CONTENT TABS ---------*/
#tabs_container {
	width: 400px;
    height:auto;
	font-size: 11px;
}

div.tab_contents_container {
    height:auto;
	padding: 12px 15px;
}


/*-------- CONTENT TAB-NOW ---------*/
#divRepTotalByClient {   
    height:265px;
    overflow-y:auto;  
}

.cd-popup-container {
    width: 94%;
}

.statusTableIn {
    width:100%;
}

.selectCompanyPhone {
    width: 89%;
}


/*-------- CONTENT TAB-HISTORICAL ---------*/
.TitleStyle {
    font-size:14px;
}


/*-------- CONTENT TAB-SETTING ---------*/
.ac-container input:checked ~ article.ac-small{
	height:auto !important;
    padding:0 0 15px;
}
.ac-container input:checked ~ article.ac-medium{
	height:auto !important;
    padding:0 0 15px;
}
.ac-container input:checked ~ article.ac-large{
	height:auto !important;
    padding:0 0 15px;
}

.ac-container input:checked ~ article.ac-Xlarge{
	height:auto !important;
    padding:0 0 15px;
}

.ac-container input:checked ~ article.ac-XXlarge{
	height:auto !important;
    padding:0 0 15px;
}


/*-------- FOOTER ---------*/
div.olControlAttribution {
    bottom: 35px !important;
    font-size:9px;
    margin-left:10px;
}

.content {
    margin: 0;
    padding: 5px 10px;
    width:auto;
    font-size:9px;
    line-height:11px;
    height:auto; /* .push must be the same height as .footer */
}

.content img {
    height:8px;
}
}



/*---------------------------- SMARTPHONE (PORTRAIT & LANDSCAPE) ----------------------------*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) { 

.content {
    font-size:4pt;
    color:#ffffff;
    background:#333333;
    border-top:1px solid #444444;
    margin: 0 auto !important;
    padding:0 !important;
    width:auto;
    position:absolute;
}
   

.page {
    width:auto !important;
    background-color: #FFFFFF;
    margin: auto !important;
    border: 0px ;
    height:auto !important;
}

.content img {
    width:5px;
    height:5px;
}



/*---------------------- LOGIN ----------------------*/

fieldset {
    width:90%;
	height:267px;
    top:0;
	left:0;
    right:0;
    bottom:0;
    margin:auto;	
	border: 3px #f4f4f4 solid;
	border-radius: 0px;
	-webkit-border-radius:0px;
    padding:0;
    position:absolute;
}

.inner {	
	min-height: 265px !important;	
    height: 255px !important;	
}

.logologin {
    margin:0px auto !important;
}

.shadow {
	width: 100%;
	margin-top: 3px !important;
	background: url(../Images/shadowForm.png) no-repeat;
    background-size:100% !important;
	height: 23px !important;
	margin:0 auto;
}

.spanlogin {
    width:80%;
}

.inputUsername {
    width:190px;     
} 

.loginForm input.textEntry {
    width:94.5%;
    font-family:'Oxygen', sans-serif;    
    -moz-appearance:none !important;
    -webkit-appearance:none !important;
    appearance:none !important;
    border-radius:0px !important;
}

.loginForm input.passwordEntry {
    width:94.5%;
    font-family:'Oxygen', sans-serif;    
    -moz-appearance:none !important;
    -webkit-appearance:none !important;
    appearance:none !important;
    border-radius:0px !important;
}


.header img {
    margin: auto;
    border: none;
    display:block;
    width:200px !important;
    padding:20px 0 20px 10px !important;
}

.LoginButton {
    font-size:13px !important;
}

.submitButton {
    margin:0px !important;
    -moz-appearance:none !important;
    -webkit-appearance:none !important;
    appearance:none !important;
    border-radius:0px !important;
}


.keepit {
    text-align:center !important;
    margin:8px auto !important;
}


.loader {        
    margin: 15% auto !important;
}


/*-------- RIGHT MAIN MENU ---------*/
a.trigger {
    height:35px;
    top: 0px; 
    right: 0px;
}

.menu-icon {
    padding:0 13px;
}

.ibt-rightmenu-vertical {
	width: 100%;
    height:100%;
	top:0px;
}

.menucontent {
    height:100%;
    overflow-y:auto;
}


/*-------- CONTENT TABS ---------*/
#tabs_container {
	width: 100%;
    height:auto;
	font-size: 11px;
}

div.tab_contents_container {
    height:auto;
	padding: 12px 15px;
}


/*-------- CONTENT TAB-NOW ---------*/
#divRepTotalByClient {   
    height:265px;
    overflow-y:auto;  
}

.cd-popup-container {
    width: 94%;
}

.statusTableIn {
    width:100%;
}

.selectCompanyPhone {
    width: 89%;
}


/*-------- CONTENT TAB-HISTORICAL ---------*/
.TitleStyle {
    font-size:14px;
}


/*-------- CONTENT TAB-SETTING ---------*/
.ac-container input:checked ~ article.ac-small{
	height:auto !important;
    padding:0 0 15px;
}
.ac-container input:checked ~ article.ac-medium{
	height:auto !important;
    padding:0 0 15px;
}
.ac-container input:checked ~ article.ac-large{
	height:auto !important;
    padding:0 0 15px;
}

.ac-container input:checked ~ article.ac-Xlarge{
	height:auto !important;
    padding:0 0 15px;
}

.ac-container input:checked ~ article.ac-XXlarge{
	height:auto !important;
    padding:0 0 15px;
}


/*-------- FOOTER ---------*/
div.olControlAttribution {
    bottom: 35px !important;
    font-size:9px;
    margin-left:10px;
}


.content {
    color:#999;
    background:rgb(243, 244, 244);
    background:rgba(243, 244, 244, 0.9);
    margin: 0;
    padding: 5px 10px;
    width:auto;
    font-size:9px;
    line-height:11px;
    height:auto; /* .push must be the same height as .footer */
}

.content img {
    height:8px;
}
}