/*
@Author: Praerit Jain
@Version: 0.5.2
 */
/* LOADING SPINNER OVERLAY */
.blackOverlay { display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; z-index: 10001; background-color: black; -moz-opacity: 0.30; opacity: 0.30; filter: alpha(opacity=30); }

#loadingWrapper { display: none; position: absolute; top: 20%; left: 41%; z-index: 99999; overflow: auto; background: white; border-radius: 5px; box-shadow: 0px 0px 10px 1px black; width: 280px; padding: 17px; }

/*
#loadingImage {
	background-image: $loadingImg;
	background-repeat: no-repeat;	
	width: 64px;
	height: 64px;
	z-index: 10004;
	margin-left: 10%; margin-top: 1%; float: left;
}
*/
#loadingImage { border: 16px solid #f3f3f3; border-radius: 50%; border-top: 16px solid #3498db; width: 50px; height: 50px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; float: left; }

@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }
#loadingMessage { font-family: Tahoma, Geneva, sans-serif !important; font-style: normal; font-variant: normal; font-size: 22px; color: #000 !important; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); z-index: 10004; text-align: center; padding: 5px; float: left; padding-top: 10px; padding-left: 15px; color: #000 !important; }

#loadingMessage:after { overflow: hidden; display: inline-block; vertical-align: bottom; -webkit-animation: ellipsis steps(4, end) 400ms infinite; animation: ellipsis steps(4, end) 400ms infinite; content: "\2026"; /* ascii code for the ellipsis character */ width: 0px; }

@keyframes ellipsis { to { width: 1.25em; } }
@-webkit-keyframes ellipsis { to { width: 1.25em; } }
.dotWrapper { text-align: center; padding: 10px; }

.loadingDots { background-color: rgba(0, 0, 0, 0.7); border-radius: 5px; box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3);z-index: 99999; font-size: 1em; /* set size here */ line-height: 3; /*padding: 0.125em 0 0.175em 0.55em;*/ width: 12.75em; position: absolute; left: 44%; top: 30%; }

.loadingDots span { background: transparent; z-index: 99999; border-radius: 50%; box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3); display: inline-block; height: 1.6em; width: 1.6em; -webkit-animation: loadingDots 0.4s linear infinite; -moz-animation: loadingDots 0.4s linear infinite; -ms-animation: loadingDots 0.4s linear infinite; animation: loadingDots 0.4s linear infinite; }

.loadingDots span:nth-child(2) { -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -ms-animation-delay: 0.1s; animation-delay: 0.1s; }

.loadingDots span:nth-child(3) { -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -ms-animation-delay: 0.2s; animation-delay: 0.2s; }

.loadingDots span:nth-child(4) { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -ms-animation-delay: 0.3s; animation-delay: 0.3s; }

/* Define the animation for every efing vendor prefix
*/
@-webkit-keyframes loadingDots { 0% { background: transparent; }
  50% { background: #E4E4E4; }
  100% { background: transparent; } }
@-moz-keyframes loadingDots { 0% { background: transparent; }
  50% { background: #E4E4E4; }
  100% { background: transparent; } }
@-ms-keyframes loadingDots { 0% { background: transparent; }
  50% { background: #E4E4E4; }
  100% { background: transparent; } }
@keyframes loadingDots { 0% { background: transparent; }
  50% { background: #E4E4E4; }
  100% { background: transparent; } }
#dualCheckWrapper { padding: 10px; border: 1px grey solid; border-radius: 5px; min-height: 50px; display: block; float: left; width: 100%; background: inherit; box-shadow: 2px 2px 2px 2px #C8CFD6; }

#leftList { float: left; border: 1px grey solid; border-radius: 3px; width: 45%; margin: 1%; text-align: center; }

#rightList { float: right; border: 1px grey solid; border-radius: 3px; width: 45%; margin: 1%; text-align: center; }

#itemDiv { float: left; padding: 5px; border: 1px green solid; border-radius: 2px; margin: 5px; }

#topRow { height: 20px; margin: 1%; color: #337ab7; text-align: center; }

.multiSelect { overflow: auto; }

.multiSelect .select { margin-right: 20px; float: left; }

.multiSelect .text { clear: both; font-size: 11px; }

.multiSelect label::after { content: ":"; }

.btn.mover { display: block; margin-top: 25px; vertical-align: top; }

.btn.mover.left { padding: 3px 8px 2px 6px; }

.btn.mover.right { margin-top: 24px; padding: 3px 7px 2px; }

.btn.mover i { margin: 0; }

/* demo css */
.li { list-style-type: disc; }

.bootstrap-duallistbox-container { min-height: 200px !important; margin-bottom: 5%; margin-top: -25px; }

.bootstrap-duallistbox-container .buttons { width: 100%; }

.box1 { float: left; margin: 2%; width: 45%; }

.box2 { float: left; margin: 2%; width: 45%; }

/* NEW ALERT OVERLAY */
.blackOverlay { display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: none; z-index: 10001; background-color: black; -moz-opacity: 0.30; opacity: 0.30; filter: alpha(opacity=30); }

/* NEW ALERT WRAPPER */
#alertWrapper { background-color: #f2f2f2; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; width: 478px; padding: 17px; border-radius: 5px; text-align: center; position: fixed; left: 50%; top: 40%; margin-left: -256px; margin-top: -200px; overflow: hidden; display: none; box-shadow: 0px 0px 10px 2px black; z-index: 99999; color: #000 !important; }

/* NEW ALERT MESSAGE */
#alertMessageHead { 
    font-family: 'Century Gothic', Arial, sans-serif !important; 
    font-weight: bold !important;
    font-style: normal; 
    font-variant: normal; 
    font-size: 24px; 
    -webkit-font-smoothing: antialiased; 
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); 
    word-wrap: break-word; 
    padding-top: 5%; 
    color: #333333 !important;
}

#alertMessageBody { 
    font-family: 'Calibri Light', Calibri, sans-serif !important; 
    font-style: normal; 
    font-variant: normal; 
    font-weight: normal; 
    font-size: 16px; 
    -webkit-font-smoothing: antialiased; 
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); 
    word-wrap: break-word; 
    padding-bottom: 5%; 
    padding-top: 5%; 
    color: #666666 !important;
}

.defBtn { 
    border-radius: 4px; 
    padding: 10px 15px; 
    width: 120px; 
    height: 45px; 
    font-family: 'Century Gothic', Arial, sans-serif !important; 
    font-weight: bold !important;
    color: white; 
    background: #1398F4; 
    border: none; 
    text-align: center; 
}
.defBtn:hover { 
    background: #0d7edb; 
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); 
}

.confYesBtn { 
    margin-right: 15px; 
    background: #1398F4; 
    color: white;
    font-family: 'Century Gothic', Arial, sans-serif !important; 
    font-weight: bold !important;
    width: 130px; 
    border: none;
}
.confYesBtn:hover { 
    background: #0d7edb; 
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); 
}

.confNoBtn { 
    margin-right: 10%; 
    background: #ffffff; 
    border: 2px solid #1398F4;
    color: #1398F4;
    font-family: 'Century Gothic', Arial, sans-serif !important; 
    font-weight: bold !important;
    width: 130px;
}
.confNoBtn:hover { 
    background: #f0f8ff; 
    border-color: #0d7edb;
    color: #0d7edb;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); 
}

/* NEW ALERT IMAGE */
#defaultImage { background: url("/cassette.axd/file/Scripts/globalHelper/stylesheet/images/helper/alert/warning-hand64-97a81f728b4b3ab6b32ed17fc1caba70701293b6.png") no-repeat center center; height: 64px; margin-top: 5%; }

#errorImage { background: url("/cassette.axd/file/Scripts/globalHelper/stylesheet/images/helper/alert/error64-256d8be40b1c36252eab7f6a5e25d8d410d31128.png") no-repeat center center; height: 64px; margin-top: 5%; }

#successImage { background: url("/cassette.axd/file/Scripts/globalHelper/stylesheet/images/helper/alert/success64-e601e1e8b94979939877263aee6f4b5319000fbe.png") no-repeat center center; height: 64px; margin-top: 5%;}

#infoImage { background: url("/cassette.axd/file/Scripts/globalHelper/stylesheet/images/helper/alert/warning64-baecb063659496e31cb15c0fa076728754af21da.png") no-repeat center center; height: 64px; margin-top: 5%; }

#warningImage { background: url("/cassette.axd/file/Scripts/globalHelper/stylesheet/images/helper/alert/warning64-baecb063659496e31cb15c0fa076728754af21da.png") no-repeat center center; height: 64px; margin-top: 5%; }

#homeImage { 
    height: 64px; 
    margin-top: 5%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #1398F4;
    border-radius: 50%;
    width: 64px;
    margin: 5% auto;
    position: relative;
}

#homeImage:before {
    content: "\f015";
    font-family: "FontAwesome";
    font-size: 32px;
    color: white;
    line-height: 1;
}

#confrimImage { background: url("/cassette.axd/file/Scripts/globalHelper/stylesheet/images/helper/alert/confirm64-5c05aed8c2411703dab6f2f999d9c611093e6add.png") no-repeat center center; height: 64px; margin-top: 5%;}

/* ANIMATION EFFECTS BELOW*/
.animatedAlert { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; }

@-webkit-keyframes alertBounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); }
  50% { opacity: 1; -webkit-transform: scale(1.05); }
  70% { -webkit-transform: scale(0.9); }
  100% { -webkit-transform: scale(1); } }
@-moz-keyframes alertBounceIn { 0% { opacity: 0; -moz-transform: scale(0.3); }
  50% { opacity: 1; -moz-transform: scale(1.05); }
  70% { -moz-transform: scale(0.9); }
  100% { -moz-transform: scale(1); } }
@-o-keyframes alertBounceIn { 0% { opacity: 0; -o-transform: scale(0.3); }
  50% { opacity: 1; -o-transform: scale(1.05); }
  70% { -o-transform: scale(0.9); }
  100% { -o-transform: scale(1); } }
@keyframes alertBounceIn { 0% { opacity: 0; transform: scale(0.3); }
  50% { opacity: 1; transform: scale(1.05); }
  70% { transform: scale(0.9); }
  100% { transform: scale(1); } }
.alertBounceIn { -webkit-animation-name: alertBounceIn; -moz-animation-name: alertBounceIn; -o-animation-name: alertBounceIn; animation-name: alertBounceIn; }

/*
//FOR FUTURE CHANGES ACCORDING TO DEVICE

//Smartphones (portrait and landscape)
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {    
}

//Smartphones (landscape)
@media only screen 
and (min-width : 321px) {    
}

//Smartphones (portrait)
@media only screen 
and (max-width : 320px) {  
}

//iPads (portrait and landscape)
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {  
}

// iPads (landscape)
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {    
}

// iPads (portrait)
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {  
}
*/
@media (max-width: 1280px) { .modal-dialog { margin: 30px auto; min-width: 1000px !important; }
  #dashButton { font-size: 9px !important; font-weight: bold; border: 1px solid lightgrey; } }
.snackBar { visibility: visible; min-width: 250px; margin-left: -125px; background-color: #333; color: #fff; padding: 10px; position: fixed; z-index: 1; left: 50%; bottom: 10px; font-size: 17px; }

.snackBarFull { visibility: visible; background-color: #333; color: #fff; text-align: center; padding: 10px; position: fixed; z-index: 1; bottom: 10px; font-size: 17px; width: 100%; }

.round { border: 1px solid #d3d3d3; border-radius: 5px; box-shadow: 0px 1px 2px #d3d3d3; }

.snackFadeIn { visibility: visible; -webkit-animation: fadeinSnack 0.5s; animation: fadeinSnack 0.5s; }

.snackFadeTimer { visibility: visible; -webkit-animation: fadeinSnack 1.5s, fadeoutSnack 2.5s 4.5s; animation: fadeinSnack 1.5s, fadeoutSnack 2.5s 4.5s; }

@-webkit-keyframes fadeinSnack { from { bottom: 0; opacity: 0; }
  to { bottom: 10px; opacity: 1; } }
@keyframes fadeinSnack { from { bottom: 0; opacity: 0; }
  to { bottom: 10px; opacity: 1; } }
@-webkit-keyframes fadeoutSnack { from { bottom: 10px; opacity: 1; }
  to { bottom: 0; opacity: 0; } }
@keyframes fadeoutSnack { from { bottom: 10px; opacity: 1; }
  to { bottom: 0; opacity: 0; } }
.closeXText { background: transparent; border: none; float: right; font-size: 10px; height: 10px; margin-bottom: 2px; }

/*# sourceMappingURL=GlobalHelper.css.map */