/* 
Created on : Oct 20, 2015, 9:50:11 AM
Author     : JITHIN JOSE (+91-8943729990)
*/

@font-face{font-family: OpenSans-Bold;src: url(../font/OpenSans-Bold.ttf);}
@font-face{font-family: OpenSans-Regular;src: url(../font/OpenSans-Regular.ttf);}
/*--- *************************---------------*****************************---*/
@font-face {
	font-family: "closeandminimize";
	src: url("../images/icon/closeandminimize.eot");
	src: url("../images/icon/closeandminimize.eot#iefix") format("embedded-opentype"),
	url("../images/icon/closeandminimize.woff") format("woff"),
	url("../images/icon/closeandminimize.ttf") format("truetype"),
	url("../images/icon/closeandminimize.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
[class^="closeandminimize"]:before, [class*=" closeandminimize"]:before,
[class^="closeandminimize"]:after, [class*=" closeandminimize"]:after {   
	font-family: closeandminimize;
        font-size: 20px;
font-style: normal;
margin-left: 20px;
}.closeandminimize-cross93:before {
	content: "\e000";
        
}
.closeandminimize-minimize3:before {
	content: "\e001";
}

/*--- *************************---------------*****************************---*/
body,html{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;-user-select: none;  }
*{margin: 0;padding: 0}
body{background-color: #f1f4f9;margin: 0;}
.logindiv{position: absolute;top: 50%;left: 50%;margin-right: -50%;transform: translate(-50%, -50%);max-width: 375px;background-image:url(../images/loginback.png); background-repeat:no-repeat;background-position:bottom;}
.headlogo
{font-family: OpenSans-Bold;font-size:1.6em;color: #999999;font-style:normal;font-weight:bold;  }
.pleaselogin{font-family:OpenSans-Regular;font-size:.8em;color: #797979;font-style:normal;font-weight:normal;  }

/*--- *************************Chek box****************************---*/
ul {margin:0;padding:0;list-style:none}
.skin-section .list{float:left;}
.skin-section .list li{position:relative;padding-bottom:15px;}
.skin-flat .skin-section .list li,.skin-line .skin-section label{padding-left:40px}
.icheckbox_flat-green,.iradio_flat-green {display: inline-block;*display: inline;vertical-align: middle;margin: 0;padding: 0;width: 20px;height: 20px;background: url(../images/green.png) no-repeat;border: none;cursor: pointer;}
.icheckbox_flat-green.checked {background-position: -px 0;}
.icheckbox_flat-green.disabled {background-position: -44px 0;cursor: default;}
.icheckbox_flat-green.checked.disabled {background-position: -66px 0;}
.iradio_flat-green {background-position: -88px 0;}
.iradio_flat-green.checked {background-position: -110px 0;}
.iradio_flat-green.disabled {background-position: -132px 0;cursor: default;}
.iradio_flat-green.checked.disabled {background-position: -154px 0;}
.selectionMorS{font-family: OpenSans-Regular;color: #555555;font-size: 14px;}
/*--- *************************Chekbox end****************************---*/


/*-------------------dropdown--------------------------------------*/
.metro,
.metro div,
.metro li,
.metro div::after,
.metro .carat,
.metro .carat:after,
.metro .selected::after,
.metro:after{-webkit-transition: all 150ms ease-in-out;-moz-transition: all 150ms ease-in-out;-ms-transition: all 150ms ease-in-out;transition: all 150ms ease-in-out;}
.metro .selected::after,
.metro.scrollable div::after{-webkit-pointer-events: none;-moz-pointer-events: none;-ms-pointer-events: none;pointer-events: none;}
.metro{position: relative;max-width: 300px;cursor: pointer;font-weight: 200;background: #ffffff;-webkit-user-select: none;-moz-user-select: none;-user-select: none;text-align: left;font-family: OpenSans-Regular;}
.metro:after{content: '';position: absolute;right: 3px;bottom: 3px;top: 2px;width: 30px;background: transparent;}
.metro.focus:after{}
.metro .carat,
.metro .carat:after{content: '';position: absolute;right: 10px;top: 50%;margin-top: -4px;border: 8px solid transparent;border-top: 8px solid #000;z-index: 2;-webkit-transform-origin: 50% 20%;-moz-transform-origin: 50% 20%;-ms-transform-origin: 50% 20%;transform-origin: 50% 20%;}
.metro .carat:after{margin-top: -8px;right: -8px;border-top-color: #89898a;}
.metro:hover .carat:after{border-top-color: #89898a;}
.metro.focus .carat{border-top-color: #ffffff;}
.metro.focus .carat:after{border-top-color: #89898a;}
.metro.open .carat{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.metro .old{position: absolute;left: 0;top: 0;height: 0;width: 0;overflow: hidden;}
.metro select{position: absolute;left: 0px;top: 0px;}
.metro.touch select{left: 0;top: 0;width: 100%;height: 100%;opacity: 0;}
.metro .selected,
.metro li{display: block;font-size: 18px;line-height: 1;padding: 9px 12px;overflow: hidden;white-space: nowrap;font-size: 14px;color: #9c9c9c;border-bottom: 1px solid #f1f4f9;}
.metro .selected::after{content: '';position: absolute;right: 0;top: 0;bottom: 0;width: 60px;border-radius: 0 2px 2px 0;box-shadow: inset -55px 0 25px -20px #ffffff;}
.metro:hover .selected::after{box-shadow: inset -55px 0 25px -20px #ffffff;}
.metro div{position: absolute;height: 0;left: 0;right: 0;top: 100%;margin-top: -1px;background: #ffffff;overflow: hidden;opacity: 0;}
.metro:hover div{background: #ffffff;}
.metro.open div{opacity: 1;z-index: 2;background-color: #f9fbfd;}
.metro.scrollable div::after{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 50px;box-shadow: inset 0 -50px 30px -35px #ffffff;}
.metro.scrollable:hover div::after{box-shadow: inset 0 -50px 30px -35px #ffffff;}
.metro.scrollable.bottom div::after{opacity: 0;}
.metro ul{position: absolute;left: 0;top: 0;height: 100%;width: 100%;list-style: none;overflow: hidden;}
.metro.scrollable.open ul{overflow-y: auto;}
.metro li{list-style: none;padding: 8px 12px;}
.metro li.focus{position: relative;z-index: 3;color: #22baa0;}
.metro li.active{color: #0a6253;}
/*--- *************************dropdown*** End*************************---*/

@font-face 
{
font-family: "userandpass";
src: url("../images/icon/userandpass.eot");
src: url("../images/icon/userandpass.eot#iefix") format("embedded-opentype"),
url("../images/icon/userandpass.woff") format("woff"),
url("../images/icon/userandpass.ttf") format("truetype"),
url("../images/icon/userandpass.svg") format("svg");
font-weight: normal;
font-style: normal;
}
[class^="userandpass"]:before, [class*=" userandpass"]:before,
[class^="userandpass"]:after, [class*=" userandpass"]:after 
{   
font-family: userandpass;
font-size: 18px;
font-style: normal;
color: #89898a;
}
.userandpass-closed:before {content: "\e000";}
.userandpass-man457:before {content: "\e001";}
.inpUandP{width:255px;height:16px;border:none;outline:none;padding:5px;font-family:OpenSans-Bold;color:#9c9c9c;font-size:14px;}
.pandudiv{width:300px;background-color:#ffffff;margin-top:20px;width:290px;padding:5px}
.pandudiv1{width:300px;background-color:#ffffff;margin-top:10px;width:290px;padding:5px}

#btnLog{width: 300px;text-align:center;height:35px;background-color:#ff5d4c;border:none;margin-top:20px;font-family:OpenSans-Regular;color:#ffffff;font-size:16px;text-align:center;cursor:pointer;}
.footext{font-family: OpenSans-Regular;color: #797979;font-size: 12px;margin-top: 10px}
#cmbSession
{width:300px;border:none;border-radius:0px;height:35px;}
.loginErrorMsg
{ 
	color:red;font-family:OpenSans-Regular;padding-left:2px;margin:0;text-align:left;margin-left:30px;
	margin-top:12px;
}

#divtabinfo {
    margin: 20px;
    width: 470px;
    height: 280px;
}

.cssPopup 
        {
    	    top:15%;
    	    left:30%;
            border:2px solid #22BAA1;
            border-top-left-radius:6px;
		    border-top-right-radius:6px;
            -webkit-border-top-left-radius:6px;
		    -webkit-border-top-right-radius:6px;
		    -moz-border-top-left-radius:6px;
		    -moz-border-top-right-radius:6px;
		    position:relative;
		    background:#fff;
		    height:420px;width:40%;z-index: 9999; 
        }
         #tblinfo{width:100%;}
         #tblinfo td {height:35px;text-align:left;padding-left:5px;}

        .loginErrorMsg1
        { 
	        color:red;font-family:OpenSans-Regular;margin:0;text-align:left;font-size:12px;
	        margin-top:5px;
        }
        .LoginIn
        {
            font-family:OpenSans-Semibold;
            color: #414141;
            font-size:1.5em;
            border: none;
            background-color: #41d081;
            width: 255px;
            height: 40px;
            margin-left: -20px;
            margin-top: 10px;
            cursor:pointer;
        }
        #btnLog1{width:60%;margin:0px;margin-top:15px;background-color:#41d081;}

@media only screen and (max-width: 980px) {
    #divtabinfo {
        width: 100%; margin: 0px;height:auto;
    }
    .LoginIn {
        font-size: 1.2em;
    }
     .cssPopup {
       top:10%;width:50%;left:25%;
    }
}
@media only screen and (max-width: 768px) {
    
    .cssPopup {
       width:60%;left:20%;
    }
}
@media only screen and (max-width: 540px) {
    
    .cssPopup {
       width:80%;left:8%;
    }
}
@media only screen and (max-width: 360px) {
    
    .cssPopup {
       width:90%;left:5%;
    }
    #divtabinfo {
        margin-top: 25px;
    }
   
}

@media only screen and (max-width: 300px)
{
    .pandudiv{width:250px;}
    .inpUandP{width: 200px;}
    #btnLog{width: 260px;}
     #cmbSession{max-width: 260px;}
    .footext{font-size: 10px;}
}