/*
 * Title: Upload page CSS 
 * Copyright:©2015 iNDOSOFT Services
 * Author: Adil 
 * Version: 1.0 (23 Dec 15)
 *
 * ------------------------------------ STYLE ------------------------------------
 * 
 * -------------------------------------------------------------------------------
 */
*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
body{background:#ecf0f1;color:#545454;font-family:'Open Sans',sans-serif;margin:0;padding:0;border:0;top:0;bottom:0;overflow:auto;overflow-x:hidden;font-size:1em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:all .2s ease-out 0s}
a{text-decoration:none}
.header{margin-bottom:1em;height:70px;width:100%;background:#fff;font-family:'Open Sans',sans-serif;-webkit-transition:all .4s ease;transition:all .4s ease;box-shadow:inset 0 -10px 10px -10px rgba(0,0,0,.30)}
.logo{float:left;margin-left:20px;width:65px;height:65px}
.logo img{width:100%;height:100%}
.iso{margin-right:10px;width:200px;height:65px;float:right;background:url(imageCarousels/iso.png);font-weight:300;font-family:Verdana,Geneva,sans-serif;font-size:14px;text-shadow:1px 1px 1px 1px rgba(0,0,0,0.2)}
.iso img{width:65px;height:65px}
.logwrite{float:left;width:600px;height:61px;margin-left:20px;color:#2c3e50;font-weight:300;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;font-size:38px}
.logwrite img{width:100%;height:100%}
#menu,#menu>ul{padding-bottom:3px;font-family:'Source Sans Pro',sans-serif;font-weight:500}
#menu:before,#menu:after,#menu>ul:before,#menu>ul:after{content:"";display:table}
#menu:after,#menu>ul:after{clear:both}
#menu{width:100%;zoom:1;min-width:650px;margin-top:0}
#menu>ul{margin:0;padding:0;position:relative;border:1px solid #f2f2f2;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;background:#f2f2f2;background:-moz-linear-gradient(top,#f2f2f2 0,#e8e8e8 23%,#a0a0a0 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f2f2f2),color-stop(23%,#e8e8e8),color-stop(100%,#a0a0a0));background:-webkit-linear-gradient(top,#f2f2f2 0,#e8e8e8 23%,#a0a0a0 100%);background:-o-linear-gradient(top,#f2f2f2 0,#e8e8e8 23%,#a0a0a0 100%);background:-ms-linear-gradient(top,#f2f2f2 0,#e8e8e8 23%,#a0a0a0 100%);background:linear-gradient(to bottom,#f2f2f2 0,#e8e8e8 23%,#a0a0a0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2',endColorstr='#a0a0a0',GradientType=0)}
#menu>ul li{margin:0;padding:0;list-style:none}
#menu>ul>li{float:left;position:relative;cursor:pointer}
#menu>ul>li>a{padding:23px 17px;display:block;color:#fff;font-size:16px;text-decoration:none;font-family:'Source Sans Pro',sans-serif;line-height:18px;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;cursor:pointer}
#menu>ul>li:hover>a{background-image:-moz-linear-gradient(top,#ee3c09,#b90909);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#ee3c09),color-stop(1,#b90909));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee3c09',endColorstr='#b90909');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee3c09', endColorstr='#b90909')";color:#fff;text-shadow:0 2px 2px rgba(0,0,0,0.2);box-shadow:2px 0 0 rgba(0,0,0,.2);-moz-box-shadow:2px 0 0 rgba(0,0,0,.2);-webkit-box-shadow:2px 0 0 rgba(0,0,0,.2);-webkit-border-top-radius:30px;-moz-border-radius-topright:30px;border-top-right-radius:30px;-webkit-border-bottom-right-radius:30px;-moz-border-radius-bottomright:30px;border-bottom-right-radius:30px;margin-right:-12px}
#menu>ul>li>a>span{line-height:18px}
#menu>ul>li.active>a,#menu>ul>li>a:active{background-image:-moz-linear-gradient(top,#ee3c09,#b90909);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#ee3c09),color-stop(1,#b90909));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee3c09',endColorstr='#b90909');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee3c09', endColorstr='#b90909')";color:#fff;box-shadow:2px 0 0 rgba(0,0,0,.2);-moz-box-shadow:2px 0 0 rgba(0,0,0,.2);-webkit-box-shadow:2px 0 0 rgba(0,0,0,.2)}
#menu>ul ul{opacity:0;visibility:hidden;position:absolute;top:123px;background:#1abc9c;margin:0;padding:0;z-index:-1}
#menu>ul li:hover ul{opacity:1;visibility:visible;margin:0;color:#000;z-index:2;top:67px;left:0}
#menu>ul ul:before{content:"";position:absolute;top:-10px;width:100%;height:20px;background:transparent}
#menu>ul ul li{list-style:none;padding:0;margin:0;width:100%}
#menu>ul ul li a{padding:18px 26px;display:block;color:#fff;font-size:18px;text-decoration:none;font-family:'Source Sans Pro',sans-serif;width:150px;border-left:4px solid transparent;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out}
#menu>ul ul li a:hover{border-left:4px solid #399ad8;background:#399ad8}
#menu>ul ul li a:active{background:#399ad8}
#menu a:active{background:#399ad8}
.wrapper{padding:0 0 3em 0;background:#fff;box-shadow:0 0 10px 5px rgba(0,0,0,.05);width:80%;min-width:650px;height:900px;overflow:hidden;margin:0 auto;margin-bottom:2em}
.banner{width:96%;padding:10px;height:150px;margin:0 auto;text-align:center}
.banner img{width:100%;height:100%;box-shadow:-2px 2px 2px rgba(0,0,0,0.3),2px -1px 2px rgba(0,0,0,0.3)}
.Row-1{width:100%;height:400px}
.Col-1{box-shadow:0 3px 8px 0 rgba(0,0,0,0.26);background:#ecebe8;padding:15px;width:60%;margin:0 auto;margin-top:55px}
.Col-1 h2{display:block;margin:0;color:#009ee3;height:30px;width:100%;text-align:center;margin-bottom:15px}
.formcard{width:96%;background:#ecebe8;margin:0 auto;padding:10px}
.textbox{width:80%;height:30px;border:1px solid #ccc;margin:10px;padding:5px}
.textbox:active{box-shadow:0 2px 6px rgba(0,0,0,0.3)}
.textbox:focus{box-shadow:0 2px 6px rgba(0,0,0,0.3)}
.textarea{width:80%;height:85px;margin:10px;padding:5px;border:1px solid #ccc;resize:none;font-size:13px}
.textarea:active{box-shadow:0 2px 6px rgba(0,0,0,0.3)}
.textarea:focus{box-shadow:0 2px 6px rgba(0,0,0,0.3)}
.textUpload{width:80%;border:1px solid #ccc;margin:10px;padding:15px;background:#ccc}
.textUpload:active,.textUpload:hover{box-shadow:0 2px 6px rgba(0,0,0,0.3)}
.button{width:180px;height:38px;margin:10px;color:#fff;font-family:'Open Sans',sans-serif;font-weight:500;font-size:15px;border:2px solid #3498db;background:#3498db}
.button:hover{box-shadow:0 8px 10px rgba(0,0,0,0.3)}
.button:active{background:#2ecc71;border:2px solid #2ecc71;box-shadow:0 8px 10px rgba(0,0,0,0.3)}
.button:focus{background:#2ecc71;border:2px solid #2ecc71;box-shadow:0 8px 10px rgba(0,0,0,0.3)}
.backToTop{display:none;position:fixed;bottom:20px;right:20px;width:30px;height:30px;cursor:pointer;z-index:10;box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0px 4px 15px 0 rgba(0,0,0,0.15);background-image:-moz-linear-gradient(top,#ee3c09,#b90909);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#ee3c09),color-stop(1,#b90909));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee3c09',endColorstr='#b90909');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee3c09', endColorstr='#b90909')";border-radius:5px;border:1px solid #b90909}
.back{margin-left:5px;margin-top:3px;font-size:20px;color:#fff}
.font{font-size:20px;color:#fff;margin-right:8px}
.icon{width:60px;height:60px;margin:0 auto;margin-top:10px;border-radius:50%;background:#1abc9c;padding:4px;font-size:20px;line-height:50px;color:#fff;text-align:center;vertical-align:bottom}
.copyright{width:200px;margin:10px auto;color:#fff;font-family:'Open Sans',sans-serif;font-size:12px;font-weight:500}
.power{width:200px;float:right;margin-right:150px;margin-top:10px;color:#fff;font-family:'Open Sans',sans-serif;font-size:12px;font-weight:500}
 /*validation pop ups*/
.val{
	background:#ff8105 !important;
	transition: all .5s ease-in-out 0s;
	color:#fff !important;
	width:100%;
	text-align: center;
	
}.val h2{
	margin: 0px;
padding: 20px;
text-align: center;
}

.suc{
	background:#6cc788 !important;
	transition: all .5s ease-in-out 0s;
	color:#fff !important;
	width:100%;
	text-align: center;
}
.suc h2{
	margin: 0px;
padding: 20px;
}.Row-success{
	margin-top: 180px;
z-index: 999;
position: absolute;
width: 100%;
}
.power a{color:#fff}
.power a:hover{text-decoration:underline;text-shadow:1px 0 1px #CCC}
.tooltip{display:inline;position:relative}
.tooltip:hover:after{background:#333;background:rgba(0,0,0,.8);border-radius:5px;color:#fff;bottom:1px;content:attr(title);left:-30px;bottom:-20px;padding:5px 5px;position:absolute;z-index:98;width:60px;font-family:'Open Sans',sans-serif;font-size:12px;content:attr(title)}
@media only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min--moz-device-pixel-ratio:1.25),only screen and (-o-min-device-pixel-ratio:1.25/1),only screen and (min-device-pixel-ratio:1.25),only screen and (min-resolution:200dpi),only screen and (min-resolution:1.25dppx){.header{margin-bottom:1em;height:70px;width:100%;background:#fff;font-family:'Alegreya',serif;-webkit-transition:all .4s ease;transition:all .4s ease;box-shadow:inset 0 -10px 10px -10px rgba(0,0,0,.30)}
.wrapper{padding:0 0 3em 0;background:#fff;box-shadow:0 0 10px 5px rgba(0,0,0,.05);width:85%;min-width:650px;height:1800px;overflow:hidden;margin:0 auto;margin-bottom:2em}
#menu{width:100%;zoom:1;min-width:650px;margin-top:0;font-size:14px}
#menu>ul>li>a{padding:18px 18px;font-size:15px}
.font{font-size:14px;color:#fff;margin-right:4px}
}.footer{width:1380px;height:60px;overflow:hidden;background:#2d3035;box-shadow:inset 0 -10px 20px -10px rgba(0,0,0,.30);bottom:0;position:relative}
.social{margin-top:7px;color:#fff}
.follow{width:30px;height:30px;min-width:30px;min-height:30px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;float:left;margin-left:10px;margin-top:10px;text-align:center}
.follow:hover{opacity:.8;box-shadow:0 1px 4px 0 rgba(0,0,0,0.5)}
.facebook{background:#446cb3}
.twitter{background:#07beed}
.google{background:#ce3d2b}
.dribble{background:#e84788}
.sociallinks span{color:#fff;display:block;float:left;margin-top:25px;text-decoration:none;margin-left:5px;font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif}
.box{width:800px;margin:0 auto}
.box2{width:600px;margin:0 auto}
.success{color:#fff;width:100%;height:20px;background:#0C9;margin-left:0;font-size:1.2em}
.error{width:600px;height:20px;margin-left:40%;box-shadow:inset 0 -1px 0 rgba(255,255,255,.4);color:#fff;font-size:1.2em;background-color:#de4343;border-color:#c43d3d}