﻿@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);

@viewport { width: device-width; }
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }

/* FONT SMOOTHING
----------------------------------------------------------*/
@font-face {
    -webkit-font-smoothing: antialiased;
     font-smoothing: antialiased;
     font-smooth: always;
     transform: rotate(-0.0000000001deg);
     text-shadow: 0 0 1px #333;
}

/* WIREFRAME DEFAULTS
----------------------------------------------------------*/

/*Spacing*/
.padding {padding: 15px}
.padding-small {padding: 6px}
.padding-sides {padding-left: 15px;padding-right: 15px;}
.padding-top {padding-top: 15px;}
.padding-top-bottom {padding-top: 15px; padding-bottom:  15px;}
.padding-right {padding-right:15px}
.padding-left-long {padding-left:40px}
.no-padding-top  {padding-top:0px!important;}
.no-padding-bottom {padding-bottom:0px!important;}
.no-padding-right {padding-right:0px!important;}
.no-padding {padding:0!important;}

.margin-right{margin-right:15px}
.margin-left{margin-left:15px}
.margin-bottom {margin-bottom:15px!important;}
.margin-top-bottom {margin-bottom:15px!important;margin-top:15px!important;}
.no-margin{margin:0!important;}
.no-margin-top {margin-top:0!important;}
.no-margin-bottom {margin-bottom:0!important;}


/*Alignment*/
.center {text-align:center}
.full-width {width:100%;}
.align-right{float:right;}
.align-left{float:left;}


/*textarea*/
.txt-large  {font-size:1.4em}
.txt-xlrg  {font-size:2em}
.txt-small {font-size:0.8em;}
.txt-center{text-align:center;}
.txt-right{text-align:right;}
.txt-left{text-align:left}

/*misc*/
.inline {display:inline-block;}
.no-wrap {white-space:nowrap;}
.shadow { box-shadow: 0px 0px 10px 0px #000; -moz-box-shadow: 0px 0px 10px 0px #000; -webkit-box-shadow: 0px 0px 10px 0px #000; }
.txt-shadow { text-shadow: 1px 1px 1px #000;}
.txt-no-shadow { text-shadow: none;}
.rounded { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
.rounded-large{ border-radius: 10px!important; -webkit-border-radius: 10px!important;-moz-border-radius: 10px!important;}
.rounded-bottom { border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px;}
.rounded-bottom-large{ border-radius: 0 0 10px 10px!important; -webkit-border-radius: 0 0 10px 10px!important;-moz-border-radius: 0 0 10px 10px!important;}
.border-light-blue{border:solid 1px #0096c8}


.row.table {
    display:table;
    width:100%;
    margin:0;
}
    .row.table .col {
        display: table-cell;
        vertical-align:middle;
        float: none;
    }

/*EXTRAS*/
.rotate{
    -webkit-backface-visibility:hidden;
    transform:rotate(3deg);                
    -ms-transform:rotate(3deg); /* IE 9 */
    -moz-transform:rotate(3deg); /* Firefox */
    -webkit-transform:rotate(3deg); /* Safari and Chrome */
    -o-transform:rotate(3deg); /* Opera */
}
.gradient{
    background: #efefef;
	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%);
}
.opc:hover,.opc:active {
    transition: 0.15s ease-in-out;  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; 
	filter: alpha(opacity=75);   
	-moz-opacity:0.75; 
	-khtml-opacity: 0.75;
	opacity: 0.75;
    }
a img.opc {position:relative; -webkit-backface-visibility: hidden;}


/*BUTTON*/
input[type="submit"],input[type="submit"].btn,
input[type="button"],input[type="button"].btn,
a.btn {
    position:relative;
    text-decoration:none
    }
    input[type="submit"]:active,input[type="button"]:active,a.btn:active {
        top:1px;
        }
/*----------------------------------------------------------*/
.requirement, .error {
    color: #c7254e;}
.clear { clear: both;}

/* TABLES 
----------------------------------------------------------*/
table { border-spacing:0;}

/*Back to top button*/ 
#toTop {
    display: none;
    position: fixed;
    z-index: 1000;
    bottom:0;
    right:0;
}
#toTop a {
	width: 50px;
	display: block;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
   
}
/* arrow icon (span tag) */
#toTop span {
	width: 50px;
	height: 50px;
	display: block;    
	background-image: url(/Styles/Images/ui.totop.png);
    background-color: #333;
    background-repeat:no-repeat;
    background-position: center center;
    transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;	
}
#toTop a:hover span {
	background-color: #0096c8; 
}

/* Bootstrap Overrides 
----------------------------------------------------------*/
.media.media-block {
    margin-top:0

}

/* RESPONSIVE CSS
-------------------------------------------------- */

/* Landscape phone to portrait tablet */
@media (max-width:767px){
    .no-mobile{
        display:none}


/* Landscape phone to portrait tablet */
@media (min-width:768px){
    

   
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

}

/* Large desktop */ 
@media (min-width:1200px){

}
